Twitterの最新の投稿をサイドバーに表示しました

1つ前のエントリー（Twitterの最新の投稿をオリジナルのデザインで表示する方法）でやってみたくなったので、デザインとCSSをいじってサイドバーに設置しました。 なかなかいい感じ。 ソースは以下の通りです。 XHTML <div id="twitter&qu …

Twitterの最新の投稿をオリジナルのデザインで表示する方法

Twitterの投稿をブログなどに表示したい。 そんなときにおすすめなのが、『How To Display Your Twitter Status in a Unique Design』。Twitterの最新の投稿をオリジナルのデザインで表示する方法です。 素のテキストの状態 …

デザインのいい、刺激的なインターフェースのMacアプリ50

Macでかっこいいアプリを使いたい。 そんなあなたにおすすめなのが、『50 Mac Apps With Well Designed & Sexy Interfaces』。デザインのいい、刺激的なインターフェースのMacアプリです。 フリーのものから有料のものまで、い …

WordPressのダッシュボードハックス

WordPressのダッシュボード（管理画面）をカスタマイズしたい。 そんなときにおすすめなのが、『10 WordPress dashboard hacks』。WordPressのダッシュボードハックスです。 クライアントにCMSとしてWordPressを提案して納品する場合 …

いつからTwitterをやっているかを競えるサービス

Twitterは最近盛り上がっている感じですが、いつから始めているでしょうか？ 『How long have you been tweeting?』というサイトでは、Twitterを始めてから時間がどのくらい経ったかを示してくれます。始めた日がわかるのと、なんと秒まで出してく …

クリスマス・ギフト・雪だるまなどのアイコン集

今年は過ぎてしまいましたが、かわいいのでご紹介。 クリスマスシーズンに使えそうなのが、『More Exclusive Icons for the Holidays:”Xmas Festives”』。 The icons are free for per …

商用無料のケーキやドーナツのアイコンセット

ケーキやドーナツなど、スイーツやパーティー系のアイコンを探している。 そんなときにおすすめなのが、『Yummy! Free Food and Cakes Icon Set』。商用無料のケーキやドーナツのアイコンセットです。 ↑のようなスイーツ系のアイコンが、20個入っています …

WordPressでパンくずリストを表示するシンプルなコード

WordPressでパンくずリストを使いたい。 そんなときにおすすめなのが、『How To: Breadcrumbs in WordPress』。WordPressでパンくずリストを表示するシンプルなコードです。 ネストされたカテゴリーやページにも対応しているようですね。 パ …

雪の結晶のベクター素材

ページにグリッドの罫線を表示するJavaScript

ページのディテールに隠し機能をつけたい。 そんなときにおすすめなのが、『#grid』。ページにグリッドの罫線を表示するJavaScriptです。 以前「Webデザインにおける”Wow”ファクター」のエントリーで紹介した、Analogのサイトで使われてい …

サンタクロースやプレゼント、モミの木などのフリーアイコン

クリスマスに使えるアイコンを探している。 そんなときにおすすめなのが、『Free Icon Pack: Holiday Seasonal Icons』。サンタクロースやプレゼント、モミの木などのフリーアイコンです。 ↑のようなアイコンが、aiデータで配布されています。 Thi …

UIデザイン / モックアップ作成に使える素材集

UIデザインやモックアップ作成のための素材を探している。 そんなときにおすすめなのが、『A UI Design and Prototyping Treasure Chest』。UIデザイン / モックアップ作成に使える素材集です。 テンプレートやアイコンなど、いろいろと揃って …

鉛筆やノート・メール・矢印などのアイコンセット

鉛筆やノートなどのアイコンを探している。 そんなときにおすすめなのが、『Onebit free icon set』。鉛筆やノート・メール・矢印などのアイコンセットです。 かなりかわいい感じのアイコンになっていますね。PNGファイルで50個入っています。 These icons …

クリスマスのシーンをillustratorで描くチュートリアル

クリスマスのシーンを美しく描きたい。 そんなときにおすすめなのが、『How to Make a White Holiday Scene in Illustrator』。クリスマスのシーンをillustratorで描くチュートリアルです。 ↑のような、モミの木や雪山、雪の結晶な …

Appleのようなデザインをするためのコーディングチュートリアル15

Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集 …

女性のドレスやバッグ、サングラスなどのベクター素材

ファッションやアパレルストアのプロモーションサイトなどを作りたい。 そんなときにおすすめなのが、『Free Vector Doodles – Women’s Clothing & Fashion』。女性のドレスやバッグ、サングラスなどのベクタ …

グラフを描画するための便利なFlashコンポーネント10

Flashでグラフを描きたい。 そんなときにおすすめなのが、『10 Useful Flash Components for Graphing Data』。グラフを描画するための便利なFlashコンポーネントです。 いい感じのが揃っていますね。 Open Flash Chart …

jQueryで作る軽快なスライドナビゲーション

マウスオーバーすると、すっとスライドするナビゲーションが作りたい。 そんなときにおすすめなのが、『hoverFlow』。jQueryで作る軽快なスライドナビゲーションです。 マウスオーバーすると右にすっと移動して、マウスアウトすると元の位置に戻ります。動きが軽快でいいですね。 …

jQueryで実装する、奥行きのある回転テーブルの動き

普通と違った、奥行きのあるインターフェースを実装したい。 そんなあなたにおすすめなのが、『jQuery Roundabout』。jQueryで実装する、奥行きのある回転テーブルの動きです。 シンプルなul, liのHTMLを、奥行きのあるインターフェースにしてくれます。しかも …

なにこれおもしろい2

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

商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン5個

メールやフォルダなどのアイコンを探している。 そんなあなたにおすすめなのが、『Five Free Vector Icons: Plastic Iconset』。商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン集です。 プラスチックなテイストの作り込まれたアイコンが揃っ …

商用無料のRSSやTwitterなど、SNS系のアイコン集

RSSやTwitterのかわいいアイコンを探している。 そんなときにおすすめなのが、『Free Set of Social Media Icons – Large Icons Social』。商用無料のRSSやTwitterなど、SNS系のアイコン集です。 かなり …

商用無料のクリスマスシーズンに使えるベクター素材17

クリスマスシーズンのデザインに使える素材を探している。 そんなときにおすすめなのが、『15+ Free Holiday & Winter Vectors: Winterize』。商用無料のクリスマスシーズンに使えるベクター素材集です。 似たような記事が続きますが、便 …

商用でも無料で使えるクリスマスステッカーアイコン16

クリスマス用の素材を探している。 そんなときにおすすめなのが、『Exclusive Icons for the Holidays:”Xmas Stickers”』。商用でも無料で使えるクリスマスステッカーアイコン集です。 ↑のようなアイコンが16個、6 …

Webデザインにおける”Wow”ファクター

見る人に驚きを与えるようなデザインがしたい。 そんなあなたにおすすめなのが、『The “Wow” Factor in Web Design 』。Webデザインにおける”Wow”ファクターです。 デザインで覚えてもらうためには、い …

ScreenToasterおもろい

オンラインのスクリーンキャストサービス、「ScreenToaster」がおもしろいですねー。朝紹介しようと思ってタイミングを逃したら、もうかなり知られているので軽く書くぞ。軽なう！ サイトやアプリの使い方などを動画で紹介したいときに使えますね。YouTubeにUPできたり、s …

CSS３を使った、強くて速いデザイン例

CSS3でできることをいち早く知っておきたい。 そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS３を使った、強くて速いデザイン例です。 以下の例が紹介されています。 Inline Form Label …

Facebookスタイルのインターフェースを実装するスクリプト・素材20

Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。 とてもかっ …

なにこれおもしろい

タイトルが意味分かりませんが（すんまへんm(_ _)m）、なにこれおもしろいなサイトを見つけました。 チェックボックスをクリックすると、水滴になって落下して飛び散ります。それだけです。それだけなう！ 「the389.com」さんはその他にも、セレクトボックスやチェックボックス …

デザインのインスピレーションになるWordPressデザイン55

WordPressを洗練されたデザインにしたい。そんなあなたにおすすめなのが、『55 Excellent WordPress Site Design for Design Inspiration』。デザインのインスピレーションになるWordPressデザインです。 いくつかご …

あなたが知らないかもしれないPhotoshopの使い方10

Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn’t Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。 なかなかいい感 …

illustratorで風景のイラストを描くチュートリアル

illustratorで綺麗なイラストを描きたい。そんなときにおすすめなのが、『How to Create a Landscape Wallpaper for your Desktop』。illustratorで風景のイラストを描くチュートリアルです。 ↑のようなイラストの作 …

とてもシンプルなjQueryのタブコンテンツ

シンプルなタブ切り替えコンテンツを作りたい。そんなときにおすすめなのが、『Simple jQuery tabs』。とてもシンプルなjQueryのタブコンテンツです。 activeクラスをJavaScriptでaddしたり、removeしたりしているようですね。HTMLも含めて …

立体文字が作れる紙のパターン

Illustration © Tobias Sommer 紙で立体文字を作りたい。そんな時に使えそうなのが、『Punched Out』。型紙を切り貼りしてフォントが作れるパターンです。 If you wanna use this for a commercial projec …

マウスオーバーするとスライド式で現れるナビゲーション

Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。 ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。 デモは以下から。手書きのデザインでなかなか斬新なものになって …

iPhoneのスキャナアプリ、DocScannerを買った♪

前から気になっていたんだけど急にほしくなって、「DocScanner」を購入。今はApp Storeで1,000円です。スキャンしたかった文書がたまっていたんですよね。。 DocScanner 使ってみた感じ、すごくいい！自動トリミング、遠近補正、ホワイトバランス補正がついて …

かっこいいjQueryのスライダー25

WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List左にナビゲーショ …

色やデザインテイストでクールなサイトを検索できる『InspirationTime』

かなりすごいサイトを見つけました。『InspirationTime』というサイトで、色やデザインテイストでクールなサイトを検索できます。 「Green」をクリックすると緑をうまく使ったサイトが、「Colorful」をクリックするとカラフルで綺麗なサイトがずらっと表示されます。 …

フリーアイコンが検索できるサイト

Icon Feverというサイトを見つけました。フリーアイコンがまとまっていて、検索して探せるサイトになっています。 「Social Media」や「Twitter」など、タグ付けもされているので探しやすいですね。Twitterのタグ検索結果はこちら↓です。 Twitter …

デザイナー・デベロッパーのためのおもしろTシャツ25

webdesigner depotで、デザイナー・デベロッパーのためのおもしろTシャツが紹介されています。 なかなか面白いのが揃っているのでご紹介。 It’s not a bug, it’s a feature – $23.60 それはバグ …

jQueryのイメージギャラリープラグイン20

speckyboyで、jQueryのイメージギャラリープラグインがたくさん紹介されています。 いくつかご紹介しますね。 ColorBox – Customizable Lightbox Plugin画像だけでなく、スライドショー、HTML、Flashをlightb …

Google Public DNSでMacのブラウジングが速くなった♪

GoogleがDNSサービスを開始していますね。 自分のMacでやってみると、結構速くなった感じです☆よっしゃ。タブをかなり開いてしまって遅くなることが多いんですが、少しは改善されるかな。 システム環境設定 / ネットワーク / 詳細 「+」をクリックして、「8.8.8.8」 …

Twitterで話題のサイトをランキングする『twitty』、公開

昨日、Twitterで話題のサイトをランキングする『twitty』がリリースされました。今回はデザインを担当させて頂きました。 元々福田さんが、「ついったーランキング」というサイトを数年前から運営していて、システムはあったので、そこにデザインを乗せた形になります。 Twitt …

サイト内リンクでページ遷移するAjaxサイトの作り方

yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。 ↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。 リロードが必要ないので、ペー …

ツールチップ表示に使えるかっこいいスクリプト35

VANDELAY DESIGNで、ツールチップ表示に使えるかっこいいスクリプトがまとまっています。 かっこいいものが揃っていますね。 Prototip 2Prototypeを使って、シンプルなものや手の込んだツールチップを作成 Coda Popup BubblesCodaで使 …

Webデベロッパーのためのクールなテンプレート10

net tuts+で、Webデベロッパーのためのクールなテンプレートがたくさん紹介されています。 ざっといくつかご紹介。 Airmail! – Customizable Email TemplateカスタマイズできるクールなHTMLメールテンプレート。$12 Si …

インスパイアされるコーポレートデザイン50

1st webdesignerで、インスパイアされるコーポレートデザインがまとまっています。 いくつかご紹介しますね。 ↑はCamp Creative Group。 nclud eCoverSuiteElite Wake Interactive Tracking Time メ …