サイト構築 -実装
使えるフォントのバリエーションを増やそう！人気の高いかわいいデザインフォント -Ian Mikraz
Post on:2015年7月6日
フォントのストックが増えると、デザインで表現できる幅が広がります。 かわいいデザインの有料フォントをコリスのビジターにプレゼントします！ 応募期間は、2015年7月9日で終了しました。 6 Premium Fonts B […]
Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ
Post on:2015年7月6日
Bootstrapなどのフレームワークは無し、HTML5とCSS3のシンプルなコードをベースに、jQueryなどでいろいろなインタラクションやアイコンフォントなどを使ったレスポンシブ対応のテンプレートをTemplated […]
UIの新鮮なアイデアをチェック！デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ
Post on:2015年7月2日
最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。 アニメーションを使ったインタラクションやデザインが […]
UIデザインで大切な空白スペースの効果的な使い方
Post on:2015年7月1日
空白スペースは単なる美ではありません、ユーザインターフェイスの成功への鍵です。空白スペースがWebデザインやUXデザインにおいてどのように使うと効果的に機能するかを紹介します。 Why White Space Is Cr […]
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
Post on:2015年7月1日
CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオン […]
デザインの勉強にいい！有名ブランドのガイドラインのまとめ
Post on:2015年6月30日
Apple, Microsoftをはじめ、Sony, IBM, Intel, Adobe, Dell, FedExなど、有名ブランドのデザインガイドラインを紹介します。 スタバ、ケンタ、Heineken、NASA、LEG […]
[JS]物理法則に基づいたさまざまなアニメーションを実装できるスクリプト -Dynamics.js
Post on:2015年6月30日
反発係数を使って弾み具合を変化させたり、運動量に応じて質量を変化させたり、引っ張ると引っ張り返され押すと押し返されるなど、物理法則に基づいた滑らかなさまざまなアニメーションを実装できるスクリプトを紹介します。 Dynam […]
Sketchの使い方: 初心者がマスターしておきたいSketchでのデザイン作業がぐっと効率的になるチップス
Post on:2015年6月29日
Sketchでのデザイン作業がより素早く、快適になるキーボードショートカットや機能を紹介します。 10 Sketch Tricks for Designers
Bootstrapでランディングページやポートフォリオを作ろうとしている人にぴったりなテンプレート -Start
Post on:2015年6月26日
プロダクトやアプリのランディングページ、ポートフォリオなど、レスポンシブ対応の縦長ページをレトロ風にデザインしたBootstrapベースのテンプレートを紹介します。 通常は有料ですが今週末まで無料なので、有料のテンプレー […]
Photoshopの使い方: 作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応
Post on:2015年6月25日
Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop F […]
sponsors
