ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f7cf13279f557ad6096f028556c583586d163c/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2013%2F07%2Fdan-silver.github.io_ElementTransitions.js_.png)
ウェブサイトのデザインや実装の一貫性を促進するために、制作に携わる全ての人に役立つスタイルガイドを簡単に作成できるテンプレートを紹介します。 現役時代、独自のテンプレートを使ってましたが、こういう便利なものがリリースされる時代なのですね(遠い目 Style Guide Boilerplate Style Guide Boilerplate -GitHub Style Guide Boilerplateの紹介の前に、スタイルガイド未体験の人用にどのように役立てるか簡単に説明します。 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイトを効率的に管理する。 スタイルガイド制作のタイミングとしては、草案を制作中に作りつつ、納品時には定義が全て網羅されている状態がベストではないで
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
50 Awesome Twitter Bootstrap Templates フリー&プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用してサクっと仕事を終えられる事もあるかも Bootstrapの便利さを享受しつつ、うまくサイトデザインする際の参考にもできそうです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」
ITの進化スピードには目を見張るものがあり、例えば、70年代にはフロッピーディスクにデータを保存できる事が革命的な技術でしたが、CD、フラッシュドライブそしてクラウドコンピューティングが続々と登場しました。5MBのシーゲート製HDDは1980年の発売当時1500ドル(約30万円)しましたが、2013年現在256GBの高速SSDは半分以下の値段で手に入れることができます。そんな恐ろしい速度で発展し続けるITの進化の歴史ををまとめたインフォグラフィックスをMicrosoftが「Evolution of The IT PRO」として公開しています。 Dude, Where's my Floppy? I Mean USB, I Mean Flash Drive...Technology is Evolving, Are You? - Microsoft Server and Cloud Platf
メインの碁盤状が暖色と寒色にしたもの、右のバーが彩度 ColdWarmのインストール ColdWarmの使い方 ColdWarmのインストール ColdWarmはPhotoshop CS5, 6用の機能拡張で、下記ページからファイルをダウンロードします。 ColdWarm 「Free Download」から、CS5, CS6を選択してクリックしてください。 ダウンロードした「ColdWarm_CS6_1_3_2.zxp」をダブルクリックすると、Adobe Extension Managerが自動で開くので、説明を読み、インストールします。 インストールが完了したら、Photoshopを再起動し、ツールバーの[ウインドウ]-[エクステンション]から「ColdWarm」を選択すると起動します。 PhotoshopでColdWarmを起動 ColdWarmの使い方 使い方は簡単でカラーを選択する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く