サイト構築 -実装
ガイドラインや指示書の作成が楽になる！エレメントやマージンのサイズを書き出してくれるPhotoshopのスクリプト -Size Marks
Post on:2014年10月30日
エレメントやマージンなど、指定した箇所のサイズを新規レイヤーに書き出すPhotoshopのスクリプトを紹介します。 個人でも商用でも無料で利用でき、ライセンスはMIT licenceです。 Size Marks -Git […]
ぷるるんと動くアニメーションが気持ちいい！新感覚のナビゲーション -Gooey pagination
Post on:2014年10月30日
コンテンツスライダーや縦長ページのナビゲーションでよく見かけるビュレットタイプのナビゲーションをかわいいアニメーションで実装するテクニックを紹介します。
これは使える！レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
Post on:2014年10月27日
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビュー […]
Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit
Post on:2014年10月27日
BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu […]
Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive
Post on:2014年9月9日
レスポンシブとアダプティブ、そしてリキッドとスタティック、Webデザインの代表的な4つのレイアウトの特徴と相違点を実例見ながら学ぶコンテンツを紹介します。 Liquidapsive (Liqui-dap-sive)
Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
Post on:2014年7月18日
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Googl […]
新人デザイナーにオススメ！デザインの要素と原則への理解をアニメで深める動画 -Elements of Design
Post on:2014年7月17日
デザインのさまざまな要素と原則を非常にセンスのいいアニメーションでまとめたショートフィルム「Elements of Design」を紹介します。
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
Post on:2014年7月3日
2014年上半期、チェックしておきたいUIデザインをDribbbleから紹介します。 各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。 アートワーク […]
2014年のロゴデザインのトレンド -2014 Logo Trend Report
Post on:2014年5月14日
ウェブデザインと同様に大手ブランドもロゴのデザインを変更しています。最近では、日本ハム、三菱電機、村田製作所など、また一昔前では話題になったGAP、Twitter、スターバックスなども。 好みはありますが、リデザインした […]
デザインやファッションに取り入れたい2014年のトレンドカラー、春のトレンドカラー12色も魅力的！
Post on:2014年1月6日
Pantoneが2014年セレクションしたカラーは、鮮やかに咲き誇るランをイメージさせる淡くピンクがかったパープル「Radiant Orchid」。 今回はダウンロード素材として、Radiant Orchidを含む201 […]
sponsors
