デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。
歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。
詳しくは以下
季節的にすっかり街はクリスマスムードで、街にはクリスマスにまつわるものが溢れていますが、今日紹介するのはオーナメントやツリー、雪だるまなどなど、クリスマスの定番のモチーフをアイコンセットにした「Free Smashing Christmas Icon Set」です。
こちらのアイコンセットはベクターデータで配布されており、自由に大きさやカタチ、色などをカスタマイズすることができます。収録されているアイコンは以下の通りです。
詳しくは以下
WEBサイトを制作していると様々な要件があり、コンテンツの一つとして天気を表示させてほしいなどのオーダーを受ける場合もあると思います。今日紹介するのは無料で利用できるお天気アイコンセット30「30+ Sets of High-Quality Weather Icons for Free」です。
Sketcy Weather Icons Glow ed. by AzureSol
シンプルなものから、かなり書き込まれたものまで、様々なアイコンセットがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
手書き風のデザインというのは、アナログ感を演出し暖かい、柔らかい印象をもたせることができます。今回紹介するのは手書き風のデザインをするためのデザイン素材を集めた、フリーアイコン、テクスチャ、ブラシ、フォント集「50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts」です。
様々な種類の手書き風の素材が集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
高機能なサイトを作りたいけど、一からプログラムを組むのはちょっと…という方に向けて、今回は2013年で人気をあつめたプラグインを50種集めたエントリー「50 Most Useful jQuery Plugins from 2013」を紹介したいと思います。
Salvattore — A jQuery Masonry alternative with CSS-driven configuration
レスポンシブサイトに向けたものを中心に、様々なジャンルのプラグインが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
Jresponsive
レスポンシブなグリッドレイアウトが実現できるプラグイン。ウインドウサイズに合わせて要素の幅を縮小したり、１行あたりの表示数を変更することができます。
FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.
ウインドウサイズに合わせて自動的にfont-sizeとline-heightを調整してくれるプラグイン。１行あたりの文字数を調整できるので、読み易いコンテンツに出来そうです。
jQuery Selectric
htmlのselectボックスを装飾してくれるプラグイン。選択時にプログラムを実行できたりもするようで、高機能なselectボックスを実装したい時に重宝しそうです。
こうしてポピュラーなプラグインを一堂に集めると、2013年のWebの動向が見えてきますね。ここで紹介されているものを導入するだけでも、最新のトレンドに近づけていくことができるのではないでしょうか。
国内外で人気のCMS、Wordpress。幅広い種類のテーマが配布されていますが、今日はその中でも比較的新しく、なおかつクオリティが高く、無料で使えるwordpressのテーマを集めたエントリー「 55 Fresh & High Quality WordPress Themes 」を紹介したいと思います。
シンプルでスタイリッシュなものからアナログ表現と組み合わせた作りこんであるテーマから様々なテーマがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
デザイン制作に欠かすことのできないフォント自体にも、さまざまな種類のデザイン性を持つタイプがどんどん登場しています。そんな中今回は、さまざまなデザインに利用したい 9つのフリーフォント「Fresh and Free Fonts for January 2014」です。
（DK Fiebiger Eins font by David Kerkhoff – FontSpace）
形自体に個性が感じられるタイプのフォントがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。
iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。
詳しくは以下
アスキーメディアワークスさんに「WEB制作の現場で使うjQueryデザイン入門」を献本して頂きましたので紹介したいと思います。
まず本の内容に触れる前にドキッとさせられたのが帯のコピー。「もうプログラマーには頼らない
」、「javascriptはコピペ。クライアントの要求には応えられない」、「ゼロから始めてjQueryの制作力が身につく本」などと書かれていて、ライブラリを中心にパッケージを少し改変して利用していた自分にとってはかなり効いたコピーでした。そのコピーの通り内容は非常に分かりやすく、ゼロからの方でも順を追っていけば理解できるようになっています。
詳しくは以下
webサイト制作の必須アイテムとなっているアイコンは、フリーで公開されている作品も多いですが、テイストを合わせたアイコンを自分でそろえる必要があります。そんな中今回は、250種類以上のアイコンをセットにした「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」を紹介したいと思います。
web制作に利用しやすいアイコンが豊富に展開された、webデザイナーに嬉しいセットとなっています。
詳しくは以下
