挑戦的な２６のフリーフォント「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ファイルが公開されています。公開されているファイルの中からいくつか紹介したいと思います。

JSで実現するシンプルで使い勝手のいいコンテンツカバーフロー「ContentFlow」

Macを使っている方には馴染み深い、立体的で空間的にコンテンツやファイルの内容を表示するインターフェイスカバーフロー。そのインターフェイスはOSだけではなく、様々な部分で活用されていますが、今日紹介するのはjavascriptで実現したコンテンツカバーフロー「ContentFlow」です。

作り自体は非常にシンプルなものになっており、動作はjsで制御、画像などはすべて外部から読み込んでいるみたいで、枠組みだけ作ってしまえば、画像を入れ替えるだけで、差し替えたり更新できたりします。

詳しくは以下

実装はそこまで難しくなく、サンプルのカバーフローのファイルを一式ダウンロード可能ですので、普段WEB制作をしている方であれば、自分のサイトに組み込むのは非常に簡単だと思います。

ライセンスはオープンソースであるか無いかに関わらず再利用を認めているMIT Licenseとなっていますので、範囲内においては自由に利用することができます。

新しいハイクオリティなフリーフォント集「22 Fresh High-Quality Fonts for Your Designs」

http://design-develop.net/design/22-fresh-high-quality-fonts-for-your-designs.html

制作に便利なフリーフォント。様々なタイプのフォントが日々公開されていますが、今日紹介するのは比較的最近公開された新しいフリーフォントの中からクオリティの高いフォントを厳選したエントリー「22 Fresh High-Quality Fonts for Your Designs」を紹介したいと思います。

http://webdesignledger.com/freebies/22-fresh-high-quality-fonts-for-your-designs

フリーで使えるミニマムアイコンセット「14 Free Mobile Application Development Icon Sets」

http://design-develop.net/design/14-free-mobile-application-development-icon-sets.html

様々な事柄をシンプルな絵で表してくれるアイコン。WEB制作やアプリケーションのインターフェイスにはとても便利に使えます。今日紹介するのはフリーで使えるシンプルなアイコンセットを集めた「14 Free Mobile Application Development Icon Sets」を紹介したいと思います。

http://speckyboy.com/2010/03/08/14-free-mobile-app-development-icon-sets/

フリーコミックフォント集「25 free comic fonts」

http://design-develop.net/design/25-free-comic-fonts.html

書体はデザインのなかでも非常に重要な要素の一つで、書体が持つ印象や雰囲気にデザインが引っ張られます。今日紹介するのはコミカルで楽しげな雰囲気のコミックフォントを集めたエントリー「25 free comic fonts」を紹介したいと思います。

http://www.crazyleafdesign.com/blog/25-free-comic-fonts/

デザインを自在に操る。photoshopレイヤースタイルが750個以上「 Ultimate Roundup of 750+ Free Photoshop Layer Styles」

http://design-develop.net/design/ultimate-roundup-of-750.html

デザインには欠かせないツールphotoshop。非常に便利なソフトウェアで、多くの方が利用していると思います。今回紹介するのはphotoshop を主に使ってデザインをされている方に便利な、デザインされたボタンやテキストなどが簡単に作れるphotoshopレイヤースタイルを750個以上あつ めたエントリー「Ultimate Roundup of 750+ Free Photoshop Layer Styles」を紹介したいと思います。

http://www.1stwebdesigner.com/freebies/best-free-photoshop-layer-styles/

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

http://savedelete.com/10-best-free-wordpress-themes-of-february-2010.html

10 Free Beautiful Calligraphic Fonts

http://www.noupe.com/fonts/10-free-beautiful-calligraphic-fonts.html

商用利用可！フリーで使える国産ベクターシルエットデザイン素材集「シルエットデザイン」

http://design-develop.net/design/vector-shil.html

デザインにとても便利なシルエット素材。アイコン的な使い方だったりポイント的につかったりと色々と便利に使えます。今日紹介するのは商用利用可能で、フリーで使える国産シルエットデザイン素材集「シルエットデザイン」です。

http://kage-design.com/wp/

デザイナーとフォトグラファーのためのphotoshopアクション集「40 Photoshop Actions for Designers and Photographers」

http://design-develop.net/design/40-photoshop-actions.html

決まった動作をボタン一つで実行できるアクション。単純作業の簡略化だけではなく、複雑な写真加工などでも大いに力を発揮してくれますが、今回紹介するの は便利に使えるデザイナーとフォトグラファーのためのphotoshopアクションをあつめたエントリー「40 Photoshop Actions for Designers and Photographers」です。

http://designm.ag/resources/photoshop-actions-designers-photographers/

HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」

http://design-develop.net/web-design/25-best-websites-for-downloading.html

WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用できるHTML/CSSのテンプレート がダウンロードできるWEBサイトをまとめたエントリー「25 Best Websites For Downloading Free Html/CSS Templates」です。

35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects

http://www.noupe.com/jquery/35-useful-jquery-plugins-for-slideshows-graphs-and-text-effects.html

プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」

http://design-develop.net/design/35-latest-high-quality-free-fonts.html

http://www.instantshift.com/2010/02/15/35-latest-high-quality-free-fonts-for-professional-designers/

ナンバリングがついたjQueryとCSSで制御するスライダー「 Automatic Image Slider w/ CSS & jQuery」

http://design-develop.net/web-design/automatic-image-slider.html

非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「Automatic Image Slider w/ CSS & jQuery」です。

この手のjQueryを用いたスライダーは数多く存在しますが、「Automatic Image Slider w/ CSS & jQuery」はHTML部分、CSS部分とてもシンプルに作られており、カスタマイズが非常に簡単に行なう事ができます。また動きの部分のjQuery もシンプルなので、カスタマイズもjavascriptを知らないというかたでも何となく分かる作りになっています。

http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/

WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」

http://design-develop.net/web-design/choosing-the-best-css.html

WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹 介するのは、WEBデザインに便利なCSSフレームワークのまとめたエントリー「Choosing The Best CSS Framework: A Complete Guide」です。

http://devsnippets.com/article/complete-guide-to-css-frameworks.html

制作に使えるフリーアイコンを探し出すためのWEBサイトを集めた「11 Great Resources to Find Free Icons」

http://design-develop.net/design/11-great-resources-to-find-free-icons.html

http://designm.ag/resources/find-icons/

An Explosion of Adobe Fireworks Resources

http://www.noupe.com/design/an-explosion-of-adobe-fireworks-resources.html

クロスブラウザ対策のための表示確認ツールのまとめ「Useful Tools for Testing Cross Browser Compatibility」

http://design-develop.net/web/useful-tools-for-testing-cross-browser.html

現在様々なブラウザがシェア争いを繰り広げており、人によって利用しているブラウザは色々だと思います。それゆえにWEB制作者にとっての一つの課題が、多々あるブラウザでの表示を統一しなければ行けないという命題が化せられると言う事です。特に現状はブラウザの種類の違いだけではなく、利用されているバージョンも異なっているため、そちらも念頭にいれなくてはいけなくて、主要ブラウザとそのバージョン違いを検証するだけでもかなり手間がかかります。そこで今回紹介するのは主要なブラウザ間での表示確認を簡単にしてくれるWEBサービス、ツールをまとめたエントリー「Useful Tools for Testing Cross Browser Compatibility」を紹介したいと思います。

http://webdesignledger.com/tools/useful-tools-for-testing-cross-browser-compatibility

シンプルでユニークなWordPressテーマ「25 Fresh, Clean and Unique WordPress Themes」

http://design-develop.net/wordpress/25-fresh-clean-and-unique-wordpress-themes.html

今回紹介するのはシンプルでユニークなWordpressテーマを集めたエントリー「25 Fresh, Clean and Unique WordPress Themes」です。

http://speckyboy.com/2010/01/25/25-fresh-and-unique-wordpress-themes/

Free and Commercial Script Fonts

http://www.noupe.com/fonts/free-and-commercial-script-fonts.html

商用可も有り！フリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」

http://design-develop.net/web-design/free-icons.html

デザイン的にもユーザビリティ的にも非常に便利に使えるアイコン。デザインをより分かりやすくしてくれます。今回紹介するのはそんな制作に使えるフリーアイコンを100,000個以上集めたアイコン総合サイト「FREE ICONS!」です。

http://www.iconfinder.net/free_icons

シェイプから写真コラージュを自動生成してくれるフリーソフト「Shape Collage」

http://design-develop.net/tool/shape-collage.html

写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。

http://www.shapecollage.com/

有料でもおかしくないハイクオリティーなwordpressテーマ集「43 Free WordPress Themes that Look Totally Premium」

http://design-develop.net/wordpress/43-free-wordpress-themes.html

今回紹介するのは有料でもおかしくないハイクオリティーなwordpressテーマを集めたエントリー「43 Free WordPress Themes that Look Totally Premium」です

http://loreleiwebdesign.com/2010/01/13/43-free-wordpress-themes-that-look-totally-premium/

デザインの現場で使えるデザイナーのためフリーフォント集「50 Incredible Fonts for Professional」

http://design-develop.net/wordpress/50-incredible-fonts-for-professional.html

多種多様なフォントが世の中には出回っていますが、今回紹介するのはプロでも使えそうなデザイン性の高いハイクオリティなフォントを集めたエントリー「50 Incredible Fonts for Professional Web & Print Design」です。

http://www.noupe.com/fonts/50-free-fonts-for-professional-designs.html

PSDでダウンロードできる、デザイン性の高いフリー名刺デザイン「20 Free Photoshop business cards」

http://design-develop.net/design/20-free-photoshop-business-cards.html

ビジネスには欠かせない名刺、名刺のイメージでセンスや個性が見えたりとデザインはとても重要な要素となっていますが、今回はデザイン性の高いpsdのフリー名刺デザインを集めた「20 Free Photoshop business cards」を紹介したいと思います。

http://www.net-kit.com/20-free-psd-business-cards/

フリーで使えるプロフェッショナルなフォント集「50 First-class & New Downloadable Fonts For Professional Designs」

http://devsnippets.com/article/50-first-class-new-downloadable-fonts-for-professional-designs.html

デザインに大きな影響を与えるフォント。様々なフォントがリリースされていますが、今回紹介するのはフリーで使えて、なおかつ、クオリティの高いフォント を集めたエントリー「50 First-class & New Downloadable Fonts For Professional Designs」を紹介したいと思います。

http://design-develop.net/design/50-first-class-new-downloadabl.html

サイト制作に便利なjQuery集「15 useful jQuery plugins and tutorials」

http://www.designer-daily.com/15-useful-jquery-plugins-and-tutorials-5207

軽量で高機能なjavascript、jQuery。様々なサイトで様々な形で利用されていますが、今回紹介するのはサイト制作に便利なjQueryを集めた、「15 useful jQuery plugins and tutorials」です。

キャプチャー、フューチャーリスト、サジェストなどなど様々なプラグイン紹介されています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

http://design-develop.net/web-design/15-useful-jquery-plugins-and-tutorials.html

Data Tables In Modern Web Design

http://www.noupe.com/design/data-tables-in-modern-web-design.html

ポートフォリオに使えるwordpressの厳選フリーテーマ集「45+ Magnificent WordPress Portfolio Themes」

世界中で使われているCMS、wordpress。魅力の一つとして、多彩なテーマが上げられますが、今回紹介するのはフリーで使えるポートフォリオ用のテーマを集めたエントリー「45+ Magnificent WordPress Portfolio Themes」です。

http://www.tripwiremagazine.com/2009/12/45-magnificent-wordpress-portfolio-themes.html

http://design-develop.net/web-design/wordpress-portfolio-themes.html

オンラインで使えるマルチメディア編集ツール色々「30+ Free Online Multimedia (Photo, Audio, Video) Editors 」

今日紹介するのは撮りためた、写真、動画、音声等を簡単に加工してくれるオンラインツールを集めたエントリー「30+ Free Online Multimedia (Photo, Audio, Video) Editors 」を紹介したいと思います。

http://design-develop.net/web/30-free-online-multimedia.html

ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」

軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。

上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが表示されます。

http://srobbin.com/blog/jquery-pageslide/

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

WEBデザイン−のためのジェネレーター集「55+ Extremely Useful Online Generators for Designers」

制作する際にグラフィックソフトやレイアウトソフトを使って自分で制作と言うのが普通だと思いますが、WEB上で特定の部品だけ簡単に生成してくれるジェネレーターもあり、場合によってはそちらの方が便利だったりします。

今回紹介する「55+ Extremely Useful Online Generators for Designers」はそんなデザイナーが便利に使えるジェネレーターを集めたエントリーです。様々なジェネレーターが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

http://www.balkhis.com/web-designs-resources/55-extremely-useful-online-generators-for-designers/

http://design-develop.net/web-design/55-extremely-useful-online-generators-for-designers.html

ベストフリーテクスチャセット2009「The Best Free Texture Packs of 2009」

http://design-develop.net/design/the-best-free-texture-packs-of-2009.html

制作する上で雰囲気づくりに便利なテクスチャ。様々なテクスチャを今年、Designdevelopでも紹介してきましたが、今日紹介するのは海外のブログWDLが発表している2009年のベストテクスチャセットを集めたエントリー「The Best Free Texture Packs of 2009」です。

Grungy Textures by ~env1ro on deviantART

グランジ、ビンテージ、ウッドなどなど、テクスチャの種類毎に様々なタイプのテクスチャセットが公開されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

■Woodwork Texture Pack by =cloaks on deviantART
様々な木目の床のテクスチャを集めたテクスチャパック。

■Free High Resolution Textures ? Lost and Taken ? 14 High-Res Japanese Paper?Textures
和紙を集めたテクスチャ。和風のデザインには相性がいいですね。文字がかかれているものなんかもあります。

■Paper pack by ~Yaolin-Yaolin on deviantART
シンプルな紙のテクスチャ。ちょっとした風合いを出したい時にオススメです。Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

上記の他にも様々なテクスチャパックが公開されています。テクスチャをお探しの方は是非どうぞ。ライセンスについては各々ダウンロード元でご確認ください。

The Best Free Texture Packs of 2009