webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」 | DesignDevelop

2011/10/06 1066 users アイコンセット アイコン webデザイン とおり 種類

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは... 続きを読む

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 | DesignDevelop

2011/10/29 1005 users CSSレイアウト 随分 クリエイティブ レイアウト ベース

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。今日紹介するのは様々なCSSレイアウトをダウンロードできるサイト... 続きを読む

HTML5でコーディングするときに役立つ10のオンラインツール | DesignDevelop

2011/11/06 980 users Initializr Webサービ おなじみ エントリー 範囲

最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。 Initializr 様々なHTML5コーディングに役立つWEBサービ... 続きを読む

商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 | DesignDevelop

2009/09/09 750 users 矢印 シルエット アクセント 背景 機械

様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシ... 続きを読む

次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集 | DesignDevelop

2013/05/18 731 users JavaScript ライブラリ スニペット 現場 Web制作

CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next le... 続きを読む

商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 | DesignDevelop

2009/04/25 549 users クオリティ web Web制作 制作 アイコン

商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips... 続きを読む

WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」 | DesignDevelop

2013/01/19 417 users 背景 エントリー クオリティ パターン素材 エリア

WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」 背景やエリアなどに敷くパターン素材。無機質なWEBデザインに質感やクオリティをプラスしてくれる非常に便利な素材です。今日紹介するのはシンプルなフリーパターン素材を集めたエントリー「15+ Free Patterns for your Designs」です。 S... 続きを読む

是非ブックマークしておきたい フリーストックフォトサイトまとめ「Awesome Stock Images for FREE !! Even for Commercial use」 | DesignDevelop

2014/06/23 402 users ストックフォトサイト デザイン制作 イメージ素材 自身 写真

デザイン制作をする際によく利用する写真は、自身で撮影したものだけではイメージ素材として足りないことも多く、ストックフォトサイトを活用する場合が多いと思います。今回はそんなストックフォトサイトをまとめた「Awesome Stock Images for FREE !! Even for Commercial use」を紹介したいと思います。 （Free Refe Mobile Photos） 是非ブ... 続きを読む

Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」 | DesignDevelop

2012/03/24 388 users Facebook Facebookページ 制作 WEB制作者

Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」 Facebookに関する制作もWEB制作者の方であれば、個人的にでも仕事でも徐々に増えてきたのではないでしょうか？今日紹介するのは3月末にアップデートされる新タイムラインに対応したFacebookページのpsdテンプレートセット「Free download ps... 続きを読む

直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」 | DesignDevelop

2012/09/30 379 users Fluid モバイルアプリ 醸成 モバイルアプリ開発 パーツ

WEB以上にUIが重要視される、モバイルアプリ開発。当然醸成も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。 ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことが... 続きを読む

新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」 | DesignDevelop

2011/03/19 378 users jQueryプラグイ 日夜 ライブラリ 過言 プラグイン

新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」高機能なjavascriptライブラリjQuery。サイト制作には欠かせないライブラリのひとつと言っても過言ではないほど、世界中で利用されているライブラリの一つです。多く利用されているだけあって、様々なプラグインが日夜開発されリリースされています。今日は最近リリースされたjQueryプラグイ... 続きを読む

デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 | DesignDevelop

2011/08/06 360 users 多様化 習得 バージョンアップ Webサイト制作 新しい技術

webサイト制作に欠かせないCSSですが、度重なるバージョンアップや活用方法の多様化で、常に新しい技術の習得が必要になります。そこで今回は、デザイン性の高い整ったフリーCSSテンプレートを集めた「20 Beautiful Free CSS Web Templates」を紹介したいと思います。 （Darkness Free Website Template | Free Website Templa... 続きを読む

フリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」 | DesignDevelop

2010/05/27 357 users 絵柄 構想 特定 エントリー ツール

特定の絵柄を敷き詰めていくことができるphotoshopパターン。絵を作りこんでいく上で、自分の構想に近いものがあればかなり便利なツールです。今日紹介するのはフリーで使えるphotoshopパターンを集めた「650+ Free Photoshop Patterns」というエントリーです。 650+ Free Photoshop Patterns 様々な種類のphotoshopパターンが集められてい... 続きを読む

HTML5の基本的なシンプルテンプレート「HTML5 Reset」 | DesignDevelop

2012/01/29 356 users CSS 制約 リセットCSS 言いがたい状況 テンプレート

ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Reset」。 こちらのテンプレートは基本的なCSS、リセットCSSなど非常に分かりやすい構成で組み込まれてお... 続きを読む

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 | DesignDevelop

2012/05/18 344 users Illustrato Illustrator クオリティ

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustrato... 続きを読む

デザイナー必見 50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」 | DesignDevelop

2014/05/21 334 users dafont.com フォント デザイナー 定番 制作

デザイナーにとっては制作に欠かせないフォント。実にさまざまな種類のフォントが存在しており、中にはフリーで使用できるものも多く、重宝しているという方も多いのではないでしょうか？そんな中今回紹介するのは、50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」です。 Kirvy Font | dafont.com 定番として利用できるものから、個性溢... 続きを読む

ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 | DesignDevelop

2012/08/05 330 users ワイヤーフレーム ローディング ピッ 精度 手段

サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつよ... 続きを読む

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

2010/02/17 326 users フリーフォント フォント エントリー 感覚 現場

プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」 フォントのがデザインに与える影響はとても大きく、フォントの選び方でデザインの感覚がガラリとかわったりします。今日紹介するのはプロの現場でもプロの現場でも使えるハイクオリティなフリーフォントを集めたエントリー「35 Lates... 続きを読む

jQueryベースのWebフォームライブラリ「jFormer」 | DesignDevelop

2011/04/16 323 users jFormer Ajax ログインフォーム フレームワーク

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、... 続きを読む

IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 | DesignDevelop

2010/06/14 315 users CSS 常識 現状 旧世代 ブラウザ

IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのは... 続きを読む

便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」 | DesignDevelop

2009/12/21 305 users パターン グラフィック POP 制作 必須

グラフィックの制作で必須とも言えるデザインツールイラストレーター。多くの人が利用しているかと思いますが、今回紹介するのは便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」です。 幾何学的なパターンから、POPなもの、レトロなものなどなど様々なパターンが集められています。今日はその中からいくつか気になったものを紹介したいと思います... 続きを読む

クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」 | DesignDevelop

2014/03/03 293 users Drop 理想 Webサイト デザイン 自分

魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。 （Drop） そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り... 続きを読む

photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 | DesignDevelop

2013/08/16 288 users Photoshop チュートリアル たいてい ソフトウェア

photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「... 続きを読む

HTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」 | DesignDevelop

2010/08/15 272 users インデント cook コピペ HTML ソース

HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。 利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。 ... 続きを読む

ベクターデータを探すならココ！ベクターデータ配信サイトをまとめたダウンロードサイト32選「32 Places to Find High-Quality Vectors」 | DesignDevelop

2010/05/16 272 users ベクターデータ 拡大縮小 ココ 汎用性 現場

ベクターデータを探すならココ！ベクターデータ配信サイトをまとめたダウンロードサイト32選「32 Places to Find High-Quality Vectors」 制作の現場では一般的なベクターデータ形式。拡大縮小が自由自在で、色の変化なども自由にでき、汎用性が効くデータ形式として広くデザインには利用されています。今回紹介するのはそんなベクターデータで制作された素材データをダウンロードできる... 続きを読む