Six Revisionsで、Photoshopでディテールをデザインするチュートリアルが紹介されています。 かなり細かく解説されているので参考になりますね。ベベルやドロップシャドウで立体感を出す方法や、描画モード：オーバーレイで綺麗なグラデーションを描く方法など、シンプルだけどかなり気の利いたチュートリアルになっています。 記事はかなり長いですが、下部にある「light-and-sleek-layout.zip (ZIP, 1.24MB)」からPSDファイルをダウンロードできますね。 ぜひデザインの参考にしてみてはいかがでしょうか？ » How to Make a Light and Sleek Web Layout in Photoshop さて仕事再開するかな。だいぶテンション上がってきたぞ。

wpbeginnerで、WordPressの404ページデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はCatswhocode。 Catalyst Studios Carsonified CSS Tricks Retard Zone 404ページもデザインされていると印象に残りますよね。 その他のリストは以下からどうぞ。 » Best of Best WordPress 404 Error Page Designs snow leopard早く入れたい。。うーん。 諸々急いで進めるぞ。

Six Revisionsで、魅力的なUIにするためのjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » SimpleModal シンプルなモーダルウィンドウ » Panel Gallery ユニークなトランジションを持つスライドショー » Easy Image Gallery サムネイル表示型のイメージギャラリー » PikaChoose Belvedere Incに見られるクールなギャラリー » SlideBox たくさんのリンクを表示できるスライドボックス » Single Drop Down Menu シンプルなドロップダウンメニュー » Mouse Over Animation for Text テキストにマウスオーバーすると、明度を変えてくれたりうにょ〜っと拡大してくれるエフェクト あまり見たことのないものやシンプルで使いやすそうなギャラリーなどが揃っていま

speckyboyで、インスパイアされるWebアプリ&サイトデザインがまとまっています。 ざっといくつかご紹介。 ↑はPhotoSnack。 Image Spark YOKABOO Gambolio.com Autodesk Project Dragonfly 以下のカテゴリーに分かれてたくさん紹介されているので、ぜひ見てみてください。 ・Clean, Simple and Nice Designs ・Minimal and Effective ・Vector and Large Background ・Corporate and Professional ・Modern and Typical (Web 2.0ish) ・Stylish and Classic Layouts ・Graphically Improved Designs ・Flash, Flex and AIR Desig

Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ

abduzeedoで、緑をうまく使った美しいWebデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はpsdtolife。 devthought Aenemya Sprouter Big Cartel 色のトーンや面積、あるいは緑をどんな色と組み合わせているかが参考になりますね。 その他のリストは以下からどうぞ。 » 55 Beautiful Green Layouts in Web Design 横浜に新しくオープンしたリゴレットのオープニングパーティーに行ってきました。駅から近いし、川沿いのテラスで飲めるしいいところでしたね。雰囲気はかなり派手派手。大人な感じで飲みたい時にはぜひ♪ » RIGOLETTO

webdesigner depotで、商用でも無料で使えるベクターアイコンが紹介されています。 The icons are completely free for personal and commercial use and they’re being released exclusively to all our readers. とのことで、個人利用・商用利用ともに無料になっています。 AIファイルも入っているので、使いやすいのではないでしょうか？ 矢印やノートやカレンダー、パソコンといったオフィス系アイコン、カートや配送車などのEC系アイコンがたくさん入っています。 ぜひダウンロードしてみてください♪ » 200+ Free Exclusive Vector Icons: ‘Primo’ 気が向いたのでCSSを整えて、inputとtextareaにborderを指定しました。pad

WEB DESIGN LEDGERで、美しいデザインのMac&iPhoneアプリ系サイトが紹介されています。 ざっといくつかご紹介。 ↑はMacRabbit。 atebits Acrylic Tao Effect その他のリストは以下からどうぞ。 » 13 Beautifully Designed Mac and iPhone App Websites 今日はAPIの話と見せかけてカメラの話をするぞなう。