これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -PrototyperWindows XP/7、Mac OSX 10.5+の両OSに対応、iPhone, Android, iPad向け（デスクトップも）のサイトやアプリのワイヤーフレームを作成するソフトウェアを紹介します。
実用的なユーザビリティの10のポイント：ガイドライン編 | コリス
ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされているためです。ユーザーが左→右→左下と視線を動かすことより、上→下と移動する方が容易です。 また、ラベルを左に配置することはもう一つの問題があります。 あなたはラベルを右揃えと左揃えのどちらで配置しますか？ 左揃えはラベルを読みやすくしますが、どのフィールドのラベルか判断するのが難しい場合があります。 右揃えはその逆です。フィールドのラベルを判断するのは容易ですが、ラベルを俯瞰するのが困難です。 2.
パンくず詳解 | コリス
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ（見つけやすさ）を改善するものとなります。 また、ランディングページ（検索などから訪れた最初のページ）にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
WordPressの設置後、すぐにやっておきたい10の作業 | コリス
WordPressの設置後、すぐにやっておきたい10の作業をPro Blog Designから紹介します。 10 Things to do After Installing WordPress 1. パスワードの変更 管理画面の[ユーザー]-[投稿者とユーザー]から、パスワードを変更できます。 訳者注： ユーザー名：adminはデフォルトのため危険なので、ユーザーを新規追加して運営するのがより安全です。 2. パーマリンク設定 管理画面の[設定]-[パーマリンク設定]で、URL構造を編集します。 訳者注： パーマリンクの設定方法は、「WordPressのSEO対策（その1）：個別URLの最適化」を参照ください。 運営の途中でパーマリンクを変更する場合は、「パーマリンクの変更後、旧アドレスでもアクセスできるWordPressのプラグイン」も参考になると思います。 3. テーマファイルの設定
汎用性の高いフリーのミニサイズのアイコン集 | コリス
アロー、ビュレット、サーチ、ショッピングカートなど、20,000個以上のウェブサイトで汎用性の高いミニサイズのアイコンを紹介します。 ダウンロードはフリーで、ライセンスは各アイコンで異なります。
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
快適な睡眠をおくるための24のポイント | コリス
Quick Tips to Better Sleep 寝る前、暖かいお風呂にゆっくりつかる。 睡眠時間は、規則的に確保する。 寝る2・3時間前には食べない。 軽い運動を習慣づける（就寝3時間前にはしない）。 音楽を聴いたり、本を読んでリラックスをする。 コーヒーやお茶に含まれるカフェインの摂りすぎに注意。 昼寝時間は短く、15～30分くらいにしておく。 予定が気になる時は、紙に書き留めておく。 体がほてる際は、冷たい水を枕元に用意したり、薄手の寝巻きにしたり、扇風機をおいたりする。 15分以上眠れない時は無理に横になってないで、起きて読書などでリラックスをこころがける。 横になりたくなってから、ベッドに戻る。 ベッドの周りに、植物や花を置くとリラックスする。 雑踏や物音が気になる時は、ホワイトノイズを流してみる。厚手のカーテンや耳栓なども効果的。 寝室は日よけなどで暗くする。アイマスクも効
ハイクオリティな30+のフリーのベクター素材 | コリス
Web Resources Depotのエントリー「ハイクオリティな30+のフリーのベクター素材」からいくつか紹介します。 30+ High Quality And Free Vector Object Sets
個人・商用サイトで利用可能な大きいサイズのテクスチャ配布サイト -Texturise | コリス
Texturiseは、個人サイトでも商用サイトでもフリーで利用可能な紙・木・植物・石などのテクスチャを配布しているサイトです。 サイズもかなり大きめで、2000～3000ピクセルくらいのものが揃っています。
GoogleにインデックスされやすいFlashコンテンツを制作するには
Google Webmaster Central Blogのエントリーから、GoogleがFlashファイルのインデックス方法を改善したことを受けたQ&Aの紹介です。 Improved Flash indexing 下記はそのQ&Aの意訳です。 Googleにインデックスされやすいのは、どのようなFlashファイルですか？ 全ての種類のSWFファイルのインデックス方法を改善しました。 それはボタンやメニュー、Flashコンテンツなど全てが対象です。 どんなコンテンツがGoogleにインデックスされやすいですか？ ユーザーの目で見えるテキストの全てです。 Flashファイル内のテキストは、Googleの検索結果で使用されたり、検索時のクエリにも使用されます。 Flashファイル内に含まれるリンクもインデックスが可能です。 テキスト要素ではない画像などはどうですか？ 現在のところ、インデックス
光を効果的に使用したPhotoshopのチュートリアル集 | コリス
光、光源、光線、光跡を効果的に使用した、ナチュラルなものからビームやファンタジーなものまで、Photoshopのチュートリアルの紹介です。
swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 | コリス
サイトで使用しているFlashのswfファイルを抽出したり、flaファイルにデコンパイルしたり、ActionScriptを抽出できるアプリケーションのリンク集です。 [ad#ad-2] ※バージョンやプロテクトにより、対応不可なものもあります。 flaファイルにデコンパイル Action Scriptの抽出 swf内で使用しているファイルの抽出 ページに使用しているswfを抽出・保存 flaファイルにデコンパイル SWF Decompiler swfファイルをflaファイルにデコンパイルするアプリケーションです。 $79.99。体験版あり。 Motion Decompiler: 日本語版 swfファイルの解析や、flaファイルにデコンパイルするアプリケーションです。 ダウンロード版：9,800円。体験版あり。 Action Scriptの抽出 Flare swfファイルから、Action
IE7とIE6を共存させる方法：まとめ
IE 7の自動アップデートに伴ってだと思うのですが、当サイトで紹介した「IE7とIE6の共存」シリーズのアクセスが増えているので、既存のエントリーをまとめました。 リンク先や手順などは以前紹介した方法ではなく、最新のものになっています。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をベースに、IE6をスタンドアローンで起動する方法：その２ IE6をベースに、IE7をスタンドアローンで起動する方法 Virtual PCを使用して、IE6 or 7を起動する方法 追記： スタンドアローンは、Windows XPが対象になります。 Vistaの場合は、Virtual PCを使用します。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をダウンロードして、インストールします。 日本語版「Internet Explorer 7」のダウンロード IE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
最近のデザイントレンドにはまるフリーのフォント集
[CSS]スタイルシートで実装するテーブルのデザインパターンとそのポイント | コリス
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス
オンラインで、いろいろなブラウザのチェックができるサイト集 | コリス
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス