WordPressを洗練されたデザインにしたい。そんなあなたにおすすめなのが、『55 Excellent WordPress Site Design for Design Inspiration』。デザインのインスピレーションになるWordPressデザインです。 いくつかご紹介しますね。 ↑はDapurpixel。 Blackmoondev Kylefiedler Cooperskids Ecoki かっこいいのが揃っていますね。背景やレイアウト、イラストの使い方、グローバルメニューなど、参考になるのではないでしょうか。 WordPressで作られているので、URLの設計やエントリーの表示なども参考になると思います。 一度見てみてください♪ 55 Excellent WordPress Site Design for Design Inspiration | Inspiration |

未来のロボット「サテラ」といっしょに、ロケット打ち上げミッションを成功させよう！

Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。 とてもかっこいいのが揃っていますよ。 Lightbox famspam作の理想的なlightbox系画像拡大プレビュースクリプト Modal Box Using MooTools ふわっと現れてすっと消えるモーダルボックス Elastic Plug-In テキストエリアで改行すると、自動で高さを高くしてくれる Tipsy Plug-In クールなツールチップ Icons かわいいアイコン。ライセンスはCreative Commons Attribution-Noncommercial-No Derivative Works 3.

CSS3でできることをいち早く知っておきたい。 そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS３を使った、強くて速いデザイン例です。 以下の例が紹介されています。 Inline Form Labels inputのフィールドに透かしテキストを入れる方法。MobileMeで使われていますね。フォーカスした時にopacityで透明度を変化。デモはこちら Fast, Easy Drop-in Modals 綺麗なグラデーションの背景と、ドロップシャドウのついたモーダルダイアログ。美しい。デモはこちら Newspaper Layouts with Columns and Image Masks 新聞紙のような綺麗なカラムレイアウトと、グラデーションによるイメージマスクの例。デモはこちら CSSのコーディングで表現力が増え

オンラインのスクリーンキャストサービス、「ScreenToaster」がおもしろいですねー。朝紹介しようと思ってタイミングを逃したら、もうかなり知られているので軽く書くぞ。軽なう！ サイトやアプリの使い方などを動画で紹介したいときに使えますね。YouTubeにUPできたり、swfでローカルに落とせたりします。 ユーザー登録もさくっとできて無料で使えるので、これはかなり使えるのでは。 ぜひ使ってみてください！ ScreenToaster – Online screen recorder. Capture screencasts instantly. やばいなうなう言ってる場合じゃなくなってきた。WPやらなくては。。WPやるなう！

人気の画像 ・15年下半期ベスト10 ・15年上半期ベスト10 ・14年下半期ベスト10 ・14年上半期ベスト10 ・13年下半期ベスト10（gif 5） ・13年上半期ベスト15 ・12年下半期ベスト10 ・12年上半期ベスト20 ・11年下半期ベスト15 ・11年上半期ベスト10（動）（風） ・10年下半期ベスト15 ・10年上半期ベスト15 ・09年下半期ベスト15 ・09年上半期ベスト15 ・08年ベスト20 PR 逆アクセスランキング

見る人に驚きを与えるようなデザインがしたい。 そんなあなたにおすすめなのが、『The “Wow” Factor in Web Design 』。Webデザインにおける”Wow”ファクターです。 デザインで覚えてもらうためには、いくつか方法があって、まずコンセプト、次にデザイン、最後に”Wow”ファクターということで、いくつか具体例が挙げられていますね。 Analog alt + Gを押すと、縦のガイドラインと横の罫線が現れて、ポートレートにマウスオーバーすると、ぐ〜っと動きます Face タイポグラフィーにマウスオーバーすると、派手な感じでいろいろ変化します Flourish 赤い背景のナビゲーションをクリックすると、真ん中の木がいろいろと変化しますね。かわいい。とても楽しい感じです HutchHouse 右上のナビゲーションでデザインが変えられます。どれもかわいくて見入ってしまいますね

クリスマス用の素材を探している。 そんなときにおすすめなのが、『Exclusive Icons for the Holidays:”Xmas Stickers”』。商用でも無料で使えるクリスマスステッカーアイコン集です。 ↑のようなアイコンが16個、64x64px・128x128px・256x256pxの3種類入っています。aiでパスデータも入っているので、より大きいサイズにリサイズも可能ですね。 The icons are free for personal and commercial purposes and are released exclusively to all WDD readers. とのことで、商用でも利用可能になっています。 クリスマスのちょっとした装飾に、ぜひいかがでしょうか？ Exclusive Icons for the Holidays: “Xmas Sti

RSSやTwitterのかわいいアイコンを探している。 そんなときにおすすめなのが、『Free Set of Social Media Icons – Large Icons Social』。商用無料のRSSやTwitterなど、SNS系のアイコン集です。 かなりかわいい感じですよ。Twitterアイコンが特にいいですね。 You may use these icons for commercial and personal use on your websites, web applications, software applications, print designs, and other works とのことで、商用利用でも無料となっています。 PNGで512x512pxのものまで入っているので、使いやすいのではないでしょうか。 ぜひ見てみてください。 Free Set of S

メールやフォルダなどのアイコンを探している。 そんなあなたにおすすめなのが、『Five Free Vector Icons: Plastic Iconset』。商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン集です。 プラスチックなテイストの作り込まれたアイコンが揃っていますよ。aiデータも入っています。 They’re released royalty-free, so you may use them for any commercial or personal purpose. とのことで商用無料なので、ぜひ使ってみてはいかがでしょうか？ Five Free Vector Icons: Plastic Iconset タブが減らん。。夕方になってしまった！！

またなにこれおもしろいなサイトを見つけました。 「Play」を押すと、小ウィンドウが現れてピンポンが始まります。それだけです。それだけなう！ 途中ポップアップがブロックされたりしますが気にしないでください。 「Human」に2つともチェックを入れるとかなり忙しいことになりますががんばってください。 よろしくお願いいたします。 Browser Pong 今日も寝れないなう！

普通と違った、奥行きのあるインターフェースを実装したい。 そんなあなたにおすすめなのが、『jQuery Roundabout』。jQueryで実装する、奥行きのある回転テーブルの動きです。 シンプルなul, liのHTMLを、奥行きのあるインターフェースにしてくれます。しかもクリックすると、前面にぐいっと回転して出てきます。 以下のようなデモも用意されていて、かなり刺激的なことになっています。 Standard Roundabout in Action Clock 一度見てみてください。 jQuery Roundabout ブログデーになりつつあるな。。今日はインプットが多すぎました。。朝までがんばるぞ。 P.S. 今気づきましたが2つとも田口さんとかぶってしまいましたすんまへんm(_ _)m

マウスオーバーすると、すっとスライドするナビゲーションが作りたい。 そんなときにおすすめなのが、『hoverFlow』。jQueryで作る軽快なスライドナビゲーションです。 マウスオーバーすると右にすっと移動して、マウスアウトすると元の位置に戻ります。動きが軽快でいいですね。 詳しいデモは以下のページから。 demos page ぜひ使ってみてはいかがでしょうか？ The hoverFlow Plugin – A Solution to Animation Queue Buildup in jQuery WordPressのことで頭がいっぱいです。うーんもうちょいかな。

「TweetNotebook」はTwitterの発言が載ったノートブックが作られるサイトです。 「今日の一言」みたいな感じ。 ユーザ名を指定するとその人のポストがノートの下部分に表示されます。 もちろん無料サービスではなく、有料サービスですがなかなか面白いですね。 以下に購入までの流れを載せておきます。 （ちなみに気になるお値段は１２ユーロ＋αです。ページ数は320。）

まず「reduc.in」にアクセスします。 短縮したいURLを入力。 ファイルのアップロードもできます。 短縮したものはこのとおり。 URLは短くなりました。 デフォルトで短縮した場合は１日だけ有効のリンクになります。 アップロードしたファイルはこんな感じで見られます。 ファイルは画像のみアップロード可能です。 オプションで以下の機能をつけられます。 ・パスワード ・閲覧回数 ・期間 パスワードをかけることで他人に見られたくないリンクなどを共有できますね。 閲覧回数を指定すると、たとえば１００回リンクが開かれたらそのリンクを無効にするなどができます。 期間は指定した数字の日数分リンクが有効になります。 短縮したときにそのリンクに対してのオプションが表れます。 もう少しデザインをよくすればいいんだけどなあ。 すごく便利で使えるサイトだけに少し残念。 （本記事で紹介したサイト：reduc.in

「RapidManiac」はRapidshareで共有されているファイルを検索できるサイトです。 ただ単に検索できるだけでなくファイルタイプで検索ができます。 検索したものは関連度、アップロード日時や人気のあるものでソートできます。 ちなみに日本語の検索は対応していません。 以下に使ってみた様子を載せておきます。

ファッションやアパレルストアのプロモーションサイトなどを作りたい。 そんなときにおすすめなのが、『Free Vector Doodles – Women’s Clothing & Fashion』。女性のドレスやバッグ、サングラスなどのベクター素材です。 ↑のようなシンプルで綺麗な素材が、aiとepsデータで配布されていますね。 roughly doodledということでわりとラフに作られていますが、参考に見てみてはいかがでしょうか。 Free Vector Doodles – Women’s Clothing & Fashion さて作業再開して終わらせるぞ。

Flashでグラフを描きたい。 そんなときにおすすめなのが、『10 Useful Flash Components for Graphing Data』。グラフを描画するための便利なFlashコンポーネントです。 いい感じのが揃っていますね。 Open Flash Chart オープンソース、AS3で作られています。右クリックでグラフを画像として保存することも可能 デモ：Open Flash Chart XML/SWF Charts XMLを使ってグラフを描画 デモ：XML/SWF Charts zxChart txtやXMLからグラフを作成。約$20 amCharts CSVやXMLからグラフを描画。ぼよーんとした動きがかわいい デモ：amCharts Fly Charts オンラインウィザードからグラフを生成できる。個人利用無料。商用利用は$99〜$799 デモ：FlyCharts 一