フリーで使えるCSS3のメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」

http://design-develop.net/web-design/free-css-menu-maker.html

本来であればjavascriptやflashを使って画像を準備しないと作れなかった、リッチな表現のナビゲーションですが、CSS3の登場に伴い、かなりの部分が、CSS3のみで表現できるようになってきています。今日紹介するのはCSS3で創られた、表現豊かたCSSメニューが簡単に作れるメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」。

こちらは、上記のようなナビゲーションメニューがフリーでダウンロードすることができます。基本的にはjavascriptは一切使われておらず、テキストで構成されるため、SEOにも優しい作りとなっています。

詳しくは以下

ソフトウェアはwindows,Mac両OSに対応しており、細かなところまでカスタマイズが可能です。ソフトウェア上で、リンク先やターゲット、フォント種類も変更可能。メニューに表示させる文字は日本語入力も問題なく表示できました。

メニュー自体のデザインやマウスオーバーなどのアクションも、予めいくつかスタンダードなものは標準で組み込まれています。CSS3でメニューを作ってみたいという方は是非どうぞ。

CSS3 Menu. Free CSS Menu Maker

CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」

http://design-develop.net/web-design/30-css-and-javascript-tabs-solutions.html

数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。

Sweet Tabbed Navigation Bar using CSS3

デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Sweet AJAX Tabs
TABの中身がAJAXでロードされる、タブインターフェイス。ローディングアニメーションも表示されます。

■Animated Tabbed Content (jQuery)
おなじみのスライダーアクションとタブが上手く噛み合ったインターフェイス。

■Slick Tabbed Content Area (jQuery)
コンテンツがアコーディオン形式で切り替わるjQueyを使ったタブインターフェイス。

上記の他にも様々なタブインターフェイスが公開されていました。基本的には同じような構造ですが、それぞれに特性がありますので、構築するサイトや要素によって選択すればより使い勝手の良いサイトになるのではないでしょうか？

30 CSS and Javascript Tabs Solutions :Speckyboy Design Magazine

jQueryで動作するスライダーとギャラリーを集めた「30 Awesome jQuery Slider and Gallery Plugins and Tutorials」

http://design-develop.net/web-design/30-awesome-jquery-slider-and-gallery.html

非常に使い勝手が良く、世界中で利用されているjavascriptライブラリjQuery。その中でもサイトの演出として多くのサイトで利用されているスライダーやギャラリーを集めたエントリー「30 Awesome jQuery Slider and Gallery Plugins and Tutorials」を紹介したいと思います。

horinaja for scriptaculous or jQuery

一般的によくある定番のものから、一工夫あるもののまで様々な演出のスライダーやギャラリーが集められています。今日はその中から今までDesigndevelopで紹介したこと無いものを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

■jQuery slideViewerPro 1.0
サムネイル付きのスライダーギャラリー。細かな挙動まで簡単に設定することが可能です。

■? Slide and hide section with jquery WebAir Blog
その他の要素を隠すことができるスライダーエフェクト。演出としては他のスライダーには無いものがあります。

■loopedSlider jQuery Plugin
ものすごくシンプルなループスライダー。ベースにするにはシンプルで良いかもしれません。

上記の他にも様々なスライダーとギャラリーが公開されていました。定番のものも多いですが、スライダーエフェクトや画像の見せ方に困っていた方には有益なエントリーだと思います。

Sliding Boxes and Captions with jQuery

クオリティの高いフリー手書きフォント集「20+ Most Amazing Free Handwritten Fonts for Web designers」

http://design-develop.net/design/most-amazing-free-handwritten.html

手書きのフォントは程良いアナログ感と柔らかさを与えてくれるフォントで、さまざまなデザインに利用できます。今日紹介するのはクオリティの高いフリー手書きフォントを集めたエントリー「20+ Most Amazing Free Handwritten Fonts for Web designers」。

Angelina

手描きなので、どの文字がキレイと思うのかは好みが分かれるところだと思いますが、手描きの欧文フォントが全部で20個紹介されています。

詳しくは以下

■Analgesics
太めのマジックで書いたような手書きフォント。少し人参だような書体が特徴的です。

■AlphaMack
小文字が小ぶりで、可愛らしい印象の手書き書体。

■Aberration
カリグラフィブラシで書かれたようなフォントタイプ。手書きですが直線的で手描きフォントの中ではかっちりしたフォント。

上記の他にも様々な手書き風のフォントが公開されています。デザインに味と温かみを与えてくれる手書きフォント。上手く使っていきたいですね。基本的にフリーでダウンロード可能ですが、ライセンスは各々のフォントで異なりますので、商用利用をお考えの方は、一度ご確認下さい。

20+ Most Amazing Free Handwritten Fonts for Web designers ? DJDESIGNERLAB ? Find All Your Design Inspirations From This Laboratory

クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」

http://design-develop.net/web-design/html-templates-from-2010.html

現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーCSS、XHTMLテンプレートを集めたエントリー「40+ Elegant Free CSS/(X)HTML Templates from 2010」を紹介したいと思います。

Acallia

テクスチャが効いたアナログ感があるものもから、洗練されたシンプルなものまで様々なテンプレートがまとめられています。今日はそのなかから気になったテンプレートを紹介したいと思います。

詳しくは以下

■Free CSS template by ChocoTemplates.com
ワイド感のあるスニーカーのサイト。その他の製品サイトにも利用できそうな点御プレートです。

■Mondays
シンプルながらも細かな処理がキチンとしてあるWEBテンプレート。

■Ninja Assassin
海外から見た日本のイメージを取り入れたテンプレート。あえて狙って国内で展開してみるのも良いかもしれませんね。

上記の他にもたくさんのWEBサイトが公開されています。それぞれのテンプレートは基本的には無料で公開されていますが、各々のテンプレートによってライセンスが異なりますので、商用利用される方はご利用の前に再度ご確認お願いいたします。

40+ Elegant Free CSS/(X)HTML Templates from 2010

2010年のハイクオリティなwordpressフリーテーマ100選「100 Free High Quality WordPress Themes: 2010 Edition」

http://design-develop.net/wordpress/100-free-high-quality-wordpress.html

高い拡張性の他に、世界中でリリースされている高いクオリティのデザインテーマが魅力の一つでもあるWordPress。今日紹介するのは2010年にリリースされたハイクオリティなwordpressフリーテーマを集めたエントリー「100 Free High Quality WordPress Themes: 2010 Edition」。

Cumulus (Free version)

ギャラリータイプのものグリッドレイアウト。ブロガー向き、マガジンタイプと様々なハイクオリティなフリーテーマが集められています。今日は今までDesigndevelopで紹介したことが無いテーマを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

■BlueBubble WordPress Theme
作品集などに最適なwordpressテーマ。シンプルで、どんな業種、目的でも使いやすいテーマだと思います。

■The Columnist
シンプルながらもjQueryやCSS3などを駆使して細かなところにクリエイティブが見える質の高いテーマ。

■WP Blueprint
プレローンチにつかえるワードプレステーマ。公開日までの時間をカウントダウンしてくれます。

その他にも全部で100のテーマが紹介されていて、ジャンルも豊富なので、理想に近いテーマは見つけやすいと思います。テーマ以外にもHTML5でテーマを構築するフレームワークなどwordpressテーマに関連した情報も掲載されていました。WordPressをよく利用する方は是非どうぞ。

100 Free High Quality WordPress Themes: 2010 Edition

個性的なフリーフォントを集めた「15 Fresh And Beautiful Fonts For Free Download」

http://design-develop.net/design/15-fresh-and-beautiful-fonts-for-free-download.html

フリーフォントは世界中で日々リリースされており、中には非常に特徴的なフォントもリリースされています。今日紹介するのはちょっと個性的なフリーフォントを集めたエントリー「15 Fresh And Beautiful Fonts For Free Download」です。

Cuqueta

正統派とは少し違うクリエイティブなフォントが全部で15個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Square Chalk
黒板にチョークで書いた質感を再現したフォント。黒板の上に書いたような表現をしたいときに。

■Dirtybag
少しかすれた感じを表現したグランジフォント。見本のような質感のあるテクスチャと組み合わせて使うとより雰囲気がでますね。

■Aso
未来感のする幾何学的なフォント。先進性のあるデザインを表現したい時に。

上記の他にも様々なフリーフォントが紹介されています。どれも癖がありますが、はまったときにはデザインを作る上でかなり役に立ってくれそうです。フォントは基本的に全てフリーでダウンロード可能ですが、フォントによってライセンスが異なりますので、商用利用をお考えの方は、各々のダウンロード元でご確認ください。

15 Fresh And Beautiful Fonts For Free Download

写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」

http://design-develop.net/web/webinpaint.html

photoshopなど一部高機能な写真レタッチソフトには実装されていますが、今回紹介するのは写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」。

使い方は非常に簡単で、写真の中の消したいものをブラシで、塗りつぶして、Inpaintを押すだけで写真を解析して、周りの風景と違和感がないように修正してくれます。レタッチした例がいくつか公開されていましたので。下記に貼り付けておきます。

詳しくは以下

完璧とまではいきませんが、小さな画像で、背景が単色のものならば一見しただけではわからないクオリティです。

ただ消すだけというシンプルなWEBサービスですが、非常に簡単に利用できますので、旧版のphotoshopしか無くて、コピースタンプを使って消していくしかないという状態の時には非常に役立ってくれるWEBサービスだと思います。

Webinpaint

via?Webinpaint is a Poor Man’s Web-Based Content Aware Fill Tool

持っておきたいクオリティの高いフリーフォント50「50 High Quality Fonts Every Designer Must Download」

http://design-develop.net/design/50-high-quality-fonts.html

デザインの印象を決定する、大きな要素フォント。利用するフォントによって、デザインは同じでも全くことなる印象をうけるなんてこともあり、フォント選びはデザイナーにとっては重要な作業の一つだと思います。今日紹介するのは、クリエイティブでデザインに役立つ、クオリティの高いフリーフォントを集めたエントリー「50 High Quality Fonts Every Designer Must Download」。

Kilogram

どちらかというとシンプルで洗練されたベーシックなものではなく、ちょっとデザイン寄りなフォントが中心に集められていました。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

■Oh! Mai Mai!
可読性はほとんどありませんが、その形状から、どのアルファベットかは読み取る事はできるアイデアフォント。

■Paranoid / a free font projec
一見SFのディスプレイにでてくるような、フォント感を演出してくれるフォント。よく見れば読めます。

■Neu-Eichmass
キレイめな近未来感フォント。使うデザインによっては雰囲気を出してくれそうです。

上記の他にも様々なフォントが紹介されています。フォント選びでいまいちピンとくるものが手元に無いという方は是非どうぞ。ライセンスはそれぞれのフォントによって異なりますので、ダウンロードの際に再度ご確認ください。

50 High Quality Fonts Every Designer Must Download

フリーで利用出来る質の高いwordpressテーマ2010年7月版「10 Beautiful WordPress Themes Of July 2010 For Free Download」

http://design-develop.net/wordpress/10-beautiful-wordpress-themes.html

非常に高機能で、拡張性も高いオープンソースで提供されているCMS、WordPress。それだけに人気も高く、国内外のWEBサイトで利用されています。今日紹介するのはフリーで利用出来る質の高いwordpressのテーマを集めたエントリー「10 Beautiful WordPress Themes Of July 2010 For Free Download」です。

Theme Magaling

キレイでシンプルなものを中心に全部で10のフリーテーマがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■WordPress Theme Devin
黒を基調としたテーマ。スライダー、記事のサムネイル、ドロップダウンメニューと一通り必要な機能が揃っています。

■Lithiumicious
クリア感のあるwordpressテーマ。ブログだけでなく、WEBサイトとしても利用できそうなWEBサイトです。

■Napni
高機能なマガジンタイプのwordpressテーマ。グローバルナビやアコーディオン機能のついたサイドバーなど細かなところまで気が効いたテーマです。

上記の他にもいくつかフリーで利用出来るテーマが公開されています。wordpressを利用されている方は是非どうぞ。

10 Beautiful WordPress Themes Of July 2010 For Free Download

デザイナーと開発者のための新しめのアイコンセット「30 Fresh and Free Icon Sets for Designers and Developers」

http://design-develop.net/design/iconfresh.html

WEBデザインには非常に便利な素材の一つアイコン。ユーザーインターフェース的な部分とデザイン的な部分のクオリティを上げてくれる便利な素材ですが、今回紹介するのはデザイナーと開発者のための新しめのアイコンセット「30 Fresh and Free Icon Sets for Designers and Developers」です。

260 Free Vectors Icons (User Interface Design Framework)

グラフィカルなものからシンプルなものまで様々なアイコンセットが紹介されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Peculiar
シンプルなシルエットのアイコン。WEBサイトからアプリケーションまで幅広く利用できそうです。

■Multitouch Gesture Library and Illustrations
タップのモーションを集めた珍しいアイコンセット。IPHONEアプリなんかとは親和性が高そうです。

■Project Icons (175 Icons)
可愛らしいけれど、細かい部分まで作りこまれたアイコンセット。

上記の他にも様々なアイコンセットが公開されています。基本的に全て無料でダウンロード可能ですが、アイコンセットによってライセンスの形態が異なりますので、商用利用を目的とされる方はダウンロード前にライセンスをご確認ください。

30 Fresh and Free Icon Sets for Designers and Developers

見出しのためのフリーフォント40選「40 Awesome Free Fonts for Big Headlines」

http://design-develop.net/design/40-awesome-free-fonts-for-big-headlines.html

大きめの見出しや、タイポロジーを利用したデザインがWEBデザインの今年のトレンドの一つとして言われていますが、今回紹介するのは見出しやタイポロジーに便利なフリーフォントを集めたエントリー「40 Awesome Free Fonts for Big Headlines」です。

Franchise

全体的にしっかりと視認ができ、太めのフォントが多くまとめられていました。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■League Gothic
しっかりとしたゴシック体、横に狭いので、メインコピーが長い時にもコンパクトにまとめられそうです。

■Can-Can de Bois
印刷ですり込んだような、滲みが随所に見られるフォント。

■Caprica
映画のタイトルのような、フォント。イメージが合えばロゴなどにも利用しやすそうなフォントです。

上記の他にも様々なフォントがまとめられていました。どちらかと言えばゴシック体が中心だと思います。フォントはすべてフリーでダウンロード可能ですが、ライセンス形式はそれぞれのフォントで事なりおますので各々のダウンロード先でご確認お願いいたします。

40 Awesome Free Fonts for Big Headlines

jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」

http://design-develop.net/web-design/20-best-jquery-slideshow.html

javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。

1. Galleria

今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■2. Galleriffic
サムネイル表示以外にもリストタイプなど幅広いギャラリー形式を可能にする高機能プラグイン。シンプルなフォトギャラリー制作は、大抵、事足ります。

■4. Avia Slider
ブロック、ドロップ、フェードなどなど様々なトラジッションを実現してくれる、スライダー。動きに変化を付けたい時に。

■7. SpaceGallery
奥行きのあるスライダー。限定的ですが、上手く使えば良い印象をあたえることができそうです。

上記の他にも様々なスライダーやギャラリーが公開されています。どれもサンプルファイルがダウンロードできたり、実装方法も詳しく書かれていますので、制作をされているかたであれば問題なく利用出来ると思います。画像をメインに扱うサイトを制作されている方は是非どうぞ。

20 Best jQuery Slideshow / Photo Gallery Plugins

ブラックアウトして、現像された写真のようなギャラリー。程良いアナログ感を演出

http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/

DEMO

制作に便利なphotoshop、illustratorパターン集「50 Tileable and Seamless Pattern Sets (500+ Patterns)」

http://design-develop.net/design/50-tileable-and-seamless-pattern.html

特定の絵柄を敷き詰めていくことができるパターン。デザインを作りこんでいく上で、簡単に質感を高めたりディテールを高めたりすることができます。今日紹介するのは制作に便利な、photoshop、illustratorパターン集「50 Tileable and Seamless Pattern Sets (500+ Patterns)」というエントリー。

Seamless Paper Patterns ? 6 Patterns (Photoshop & JPG)

photoshop、illustratorと制作には欠かせないソフトで利用出来るパターンが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Monochrome Geometric Patterns ? 100 Patterns (.ai)
ベクターデータで使える、グラフィックパターン。様々な図形のグラフィックがあつめられています。

■Halftone ? 52 Patterns (.ai)
様々なハーフトーンを実現できる、イラストレーター用のパターンセット。

■Handmade Paper ? 7 Patterns (.pat & .jpg)
質感のある色とりどりの紙を再現できるパターンセット。

上記の他にも様々なパターンが公開されていて、リンクにはどの形式でダウンロードできるかが明記されていますので、ダウンロードするまえに制作環境と照らし合わせることができます。シームレスに利用できますので、グラフィックだけに限らず、WEBのデザインも利用できそうです。もう少し質感を高めたい、クオリティを上げたいという方は是非どうぞ。

50 Tileable and Seamless Pattern Sets (500+ Patterns)

クリエイティブな3Dフリーフォント集「30 Free High Quality 3D Fonts Collection」

http://design-develop.net/web/3d-fonts-collection.html

フォントと一口にいっても様々なフォントがリリースされていて、フォントの種類によって大きく印象が異なります。今日紹介するのはフォントの中でも、擬似的に立体的に見せている3Dフォントを集めたエントリー「30 Free High Quality 3D Fonts Collection」を紹介したいと思います。

Koobz

上記のように立方体的なものから、少しだけ浮き出て見えるフォントまで様々なフォントが集められています。今日はその中からいくつか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

■C Rial
手書きで描かれた立体的なフォント。POPな感じが演出できる可愛らしいフォントです。

■Decade 3d
ブロックのようなフォント。一つ一つ角度が違い、立体感が異なります。手書きとはまた別のPOP感を演出できます。

■Pee Pants Script
スクリプトフォントを立体化したフォント。写真などに重ねても雰囲気を出すことができます。

上記の他にも全部で30の立体的なフォントがまとめられていました。通常のフォントだと弱い。アクセントが欲しいという方は試しに使ってみるのも良いかもしれません。基本的に全てフリーでダウンロードできますが、ライセンスはフォントによって異なりますので、商用利用をお考えの方はダウンロード元で再度ご確認ください。

30 Free High Quality 3D Fonts Collection ? DJDESIGNERLAB ? Find All Your Design Inspirations From This Laboratory

グリッドをベースにしたWordPressテーマ集「30 Grid-Based WordPress Themes」

http://design-develop.net/wordpress/グリッドをベースにしたwordpressテーマ集「30-grid-based-wordpress-themes」.html

国内でも、便利なフレームワークとして一時期から、一気に広まり、様々なWEBサイトで活用されているグリッドレイアウト。今回紹介するのはグリッドをベースにしたWordPressテーマを集めたエントリー。「30 Grid-Based WordPress Themes」です。

Grid-A-Licious

スタンダードなものから、組み換えが可能なマルチカラムのものまで、様々なテーマが公開されています。今回はその中から幾つか気になったテーマを紹介したいと思います。

詳しくは以下

■GRID WordPress Theme
組み換え可能なマルチカラムなテーマ。軽量ながらも細かなところに配慮されたテーマ。国内産です。

960 Grid System Base Theme
定番中の定番のフレームワーク960 Grid Systemをベースにしたwordpressテーマ。普段960 Grid Systemを使っている人は非常にカスタマイズし易いテーマだと思います。

FolioGrid
ポートフォリオ向けにつくられたグリッドレイアウトなテーマ。カテゴリなどにもアクセスしやすく、洗練された印象を受けるテーマです。

上記の他にも全部で30のテーマがまとめられています。グリッドレイアウトを試してみたいという方は是非どうぞ。基本的にフリーでダウンロード、利用ができますが、著作権表示などについてなど細かい利用規約はダウンロード元でご確認ください。

30 Grid-Based WordPress Themes :Speckyboy Design Magazine

WEBからグラフィックまで最新フリーフォント65「65 Beautiful Free Fonts for Web and Graphic Designers」

http://design-develop.net/design/65-beautiful-free-fonts-for-web-and-graphic-designers.html

デザインの媒体問わずに、デザインの中でも重要な要素の一つ、フォント。使うフォント一つで、デザインの全体のイメージにも強く影響を与えます。今日紹介するのはWEBからグラフィックまで様々なシーンで利用出来る最新フリーフォントをまとめた「65 Beautiful Free Fonts for Web and Graphic Designers」。

Orbitron

固めの書体から、柔らかいものまで様々な書体が紹介されています。全部で65個のフォントがまとめられておいますが、今日はその中からDesigndevelopで紹介したことが無いものもピックアップして紹介したいと思います。

詳しくは以下

■Zag font (free download 2 styles only)
シンプルでキレイな書体ですが、ちょっとした遊びも盛り込まれています。ロゴタイプまで様々な用途に利用できそうです。

■League Gothic
正統派のゴシック体。幅が短めなので、長いスペルの英文を見出しとして使うときに便利。

■VAL
ものすごく丸いフォント。丸みの帯びたイメージを使いたときに。使うシーンは選びそうですがはまったら良い表現ができそうです。

上記のほかにも様々なフォントが紹介されています。どれもフリーでダウンロードできますが、それぞれのフォントによってライセンスが異なりますので、商用利用される方はダウンロード前に再度ライセンスをご確認お願いいたします。

65 Beautiful Free Fonts for Web and Graphic Designers | Artatm

最近リリースされた使えるjQueryプラグイン集「29 Best And Useful jQuery Plugins Of June 2010」

http://design-develop.net/web-design/29-best-and-useful-jquery-plugins.html

非常に優秀なjavascriptライブラリjQuery、様々な表現を可能にしてくれる今やWEB制作では欠かせないライブラリの一つです。ライブラリ本体も便利なのですが、その魅力は数多くリリースされている様々なプラグインにも支えられています。今日紹介するのはjQueryの機能を生かした最近リリースされた使えるプラグインを集めたエントリー「29 Best And Useful jQuery Plugins Of June 2010」を紹介したいと思います。

dualSlider

カレンダー、マウスオーバー、メニュー、スライダーなどなど、様々な種類のプラグインがまとめられていました。今日はその中から幾つか気になったプラグインを紹介したいと思います。

詳しくは以下

■jQuery DivGrow Plugin
簡単にDivの内容が格納できるプラグイン。クリックするとアニメーションによって表示されます。

■Popeye ? an inline lightbox alternative
よくあるブラックアウトではなくて、その場でサムネイルが拡大され、スライドショーを展開できる新しいタイプのライトボックス系プラグイン。

View Demo

■Shadow Animation
CSSのシャドウを利用してロールオーバーをjQueryで表現。CLick meの浮いているボタンはかなりスムーズに表現されています。

View Demo

上記の他にも様々なプラグインが公開されています。普段からWEB制作をされている方であれば、ドキュメントを見ながら、組み込みができるかと思います。表現の幅を広げてくれるjQueryプラグイン。便利に使いたいですね。

29 Best And Useful jQuery Plugins Of June 2010

jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」

http://design-develop.net/web-design/jquery-image-gallery.html

軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。

AviaSlider ? a unique jQuery Image slideshow plugin

画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■Create an Image Rotator with Description (CSS/jQuery) ? Web Design Blog ? DesignM.ag
詳細情報が含まれたサムネイルと連動したイメージギャラリー。ニュースの新着などにも利用できそうです。

■jqFancyTransitions: jQuery Image Rotator Plugin
javascriptのイメージギャラリーの中では豊富なトランジションが魅力的な画像ギャラリー。

■jQuery Smooth Div Scroll by Thomas Kahn
次々とスクロールするイメージギャラリー。パノラマ写真やひと繋ぎの絵を見せるときにも使えそうです。

上記の他にも様々なスライダーが用意されています。イメージギャラリーと一口にいっても様々なタイプのものがありますので、コンテンツやデザインによって使い分けれればより良いWEBページになるのではないでしょうか？

20+ jQuery Image Gallery for your next project

商用利用で使えるフリーアイコンセット「99 Icon Sets To Use In Commercial Design Projects」

http://design-develop.net/web-design/99-icon-sets-to-use-in-commercial-design-projects.html

アイコン素材は簡単に伝えたい内容を伝えられる非常に便利なデザイン素材です。今日紹介するのは商用利用で使えるフリーアイコンセットのみを集めたエントリー「99 Icon Sets To Use In Commercial Design Projects」です。

50 Free and Exclusive Twitter Icons

ソーシャルメディアのアイコンからピクトまで様々なアイコンセットがまとめられています。今日は今までDesigndevelopで紹介したことが無いアイコンセットを中心にそのなかからいくつか紹介したいと思います。

詳しくは以下

■120 free new icons!
ちょっとコミカルなアイコンセット。シンプルながらも味があります。

■Office Supplies
オフィスの文房具をアイコン化したアイコンセット。

■Boolean 1.1
シンプルながらも細かなところまで作りこまれたアイコンセット。

上記の他にも様々なアイコンセットが公開されています。これだけ種類があれば使いたかったものが、見つかると思います。

アイコンのライセンスはクリエイティブ・コモンズのものもあり、商用利用可ですが、原著者を明記しなければいけない場合もありますので、最終的に利用する前に、アイコンの配布元でライセンスをご確認ください。

99 Icon Sets To Use In Commercial Design Projects

WEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」

http://design-develop.net/web-design/30-useful-frameworks-for-designers.html

一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。

Simpl

よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■SenCSs ? the sensible standards CSS baseline
H1〜H6などの見出しから、リスト、テーブルなど、WEBで利用する様々なCSSをセットにしたCSSフレームワーク。

■Free WordPress Theme Frameworks
その名前のとおり、シンプルなワードプレステンプレートのベース。

■Free WordPress Theme Frameworks
こちらはある程度、整備されたシンプルなワードプレステーマ制作用のベーステーマ。

上記の他にも様々なWEBデザイナーに役立つフレームワークが用意されています。上手く利用すれば、コーディングや制作の手間がかなり圧縮されると思います。WEBデザイナーの方でフレームワークってなに？という方は一度導入を検討してみても良いかもしれません。

30 Useful Frameworks for Designers | Webdesigner Depot

新しめのクオリティの高いフリーフォント集「20 New High-Quality Fonts for Your Designs」

http://design-develop.net/design/20-new-high-quality-fonts-for-your-designs.html

デザインの印象を決定づける大きな要素の一つフォント。様々なフォントが公開されていますが、今回紹介するのは、最近発表された、クオリティの高いフリーフォント集「20 New High-Quality Fonts for Your Designs」です。

Dekar

洗練されたものから、ガッチリした印象のフォントまで、様々なイメージのフォントがまとめられています。今日はその中から今までDesigndevelopで紹介したことが無いフォントを中心にいくつか気になったものを紹介したいと思います。

詳しくは以下

■20 New High-Quality Fonts for Your Designs
立体感を少し感じる、フォント。シンプル目ですが特徴のあるフォントです。

■Code
無駄を省いたシンプルをきわめたような細身の書体。

■Fracmetrica Black
一枚の紙を折って作られたような、個性的なフォント。癖が有りますが、使いどころによってはよさそうです。

上記の他にも様々なフォントが紹介されています。どのフォントも基本的にフリーでダウンロード可能ですが、ライセンスは各々のフォントで異なりますので、商用利用をお考えの方はダウンロードする前にライセンスを配布元でご確認ください。

20 New High-Quality Fonts for Your Designs | Freebies

プレゼンに役立つフリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」

http://design-develop.net/design/345-free-powerpoint-templates.html

プレゼンや、企画書など、クリエイター以外にも幅広くビジネスシーンで利用されるプレゼンテーションツール、パワーポイント。今日紹介するのはパワーポイントでの資料作成に便利な、フリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」です。

テーマは様々で、ビジネステンプレートから、医療業界で使えそうなもの、写真を大胆に使ったものなど様々なテンプレートが収録されており、全部で345個公開されています

詳しくは以下

ウェディングをテーマにしたテンプレート。その他にも様々なテンプレートが公開されています。

海外のサイトなので、国内っぽいデザインのものはありませんが、シンプルなものも多いので。プレゼンテーションや企画書の内容にもよりますが、上手く利用出来るものもあるかと思います。

普段はパワーポイントに慣れていないクリエイターの型などには良い素材だと思います。ダウンロードは各カテゴリー以下のサムネイルの下部のテキストリンクからどうぞ。

345 Free PowerPoint templates, themes and backgrounds

個性的な名刺デザインを集めた「35 cool and unique business card designs」

http://design-develop.net/design/35coolanduniquebusiness.html

ビジネスの際に欠かすことの出来ないアイテム”名刺”、シンプルなものから、インパクトを重視した変わったデザインのものまでさまざまな名刺が使わ れていますが、今回紹介するのは、個性的な名刺デザインを集めた「35 cool and unique business card designs」です。

Bottle Opener Business Card | Business Cards Observer

名刺の形はしているけども、かなりデザインに個性が見られるもの、また一見名刺とは思えないようなデザインまでさまざまな種類が紹介されています。

詳しくは以下

■Brigada Creativa ? Business Cards ? Creattica
手で鉛筆を握っているかのような仕様になっています。本物の鉛筆でしょうか？鉛筆を使って描いたかのような手書き風の文字も印象的です。

■Pirate Treasure Map Cards ? Business Cards ? Creattica
まるで冒険の地図を思わる、ワクワクするような名刺です。目的地には本当に宝物が眠っているのかもしれません・・。

■Business card on Flickr ? Photo Sharing!
スタンプを押して仕上げる名刺。一枚一枚、押し方や位置、色などで印象が違ってきます。

小さなキャンバスであるにもかかわらず、本当に豊富なデザインパターンが次々と生まれる名刺。見ているだけでも面白いですね。この他にもたくさんの 名刺が紹介されていますので、従来の名刺とは違うものが作りたい、という方は参考にしてみてはいかがでしょうか。

35 cool and unique business card design

素晴らしいjQueryのスライダーを集めた「25 Excellent jQuery Sliders Tutorials and Plugins」

http://design-develop.net/web-design/excellent-jquery-sliders.html

非常に高機能でWEB制作には幅広く利用されている、jQueryプラグインですが、その中でも定番とも言えるのがスライダー。限られた領域で jQueryのプラグインの中でも多く利用されているスライダープラグイン。今日紹介するのはクオリティの高い、素晴らしいjQueryのスライダーを集 めたエントリー「25 Excellent jQuery Sliders Tutorials and Plugins」です。

A Beautiful Apple-Style Slideshow Gallery with CSS & jQuery

定番の右から左へ流れるもの、トランジションが効いているもの、キャプチャやサムネイルと連動しているものなどなど、様々なスライダーがまとめられ ています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

■Animate Panning Slideshow with jQuery
横スライドだけではなく、縦横と動きがつけられるスライダー。

■How to Create a Simple iTunes-Like Slider
サイドのサムネイルと連動したスライダー。ビジュアルや写真中心のスライダーを創るときにオススメ。

■Create Featured Content Slider Using jQuery UI
コンテンツと連動できるFeaturedスライダー。WEBマガジンなどには相性が良いスライダーです。

上記のほかにも様々なスライダーが公開されています。スライダーを使ったWEB制作を考えている方は是非原文もご覧ください。思い描いたスライダーに出会 えるかもしれません。

25 Excellent jQuery Sliders Tutorials and Plugins | Vandelay Design Blog

クオリティの高い黒のwordpressテーマ集「20 High Quality Black Color WordPress Themes For Free Download」

http://design-develop.net/wordpress/20-high-quality-black-color-wordpress-themes.html

世界中で利用されているオープンソースのCMS、WordPress、高いカスタマイズ性と柔軟な使い方と豊富なデザインテンプレートが売りです が、今回紹介するのはクオリティの高い、黒のwordpressのデザインテーマ集「20 High Quality Black Color WordPress Themes For Free Download」を紹介したいと思います。

Brave Zeenat ? View Demo
Download Theme

洗練されたイメージを作ってくれる黒を貴重としたwordpress用のテーマが多々あつめられています。今回はその中から気になったものをいくつ か紹介したいと思います。

詳しくは以下

■Kelongtong E-Commerce ? View Demo
ブルーがポイントの黒を基調としたテンプレート。iphoneアプリのプロモーションなどに便利

Download Theme

■Sharpfoli0 ? Sharpfolio? Demo ? WordPress Portfolio Theme
黒を基調としたシンプルなポートフォリオのためのテーマ。デザイナーさんにオススメ

Download Theme

■ Wise Business ? Wise Businees by Site5.com Demo ? WordPress Portfolio Theme<
ビジネス向けのシンプルなWEBデザインが実現できるwordpressテーマ。

Wise Business

上記のほかにも沢山の黒を基調としたテンプレートが公開されています。黒という色は非常に強い色なので、使いどころが難しいところですが、上手く使 えば、良いデザイン感を作ってくれる色だと思います。洗練されている、引き締まっているなどそんな印象を自分のページに持たせたい方は是非どうぞ。

20 High Quality Black Color WordPress Themes For Free Download

エレガントでクリーンなフリーフォントのまとめ「20 Elegant Fonts for Clean Design」

http://design-develop.net/design/20-elegant-fonts-for-clean-design.html

Gnuolane Regular

様々なフォントがまとめられていますが、気になったフォントをピックアップしていくつか紹介したいと思います。

詳しくは以下

■Raleway
細身のシンプルでキレイめなフォント。タイトルから飾りまで汎用性が高そうです。

■Nautik
少し癖があるフォント。様々なウェイトが準備されていますので使い易いと思います。

■Titillium
スッキリとして、洗練されたt中にも遊び心をプラスしたようなフォント。読み文字からタイトルまで。

上記のほかにも様々なフォントが紹介されています。どれもフリーでダウンロードできますが、それぞれのフォントによってライセンスが異なりますので、商用利用される方はダウンロード前に再度ライセンスをご確認お願いいたします。

20 Elegant Fonts for Clean Design | Freebies

テキストをフェードインしながらマウスオーバーで色を変える「jQuery Glow」

http://design-develop.net/web-design/jquery-glow.html

jQuery Glow Demo

通常のテキストにマウスオーバーするとゆっくりとフェードしながら色が変わっていきます。

詳しくは以下

色の変化はscript部分で制御されており、テキストの元のカラーを定義して指定したクラス名を表示させたい箇所に割り当てるだけです。

非常に細かい部分で、使いどころは限られるかもしれませんが、HTMLで少し動きを付けたい時やテキストを主体とした大きなメニューを設置していたりする場合には良いかもしれません。シンプルな作りになっていますので、既存のサイトなどでも簡単に実装できると思います。

Ajaxian ? jQuery Glow

最近リリースされたアイコンセット30「30 Fresh Icon Sets for Developers and Designers」

http://design-develop.net/design/30-fresh-icon-sets-for-developers.html

WEBの制作には便利なアイコン。インターフェースを改善してくれたり、デザインのクオリティを上げてくれる便利な素材です。今日紹介するのは最近リリースされたクリエイティブなアイコンセットを集めた「30 Fresh Icon Sets for Developers and Designers」を紹介したいと思います。

Default iCON

シンプルなものから作りこまれたものまで。様々なアイコンセットが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

■Fugue Icons (Major Update)
様々なアイコンを2800個収録したアイコンセット。WEBアプリケーションのインターフェースなど、様々な用途に便利に使えそうです。

■Pictodeck Icon Set
ピクトグラム風なアイコンセット。シンプルなので、もともとのデザインに影響を与えない汎用性があるアイコンセット

■Project Icons
細かく作りこまれたアイコンが全部で130個のアイコンがセットになっています。

上記のほかにも様々なアイコンセットが紹介されています。アイコンを探していたと言う方は是非どうぞ。

30 Fresh Icon Sets for Developers and Designers – Speckyboy Design Magazine

最近発表された使えるjQueryプラグイン20選「 20 Best And Useful jQuery Plugins of March 2010 」

http://design-develop.net/web-design/20-best-and-useful-jquery-plugins.html

軽量で高機能なjavascriptで知られるjQuery。数多くのプラグインがリリースされていて多くのプラグインが公開されていますが、最近公開されたもののなかから使えるプラグインを厳選したエントリー「 20 Best And Useful jQuery Plugins of March 2010 」を紹介したいと思います。

axImage ? jQuery Image Scaler

ジャンルは様々で、スライドショー的なものから、背景画像周りナビゲーション等々様々なアイデア溢れるプラグインがまとめられています。今日はその中から幾つか気になったプラグインを紹介したいと思います。

詳しくは以下

■Picbox
わずか5KBと非常に軽量なサイズのライトボックスプラグイン。

■(MB) Extruder
画面上部から引き出せるアニメーションメニュー。様々な使い方ができそうなナビゲーションです。

■Senamion.com – jMagnify (Ola effect on text) plugin: documentation and demo page
カーソルを当てた部分だけ部分的に拡大するようなエフェクトを追加できるプラグイン。

上記のほかにも様々なプラグインが公開されています。用途に合わせて使えば、サイトの印象や使い勝手を大きく変えてくれると思います。どのプラグインもデモと実装のためのソースコードが展開されていますので、海外のサイトばかりですが、問題なく実装できるかと思います。

20 Best And Useful jQuery Plugins of March 2010

ハイクオリティなフリーPSD WEBテンプレート集「50+ High-Quality Free PSD Web Templates」

WEBのデザインを制作するにあたって様々なツールが存在していて、会社やクリエイターで大きく異なりますが、photoshopで制作していると言う方は多いのではないでしょうか？今日紹介するのはハイクオリティーなフリーで利用できるPSDで作られたPSDテンプレートを集めたエントリー「50+ High-Quality Free PSD Web Templates」を紹介したいと思います。

BEVEL AND EMBOSS – Original and free website templates and icon sets.

全部で50ものテンプレートが集められていますが、今日はその中から幾つか気になったもの紹介したいと思います。

詳しくは以下

■PSDThemes -MyTwoCents Property Theme
シンプルながらも細かいところを作りこまれたWEBテンプレート。

■FREE Template – FREE Download by ~mohammedghaddar on deviantART
アナログ感溢れるWEBテンプレート。Creative Commons Attribution-No Derivative Works 3.0 License.

■Sleek, High-End Web Design
落ち着いたクールな印象のWEBテンプレート。背景画像で大きく変わりそうです。

PSDなので自由にカスタマイズ出来るところも素晴らしいですね。なかにはロイヤリティーフリーのものもありました。利用規約などはWEBテンプレートによって異なりますので、各々のダウンロード元でご確認お願いいたします。

50+ High-Quality Free PSD Web Templates ? DJDESIGNERLAB ? Find All Your Design Inspirations From This Laboratory

挑戦的な２６のフリーフォント「26 Free Progressive and Experimental Font」

フォントといっても様々なフォントが存在しますが、今日紹介する「26 Free Progressive and Experimental Font」は定番から少し外れた挑戦的で実験的なフリーフォントをあつめたエントリーです。

Cube 02

集められているフォントはどれもちょっと目を引くフリーフォントとなっています。今日はその中からいくつか気になったものをピックアップして紹介いたします。

詳しくは以下

■VAL
ものすごく丸みを帯びたフォント。POPなデザインに。

■Quadranta
サークルを基調としたフォント。ロゴ制作には便利そうなフォントです。

■LOT
平面で構成されたフォント。デザインの一部として使えそうです。

定番からは外れたフォントなので、デザインの中で上手く使わないと、浮いてしまう恐れがありますが、強い個性は上手に付き合えば、アクセント的な役割を果たしてくれます。ちょっと変わったフォントを探していたと言う方にはオススメのエントリーです。

どれもフリーでダウンロード可能ですが、詳しい利用規約などは各々のダウンロード元でご確認ください。

26 Free Progressive and Experimental Fonts | Freebies

最近リリースされたハイクオリティなwordpressテーマ集「 55 Fresh & High Quality WordPress Themes 」

国内外で人気のCMS、Wordpress。幅広い種類のテーマが配布されていますが、今日はその中でも比較的新しく、なおかつクオリティが高く、無料で使えるwordpressのテーマを集めたエントリー「 55 Fresh & High Quality WordPress Themes 」を紹介したいと思います。

Stunning Press

シンプルでスタイリッシュなものからアナログ表現と組み合わせた作りこんであるテーマから様々なテーマがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

■AppCloud
iphoneアプリをはじめとしてや製品紹介に最適なwordpressテーマ。

■Isotherm News
見やすく整理されたニュース系のテーマ。ポータルサイトやニュース系のサイトにおすすめです。

■Craftworks
テクスチャや背景画像を上手く作りこんだwordpressテーマ

上記のほかにも様々なテーマが紹介されています。よく見かけるものもありましたが、タイトルの通り比較的新しいものが多く、普段からテーマを探している人でも、新鮮な出会いがあるエントリーだと思います。Wordpressのテーマを変えたい、探していたと言う方は是非どうぞ。

55 Fresh & High Quality WordPress Themes

WordPressテーマ探しの決定版「50 Best Websites To Download High Quality Free WordPress Themes」

世界中で利用されているCMS、Wordpress。かなりの数のテーマがリリースされていて、無料でもかなりクオリティが高いテーマも配布されています。今日紹介するのはフリーのテーマを探すときに役立つサイトを集めたエントリー「 50 Best Websites To Download High Quality Free WordPress Themes」を紹介したいと思います。

wordpress.org

上記のwordpress.orgといった定番中の定番から、様々なテーマ配布サイトがまとめられています。今日はそのなかから気になったサイトをいくつかピックアップして紹介したいと思います。

詳しくは以下

■woothemes.com
海外ではかなり有名なテーマ配布サイト。有料のテーマも充実しています。

■wp-mojo.com
800近くのワードプレステーマが配布されています。レーティングなどもついていて探しやすいサイトです。

■Top WordPress Themes – Best Free Themes for WordPress
カラム別だったり、サイドバーのポジションなどでも細分化されているテーマ配布集。サイトのイメージが固まっている人には便利。

【上記以外のテーマ配布サイト】
graphpaperpress.com
freewpthemes.net
wptemplates.org
blogohblog.com
themelab.com
上記の他にも様々なテーマが公開されています。wordpressのテーマをじっくりと探したい、色々な可能性を見つけたいと言う方にはオススメです。すべてを回るにはかなりの時間がかかりそうですが、一つ一つのサイトでかなりの数を参照出来ますので、いくつか回れば納得できるテーマを見つけられると思います。

50 Best Websites To Download High Quality Free WordPress Themes

エクセルシートをコピー&ペーストでHTMLテーブルに変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」

http://design-develop.net/web/xls_html.html

HTMLの中でも、特に手打ちの場合、面倒な部類に入る表組み。最近ではテーブルは一切使わないなんて事がありますが、テーブルで組む利便性もあったりします。今日紹介するのは煩わしいテーブル組みをエクセルからのコピー&ペーストで簡単に変換できる「エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)」を紹介したいと思います。

手順は非常にカンタンで、エクセルから表にしたい部分をコピーして、細かい部分を設定し、変換ボタンを押すだけで簡単に表を出力してくれます。

詳しくは以下

変換されたテーブル

単純に変換するだけではなくて、Thタグの背景色だったり文字色、クラス名を埋め込んだりなど、テーブルに必要な細かな設定もできますので、WEB制作の現場でも十分耐えられるものになっています。

また変換後はCSSとHTMLが書き出されますので、WEBサイトへの組み込みが容易にできます。表組の原稿がエクセルで来た場合には非常に重宝するWEBサービスだと思います。まだββ版ということで今後にも期待したいサービスです。

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

WEBで使えるミニマムなアイコンセット「15 Uniform Payment Options Icon Sets for Ecommerce Design」

http://design-develop.net/design/15-uniform-payment-options-icon-sets.html

WEB制作には欠かせないアイコンセット。需要が多いだけに素材としても様々なアイコンセットが準備されていますが、今回紹介するのはWEBで使えるシンプルでミニマムなアイコンセットを集めたエントリー「15 Uniform Payment Options Icon Sets for Ecommerce Design」です。

Eusmis

シンプルなアイコンの中でも、色々とバリエーションがあり、全部で15のアイコンセットがまとめられています。

詳しくは以下

■Free Minimal Icon Set

psdデータとイラストレーターベクターで配布されているフリーアイコンセット。カスタマイズが効くので便利に使えます。

■Iconic
ベクターデータで配布されている、非常にシンプルなシルエットアイコンセット。Creative Commons 3.0 license.

■DOT Pictograms
様々な要素をシンプルに表したピクトグラムアイコンセット。全部で68種類のピクトがセットになっています。

インターネットフェイス設計にも非常に便利に使えそうなアイコンセット。WEB制作をしていると言う方は是非どうぞ。ライセンスは各々のアイコンセットで異なりますので、商用利用をお考えの方はそれぞれのアイコンセットのダウンロード元でご確認お願いいたします。

15 Uniform Payment Options Icon Sets for Ecommerce Design

最近リリースされたクオリティの高いwordpressのテーマ集「30 Brand New Quality WordPress Themes」

世界中で利用されているCMSの一つwordpress。高いカスタマイズ性の他に、豊富なテーマが魅力の一つですが、今日は最近リリースされたものの中からクオリティの高いwordpressのテーマだけを集めたエントリー「30 Brand New Quality WordPress Themes」を紹介したいと思います。

Cumulus

ブログタイプからギャラリータイプ、コーポレートサイトタイプなど様々なタイプのテーマが集められていました。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■Monokrome
ヘッダー部分がギャラリーになっている珍しいつくりのwordpressテーマ。

　
　
　
　
　
■INSIC
スライダーを実装して、最新記事を見せる。今時の仕組みを取り入れたWEBサイトです。

　
　
　
　
　
■e-Commerce Theme: Kelontong
サービス紹介に向いているwordpressテーマ。iphoneアプリの紹介などに向いてそうです。

　
　
上記のほかにも様々なwordpressテーマが公開されています。どれもクオリティが高く、そのままでも使えそうなものばかりです。wordpressのテーマを探していたと言う方は是非原文もどうぞ。

30 Brand New Quality WordPress Themes

実用的なjQueryで作るスライダーをまとめた「28 Useful JQuery Sliders You Need To Download」

http://design-develop.net/web-design/28-useful-jquery-sliders-you-need-to-download.html

高機能で軽量なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、現在では多くのWEBサイトで導入されています。そのなかでもよく見かけるのがスライダーを使った仕組み。限られたスペースで効果的に銃砲を見せることができます。今日はそんなスライダーをまとめたエントリー「28 Useful JQuery Sliders You Need To Download」を紹介したいと思います。

28 Useful JQuery Sliders You Need To Download

2010年2月のwordpressフリーテーマベスト10「10 Best Free WordPress Themes Of February 2010」

http://design-develop.net/wordpress/10-best-free-wordpress-themes-of-february-2010.html

世界中で使われているwordpress。その魅力の一つに豊富なフリーテーマがあります。テーマは世界中で毎日新しいものが生み出されていて、非常に質の高いものもフリーで配布されています。今日紹介するのはそんなwordpressのフリーテーマの中から２月に発表されたものなかから、よりすぐられたベスト10をまとめたエントリー「10 Best Free WordPress Themes Of February 2010」を紹介したいと思います。

■Brave Zeenat
黒でまとめられたシックなデザインのテーマ。白黒の写真でもカラーでもいけそうです。

上記の他にも様々なテーマが紹介されています。全体的にキレイ目なデザインが多く汎用性が高いものになっていますのでおすすめです。基本的にすべてフリーでダウンロード可能ですが、詳しい利用規約については各々のダウンロード元でご確認ください。

10 Best Free WordPress Themes Of February 2010

ハイクオリティなphotoshopグラデーションスタイル「25 High Quality Gradient Sets for Photoshop ? 750+ Gradients」

http://design-develop.net/design/25-high-quality-gradient-sets.html

デザインに置いて、立体感や深みを出すためにphotoshop上でグラデーション表現をつけるということは多くありますが、きれいなグラデーションを作ることは意外と手間だったりします。そんなときに便利なのが、photoshopグラデーションスタイル。様々なグラデーション表現がワンクリックで表現できるというものです。今日紹介するのはハイクオリティなphotoshopグラデーションスタイルを集めたエントリー「25 High Quality Gradient Sets for Photoshop ? 750+ Gradients」です。

Modern

様々なテイストのグラデーションスタイルセットが集められていますが、今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

■Vintage
ヴィンテージ感のあるグラデーションスタイルを集めたセット。

　
　
　
　
　
■Dooffy Gradients Set
様々な立体感のグラデーション表現を集めたグラデーションスタイルセット。

　
　
　
　
　
■iPhone Gradation Set
iphoneで使われているグラデーションスタイルを集めたセット。

　
　
上記のほかにも様々なグラデーションスタイルのセットが集められています。photoshopでよくグラデーションを作っている人、悩んで配合している人にはおすすめのエントリーです。

25 High Quality Gradient Sets for Photoshop ? 750+ Gradients

様々なシーンで使えるプロユースなフリーアイコン集「40 Free Professional Useful Icon Sets for Web」

http://design-develop.net/design/40-free-professional-useful-icon.html

WEB制作に非常に便利なアイコン。内容の説明だったり、インターフェイスの向上だったり様々な側面で寄与してくれますが、今回紹介するのは様々なシーンで使えるプロユースなフリーアイコン集をまとめたエントリー「40 Free Professional Useful Icon Sets for Web」。

Free Mobile Berries Icon Set by templay-team

様々なタイプのフリーアイコンがまとめられています。今日はその中から特に気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

■WP WooThemes Ultimate Icon Set
可愛らしい立体感あるアイコンセット。一通り必要なアイコンは準備されています。

　
　
　
　
　
■MinIcons by kyo-tux
丁寧に作られた、ミニアイコンセット。クリアでPOPなアイコンセットです。

　
　
　
　
　
■Basic set
ベーシックなアイコンをサイズ別に網羅したアイコンセットです。

　
　
上記ではスタンダードなものを中心に取り上げましたが、原文では上記のほかにも様々なアイコンセットが公開されており、様々なシーンで対応できるようなラインナップになっていました。

基本的に全てフリーでダウンロードできますが、利用規約はアイコンセットによって異なりますので、商用利用をお考えの方は各々のダウンロード元でご確認ください。

40 Free Professional Useful Icon Sets for Web Designers | Smashing Buzz

レトロデザインを引き立てるフリーフォント「30 Fonts Perfect for Vintage and Retro Style Design」

http://design-develop.net/design/30-fonts-perfect-for-vintage-and-retro-style-design.html

洗練されたデザイン、可愛いデザインなどデザインのテイストは様々ですが、今日紹介するのはレトロでビンテージ感のあるデザインに最適なフリーフォントを集めたエントリー「30 Fonts Perfect for Vintage and Retro Style Design」を紹介したいと思います。

http://webdesignledger.com/freebies/30-fonts-perfect-for-vintage-and-retro-style-design

WEBデザインのワイヤーフレームを書くためのツール10選「10 Excellent Tools for Creating Web Design Wireframes」

http://design-develop.net/web/10-excellent-tools-for-creating-web-design-wireframes.html

WEBデザインと言っても様々なフローがあり、受注を受けたとき、いきなり、Fireworksやphotoshopでデザインを始めるという方はなかなか少ないと思います。今回はデザインの前段階のワイヤーフレームを描くためのツールを集めたエントリー「10 Excellent Tools for Creating Web Design Wireframes」を紹介したいと思います。

http://webdesignledger.com/tools/10-excellent-tools-for-creating-web-design-wireframes

そのままロゴに使えそうなクリエイティブで個性的なフリーフォント集「30 Cool Free Futuristic Fonts To Work With」

http://design-develop.net/design/30-cool-free-futuristic-fonts-to-work-with.html

視認性にすぐれているものから、見た目面白く惹きつけるもの、意味が込められているものなどなど世の中には様々な書体がありますが、今日紹介するのは、そのままロゴに使えそうなクリエイティブで個性的なフリーフォントを集めた「30 Cool Free Futuristic Fonts To Work With」です。

http://aext.net/2010/03/cool-free-futuristic-fonts/

CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」

http://design-develop.net/web-design/css3-navigation-and-menu.html

次世代のコードとして、すでに利用している所も徐々に増えてきたCSS3。従来のCSSと比べて格段に表現できる幅が広がっており、今までどうしても画像 を利用したり、FLASHで表現していた部分がCSSのみで実現できるようになっています。今日紹介するのはそんなCSS3を使ったナビゲーション集 「15 CSS3 Navigation and Menu Tutorials and Techniques」を紹介したいと思います。

http://speckyboy.com/2010/03/15/15-css3-navigation-and-menu-tutorials-and-techniques/

美しい手書きフォント30選「30 Beautiful Handwritten Fonts」

http://design-develop.net/design/30-beautiful-handwritten-fonts.html

デザインにおいて書体は重要で、フォントによってかなりデザインの印象が変わります。今日紹介する「30 Beautiful Handwritten Fonts」はフォントのなかでもアナログ感や温かみを表現できる手書き風フォントを集めたエントリーです。

http://www.webdesignbooth.com/30-beautiful-handwritten-fonts/

縦横にアコーディオンするjQueryアコーディオン「Grid Accordion with jQuery」

多くのコンテンツを少ない面積で見せることができるアコーディオンによる見せ方は様々なWEBのシーンで使われていますが、今回紹介するのは、通常一方向だけではなく、縦と横、両方向に展開ができるjQueryを使ったアコーディオン「Grid Accordion with jQuery」です。

InfoGrid – DEMO

上記のように、多数のカテゴリーでコンテンツが多岐に渡る場合や表組みで、比較したいときなどは非常に便利な機能だと思います。

HTML側はdl、dt、ddで構成された非常にシンプルなものになっており、それおをCSSでデザインをし、jQueryで動きを動作するというものになっています。

ソースコード自体は非常にシンプルなものになっていますので、この手のライブラリをつかって何かを組み込んだことがある方なら問題なく実装できるかと思います。ソースファイルをまるごと収録したサンプルファイルも「Grid Accordion with jQuery | CSS-Tricks」からダウンロード可能ですので、良いなと思った方は是非どうぞ。

デザイナーのためのサーチエンジン集「18 Search Engines For Designers ? Creativity Boost」

何かを探すとき、何かを調べるときに利用するサーチエンジン。今回紹介するのは一般的なサーチエンジンではなくて、フォントやアイコン、チュートリアルなどデザイナーが必要としているものを専門に探す、サーチエンジンを集めたエントリー「18 Search Engines For Designers ? Creativity Boost」を紹介したいと思います。

http://www.minervity.com/features/icons-features/18-search-engines-for-designers-creativity-boost/

商用利用可！毎日PSDファイルを提供してくれるpsdパーツ配布サイト「365psd」

photoshopを利用して制作をしている方にはかなり嬉しいpsdファイル。作り方にもよりますが、合成前のpsdファイルがあれば、一部分を流用したり、カスタムして広範囲で利用できます。今日紹介するのはそんなpsdファイルを毎日提供してくれる「365psd」というサイトです。

毎日、一つづつ更新されていて、多くの賛同するデザイナーによって運営されているみたいで、それだけに多種多様なpsdファイルが公開されています。公開されているファイルの中からいくつか紹介したいと思います。