タグ「DesignDevelop」 - はてブログ

タグ DesignDevelop

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 70件)

ログインをもっと快適にオープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 | DesignDevelop

2018/03/06 158 users ログインページ CSS クオリティオープンソース参考

ログインをもっと快適にオープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」会員登録ページや管理画面へのアクセスに使用するログインページ。シンプルなものが一般的ですが、こだわりを見せることでサイトのクオリティは高まります。今回はそんな時に参考にしたい、オープンソースのログインフォーム10選「10 Open S... 続きを読む

CSS3 Flexbox UIパターン集「Flexbox Patterns」 | DesignDevelop

2016/06/06 165 users Flexbox レスポンシブ CSS ユー現状

CSS3で利用できるようになったFlexbox。WEBアプリやレスポンシブを想定して開発されたものですが、まだまだ現場ではそれほど普及していないのが現状です。今日紹介するのはそんなFlexboxを理解・利用するための様々なUIを簡単に利用できるCSSのFlexbox UIパターン集「Flexbox Patterns」です。「Flexbox Patterns」は利用しやすくなるようにそれぞれのユー... 続きを読む

webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」 | DesignDevelop

2015/01/25 232 users 参考デザイン Webサイト

デザインだけでなく、独自の動きを取り入れることでwebサイトはより魅力的なものに変化します。今回はそんな時に参考にしたい、webサイトの動きを魅力的に演出するフリーjQueryプラグイン集「Free jQuery Plugins To Create An Amazing Website」を紹介したいと思います。 jquery.adaptive-backgrounds.js • A jQuery p... 続きを読む

サイトマップやレイアウト構築に便利なUIキット「Website Flowcharts」 | DesignDevelop

2014/12/07 136 users レイアウト構築全体像制作必須

webサイトの制作をスタートする前には、レイアウトの構築やサイトマップの作成が必須。それをすることで、サイトの全体像を把握しながら計画的にデザインをすることができます。今回はそんな企画時に是非利用したい便利なUIキット「Website Flowcharts」を紹介したいと思います。いろいろなレイアウトのフォーマットUIイメージが72種揃っており、組み合わせをすることでサイトイメージをふくらませる... 続きを読む

web開発者のためのさまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」 | DesignDevelop

2014/09/27 268 users 主流チュートリアルまとめ Web Designers 要素

webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか？今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。 Styli... 続きを読む

デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」 | DesignDevelop

2014/09/10 103 users デザインクオリティフォントテイストデザイン性シーン

デザインクオリティの重要な鍵を握るフォント選びは慎重に行いたいもの。今回はそんなシーンで参考にしたい、デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」を紹介したいと思います。 MODEKA – Free Font on Behance シンプルなテイストから、個性的なタイプまで、いろいろなテイストのフォントがまとめられて... 続きを読む

魅力ある動きを可能にしてくれるフリーjQueryプラグイン「14 Free Frontend jQuery Plugins」 | DesignDevelop

2014/08/24 150 users jQuery jQueryプラグインツール Webサイト

webサイトを構築する際に、印象的に、サイトを魅力的に見せてくれるjQueryは非常に便利なツール。よく利用されている方はとても多いのではないでしょうか？今回はそんなjQueryプラグインをフリーで使用できる「14 Free Frontend jQuery Plugins」を紹介したいと思います。 fullPage.js One Page Scroll Site Plugin 14種の、独特な動き... 続きを読む

iOS7のガイドラインにそって作成された300個のフリーアイコンセット「RetinaIcon 300 Free Icons」 | DesignDevelop

2014/08/03 266 users フリーアイコンセットアプリケーションデザイン iOS7

フラットテイストのデザインが採用されたiOS7。そのデザインに合うように、webサイトやアプリケーションデザインもテイストを合わせて制作することが多くなってきていると思います。今回はそんな時に便利に活用できる、iOS7のガイドラインにそって作成された300個のフリーアイコンセット「RetinaIcon 300 Free Icons」を紹介します。 300個という豊富な種類が魅力的な、アウトラインタ... 続きを読む

是非ブックマークしておきたいフリーストックフォトサイトまとめ「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）是非ブ... 続きを読む

アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」 | DesignDevelop

2014/05/30 110 users Dribbble アイコフリーアイコンセットまとめ一口

一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。（Dribbble – Free Icon Set by Catalin Fertu）ラインで描き出されたアイコ... 続きを読む

デザイナー必見 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 定番として利用できるものから、個性溢... 続きを読む

定番フォントとして知っておきたいサンセリフフォントまとめ「20 Free Sans Serif Fonts Every Designer Should Have」 | DesignDevelop

2014/05/05 147 users 定番フォント一定文字デザイン

文字の線の太さが一定で作り出されているサンセリフフォント。シンプルでどんなデザインにもマッチしやすいことから、定番フォントとして活用されています。そんなサンセリフフォントをまとめた「20 Free Sans Serif Fonts Every Designer Should Have」を今回は紹介したいと思います。（Free Font TeX Gyre Adventor by GUST e-fo... 続きを読む

是非ストックしておきたいフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」 | DesignDevelop

2014/04/23 128 users Dribbble デザフリーアイコンセットまとめ主流

常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。（Dribbble – Outline Icons Part 3 by Adrian Goia）さまざまなデザ... 続きを読む

スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」 | DesignDevelop

2014/03/04 270 users 網目網目状描写ブラシ定番

ブラシには非常にさまざまな種類があり、簡単に複雑な描写を描き出せるということもあり、頻繁に利用しているという方も多いのではないでしょうか？そんな中今回紹介するのは、スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」です。網目状のスクリーントーン描写を、ブラシで手軽に作り出すことができるセットです。詳しくは以下定番として利用できるシンプルな網目... 続きを読む

クリエイティブな動きがデザインが実装できるフリー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サイトを作り... 続きを読む

パララックス効果を与えてくれるjQueryプラグイン「7 Useful Parallax jQuery Plugins」 | DesignDevelop

2014/01/02 203 users オブジェクト手前エントリープラグイン web

2013年のWEBでは大きく活躍していたパララックス効果。視差効果によってもたらされる体験は、今までのWEBとはまた違った感覚を与えてくれました。今回紹介するのはそんなパララックス効果を簡単に利用できるプラグインをまとめたエントリー「7 Useful Parallax jQuery Plugins」です。 7 Useful Parallax jQuery Plugins 手前と奥にオブジェクトを設... 続きを読む

2013年に公開された50種のjQueryプラグイン集「50 Most Useful jQuery Plugins from 2013」 | DesignDevelop

2013/12/23 107 users Most Useful jQuery Plugins

高機能なサイトを作りたいけど、一からプログラムを組むのはちょっと…という方に向けて、今回は2013年で人気をあつめたプラグインを50種集めたエントリー「50 Most Useful jQuery Plugins from 2013」を紹介したいと思います。 Salvattore — A jQuery Masonry alternative with CSS-driven configuration... 続きを読む

スクロールに合わせて次々とコンテンツを読み込むjQueryプラグインのまとめ | DesignDevelop

2013/12/04 115 users スクロール jQueryプラグインコンテンツまとめ

ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹... 続きを読む

さまざまなデザインに利用できるフリーベクターアート「50 Amazing Free Vector Art For Designers」 | DesignDevelop

2013/10/12 144 users Vector グラフィック要素デザイン TOP 部分

TOP > vector > さまざまなデザインに利用できるフリーベクターアート「50 Amazing Free Vector Art For Designers」デザインをする中で、ポイントとなる部分や、主張した見せたい部分などにグラフィック要素を取り入れることで、効果的に見せることができます。今回はそんな時に是非使用したいフリーベクターアート「50 Amazing Free Vec... 続きを読む

ユーザーフレンドリーにするための40の新しいjQueryプラグイン「40 Fresh jQuery Plugins To Make Your Website User Friendly」 | DesignDevelop

2013/09/13 110 users ユーザーフレンドリーコーディング jQueryプラグイン

ユーザーフレンドリーにするための40の新しいjQueryプラグイン「40 Fresh jQuery Plugins To Make Your Website User Friendly」 Webデザインやコーディングの経験を積んでくると、「ユーザーにやさしいWebサイト」といったことを意識するようになると思いますが、今回はそんなユーザーフレンドリーなサイトにするためのjQueryプラグインをまとめ... 続きを読む

レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」 | DesignDevelop

2013/08/18 105 users Webdesign Javascript シェア TOP

TOP > javascript , WebDesign > レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くの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で光を表現したい人のためのチュートリアルをまとめたエントリー「... 続きを読む

WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」 | DesignDevelop

2013/07/28 148 users Webdesign design エフェクト CSS TOP

TOP > Design , WebDesign > WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」 WEBデザインは日々進化していて、最近では、フラットデザインも大きな一つのジャンルになりつつあり、シンプルなデザインだけに、ちょっとした動きやエフェクトが大事だったりします。今日... 続きを読む

次のレベルまで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... 続きを読む

(1 - 25 / 70件)

次の25件 »