デザインを開発するという視点でお伝えするクリエイティブBLOG
皆様、新年あけましておめでとうございます。
2016年もDesigndevelopを応援・閲覧して頂き、本当にありがとうございます。最近は更新頻度が滞っており、質ではなく量での優位性をもって、デザインや開発を行っている方に貢献するというブログの軸が少しズレてしまっていました。
開設当初は最低でも毎日2件、多い日はもっと数多くの記事をお届けしていましたが、最近では1週間でも2〜3本になってしまっていました。新年ということで改めて当初のコンセプトを再度認識し進んでいきたいと思います。
記事の編集・発信については今までと変わらず、Designdevelopという名前の通り、主にフロントエンドの開発周りから、デザインの際に役立つツールなど利用するものを中心に、今年は記事更新をなるべく行えるように仕組み化し、もっと多様性のある情報、多くのデザインや開発に役立つ情報を皆様にお届けできればと考えています。
2017年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。
webサイトのスマートフォン対応が一般的となり、双方に対応させるという作業は非常に増えてきています。そんな中今回紹介するのが、プロのサイト制作にも利用しやすいレスポンシブル対応のWordPressテーマをまとめた「New Collection of Premium WordPress Themes」です。
WordPress – Folio Two WordPress Edition | ThemeForest
洗練された仕様から、個性的な仕様まで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
普段であれば、装飾の多く入ったフォントは扱いにくく、敬遠されることも多いと思います。しかしクリスマスなど、テーマが明確なイベントであれば、そういったフォントはとても効果的にイメージを伝えることができるのではないでしょうか。今回紹介するのはそんなフォントの中でも、クリスマスフォント向けに厳選された「20 Handpicked Christmas Fonts and Typography Examples」です。
クリスマスをテーマにさまざまなデコレーションが施されたフォントが20種紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
イラストレーションから風景、革や壁、アニメまで様々なアートワークのPhotoShopチュートリアルが100個紹介されています。フィルタを駆使していくものから、ブラシを使って絵を描いていくものまで幅広いチュートリアルが公開されています。
どれもクオリティの高い作品がならんでいて、英語にはなりますが、photoshopのスクリーンショットを用いて開設されていますのでなんとか理解できるレベルだと思います。
詳しくは以下
デザインの縁取りや装飾に利用されるフレーム。ブラシ形式の素材として持っていると、手軽に描き出すことができて非常に便利です。今回はそんなフレームブラシまとめ「20+ Free Frame Brushes To Download」を紹介したいと思います。
アンティーク・ゴージャスな雰囲気をプラスできるテイストのブラシが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WordPressでYouTubeを貼付けるとなぜかフォーマットが崩れてしまい困っていました。調べてみるとYouTubeの埋め込みタグをリッチテキストエディタのソース編集でコピペするとどうもタグの一部がカットされてしまうようで、正常に表示されなかった模様です。
解決方法としてユーザー設定からリッチテキストエディタの使用をOFFにすればいいのですが、リッチエディタもたまに使うからともう少し調べてみるとYouTube動画を簡単に貼付けられるプラグイン「Noembedder」を見つけましたので紹介したいと思います。
1.「Noembedder WordPress Plugin」からプラグインをダウンロード
2.ロ−カルで解凍後フォルダごと「wp-content/plugins/」へアップロード
3.管理画面から[Noembedder]を有効化
詳しくは以下
webデザインを行う際にはテーマカラーを決めてデザインすることも多いかと思います。そこで今回紹介するのは、パープルをテーマカラーとしたwebサイトデザイン集「Examples Of Using Purple Color In Custom Web Design」です。
さまざまなトーンのパープルカラーを基調としたwebデザインが集められています。なかなかテーマカラーとして使用するのは難しいパープルを上手に使って美しいデザインに仕上げたものばかりです。気になったものをいくつかピックアップしていますので、下記よりご覧ください。
詳しくは以下
医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。
Vector Medic – Download Free Vector Art, Stock Graphics & Images
医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。
詳しくは以下
webサイトを制作する上で、必ず必要となるグローバルナビは、ユーザーがもっとも多く通過する重要な要素となっており、グローバルナビの分かりやすさ使いやすさは、webサイトの最重要課題ではないでしょうか？そこで今回紹介するのは、デザイン性が高く、ユニークな動きを手軽に取り入れることができるグローバルメニュー用JQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」です。
（Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops）
どんなサイトにも使いやすいシンプルなデザインから、ポップで印象的なデザインまでさまざまなグローバルメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
wordpressを使って構築されているサイトは非常に多く、フリーのテーマを使用することでより手軽にクオリティの高いデザインに仕上げることができます。そんな中今回紹介するのは、洗練されたデザインが揃ったフリーwordpressテーマ集「Free WordPress Themes for December 2014」です。
Life Is Good WordPress Theme – Daniel-Klose.com
最新のフリーwordpressテーマが数多くまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
