Smashing Magazineで、商用無料でタイポグラフィーなXHTML/CSSテンプレートが配布されています。 ざっといくつかご紹介。 ↑はT-20。 Megan David Kruger MiniCon Luvbold In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. However, we did receive a number of brilliant typographic te

かなりすごいサイトを見つけました。ChocoTemplatesというサイトで、商用無料のXHTML / CSSテンプレートを配布配布しています。 Free CSS Templates Every Week! ChocoTemplates.com provides professionally designed xhtml/css templates for free. The templates are ready-to-use and can be downloaded instantly. Make sure to visit us frequently, as we will add new FREE xhtml/css template every week. フリーのCSSテンプレートを、毎週配信！ ChocoTemplates.comは、プロ並のデザインのXHTML / CSS

サイトをさっと作りたい。 そんなときにおすすめなのが、『30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now』。クオリティーの高いフリーのXHTML/CSSテンプレート集です。 いい感じのものが揃っています。 Urban Gear スライドショーのある、ECサイトのデザイン Ornare サムネイル付きのスライドショーのある、すっきりとしたサイトデザイン My Porfolio ポートフォリオに使えるデザインテンプレート Megan シンプルなタイポグラフィーデザイン Cantya ビジュアルにイラストをうまく使った、見やすいレイアウト PSDファイルが含まれているものもあるので、ぜひ見てみてください。 30 Latest High-Quality Free (X)HTML/CSS Templates Must See

Flash以外でサイトに動きをつけたい。 そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。 Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。 鳥の画像は以下のように、アニメGIFを一つの画像にしたようなものになっています。 IE6をサポートしているのと、iPhoneでも動くようですね。 一度見てみてはいかがでしょうか？ Spritely さて今日もいろいろ進めるぞ。

TwitterやFlickrなど、ソーシャルメディアのアイコンを探している。 そんなときにおすすめなのが、『Mega Collection of The Best Free Social Media Icons for Bloggers and Designers』。ブロガー&デザイナーのための、ソーシャルメディアアイコン集です。 ブログ等に便利なアイコンがすごくたくさん紹介されていますね。 Vector Social Media Icons ベクターのアイコン集。制限なく使えますが、リンクバックは必要 Handy Icons 手書き風のアイコン集 Cute Tweeters Icon Set 有名サイトでも使われている、Twitterアイコン集 Web 2 Badges 商用無料でとてもかわいい円形のアイコン集 Function Free Social Media Icon Bonus

FlickrやTwitterのアイコンを探している。 そんなときにおすすめなのが、『Free and Exclusive Icons: Brown Social Icon Pack』。商用無料の茶色のソーシャルメディアアイコンセットです。 32×32px, 64×64px and 128×128pxのサイズのPNGファイルで配布されていますね。 The icons are released royalty-free so that you can use them in any personal or commercial purposes. とのことで、商用でも無料になっています。 ぜひ使ってみてはいかがでしょうか？ Free and Exclusive Icons: Brown Social Icon Pack 新幹線の中に5D MARK?を忘れてしまい最悪な気分だったけど、忘れ物預か

Design 無料で使えるこんなにかっこいいPhotoshopブラシいろいろ『Free Hi-Res Watercolor Photoshop Brushes』 Photoshopのブラシエフェクトを探している。 そんなあなたにおすすめなのが、『Free Hi-Res Watercolor Photoshop Brushes』。無料で使えるこんなにかっこいいPhotoshopブラシいろいろだ。 このサイトでは、↓のようなかっこいいブラシエフェクトを無料で配布してくれている。 インストール方法は以下の通り。 1. Download the file and unzip it. 2. Copy the file (BB_watercolor.abr) to your Photoshop/Presets/Brushes folder. 3. In your Photoshop Brushes p

Photoshopをもっと簡単に使いたい。 そんなあなたにおすすめなのが、『Free Photoshop Plugins』。無料で使えるPhotoshopプラグイン20選だ。 以下にご紹介。 » virtualPhotographer ワンクリックでクオリティの高い、プロのスタイルを適用できる。 » Richard Rosenman 無料のPhotoshopフィルターやプラグインをたくさん紹介しているサイト。（無料でないものもある） » Filter Forge 自分のフィルターを作成できるソフト。 » Harry’s Filters 69もの画像エフェクトをもったプラグイン。 » Auto FX Mosaic モザイクのタイルのようなエフェクトをかけられるプラグイン。 » Auto FX Dreamy Photo 画像に柔らかいロマンティックな効果を与えるプラグイン。 » Telegra

AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか？ cleanstickyfooter 今日もいい天気ですね〜。タス

コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript

画像をかっこよく見せたい。 そんなときにおすすめなのが、『jqFancyTransitions』。画像にFlashのようなエフェクトをかけられるjQueryです。 画像にシュパシュパシュパッと切り刻んだような効果をつけられますね。かなりかっこいいです。これがjQueryでできるなんて、すごいなと思っちゃいますね。 Examplesには、ほかにwave, curtain, fountain topといった効果があって、それぞれとてもかっこいいです。 クロスブラウザの対応もされているようですね。 ぜひ見てみてください。 jqFancyTransitions | slideshow with strip effects 連日徹夜気味で意識もうろうとしてきた。。今日はもうちょいがんばって早目に寝ようかな。ともかく金曜日はいい気分ですね〜。

マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。

オリジナルのアイコンを手軽に作りたい。 そんなときに使えそうなのが、『ICONIZER』。カスタマイズできるアイコンジェネレータです。 まずアイコンのデザインを選んで、ファイル形式を選択、描画色や背景色を指定してサイズを指定、という風に、結構カスタマイズしたアイコンを作ることができます。 All images are completely free to use in all projects (web and desktop applications, freeware and commercial projects) ライセンスは上記のようにあって、自由に使えそうですね。 一度見てみてください。 ICONIZER まったりRSSとか本が読みたいけど時間がない。。週末までがんばろう。

グランジ系のテクスチャを探している。 そんなときにおすすめなのが、『Clean Grunge Texture Pack』。商用無料のライトグランジ系テクスチャパックです。 2400px程度の高解像度の画像が8個入っていますね。きついグランジではなくライトな感じなので、使いやすいのではないでしょうか。 zipファイルをダウンロードできるので、一度見てみてください。 Clean Grunge Texture Pack そろそろ出かけようかな。

PSDファイルを見てデザイン力を高めたい。 そんなあなたにおすすめなのが、『35 Exclusive And High Quality PSD Photoshop Resource Sites』。クオリティーの高いPSDが見つかるサイト集です。 いい感じなのをいくつかご紹介しますね。 deviantART PSD素材だけでなく、アイコンやテクスチャなどが探せるdeviantART Photoshop Candy 魅力的なエントリーが並んでいて、しっかり作り込まれているPhotoshop Candy FreePSD サイトテンプレートなど、たくさんの元ファイルが見つかるFreePSD PSGalaxy アイコンやロゴのPSD、ブラシなどが見つかるPSGalaxy BittBox Photoshopに関する情報が満載のBittBox Photoshopカテゴリー 気になったサイトをRSS購読し

League Gothic 太くて強いフォントを探している。 そんなときにおすすめなのが、『20 Fonts Ideal for Big and Powerful Headings』。ヘッドライン要素に使えるボールドなフォント集です。 かなりかっこいいのが揃っていますね。 Franchise Molot Vollkorn Mido ライセンスはそれぞれあるので確認してください。 20 Fonts Ideal for Big and Powerful Headings もう5時か。。いろいろ進めなくては。

無料で使えるアイコンを探している。 そんなときにおすすめなのが、『11 Great Resources to Find Free Icons』。フリーアイコンが見つかるサイト集です。 Iconfinder 商用無料のものをフィルタリングして探せるベストアイコン検索サイト Icon Fever しっかりとライセンスの記述があってタグ検索もしやすいサイト IconsPedia カテゴリーから探しやすいサイト。アイコンパックのクオリティーも高い。ライセンス情報もわかりやすい Icon Seeker マウスオーバー時のプレビューが便利なサイト Iconza かっこいいアイコンの色をワンクリックで変更できて、サイズも3つから選択可能 既出のものも結構ありますが、久しぶりに見ると、かなり便利なものが揃っていますね。 気になったサイトがあったらぜひ見てみてください。 11 Great Resources

それだけで絵になるフォントを探している。 そんなときにおすすめなのが、『46 Cool & Useful Dingbat Fonts』。装飾系フォント集です。 Nymphette 流線型のオーナメント。商用無料 We Spray スプレーが描けるフリーフォント WC Rhesus 液体がはねたようなフォント Border Corners レースの飾りなど、様々なコーナーの装飾 Zoologic 象やキリン、ワニやラクダなどの動物フォント DJ Horses かっこいい馬のフォント 4Yeo Sport スポーツシルエットのフォント Efon 絵本に出てくるような、かわいいイラストフォント Facetype たくさんの顔のシルエット 入れておくと何かと便利だと思うので、一度見てみてください。 46 Cool & Useful Dingbat Fonts これはすごいかも。確かに軽くなった感じ