しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則
Post on:2014年11月18日
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basi […]
スタイルシートの検証に便利!ページで使用しているプロパティがどのように使われているかが分かるChromeの機能拡張 -CSS Dig
Post on:2014年11月18日
表示しているWebページのスタイルシートとスタイルをブロックごとに解析し、ページで使用されているプロパティの一覧とそれぞれがどのようにどこに使われているかが分かるChromeの機能拡張を紹介します。 マージンが期待通りに […]
[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ
Post on:2014年11月17日
最近のWeb制作に役立つ、Sassのmixinのまとめを紹介します。 15 essential Sass mixins
iOS, Androidのさまざまなスマホ・タブレットのサイズやCSSでの値が一覧できるサイト -mydevice.io
Post on:2014年11月17日
さまざまなスマホやタブレットのサイズや解像度、それらのCSSでの値などが一覧できるサイトを紹介します。 mydevice.io
GitHubを使ったWeb制作のフローがよく分かる!GitHubの使い手になれるオススメの本 -GitHubの教科書
Post on:2014年11月14日
Web制作のフローにGitHubを取り入れたいけどGitもGitHubは難しそう。 どういう時にどの機能を使うのが便利なのか知りたい。 GitHub初心者から中級者のWeb制作者に、目からウロコとなるオススメの本を紹介し […]
[JS]ページの背景に、美しい幾何学状のアニメーションを簡単に実装できる超軽量スクリプト -particles.js
Post on:2014年11月14日
最近見かけるようになった背景にCanvasで描いた粒子でできたような幾何学状のアニメーションを簡単に実装できる超軽量スクリプトを紹介します。 ↓は静止キャプチャですが、優美なアニメーションで動きます。 particles […]
インクで描いたような手描き感が表現できるIllustratorのブラシ素材 -Ink Age Brush
Post on:2014年11月13日
個人でも商用でも無料で利用できる、インクで描いたような手描き感が表現できるIllustratorのブラシ素材を紹介します。 通常は有料ですが、今週末まで無料なので、ダウンロードはお早めに! Ink Age Brush P […]
デザインの参考になる!落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ
Post on:2014年11月13日
サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのペー […]
着眼点が面白い!レスポンシブに対応した有名ロゴデザインのまとめ -Responsive Logos
Post on:2014年11月13日
お馴染みのコカ・コーラ、シャネル、ナイキ、ディズニー、リーバイスなど、レスポンシブ(?)に対応しているロゴデザインをまとめているサイトを紹介します。 Responsive Logos
手描き風のかわいいベクター素材!花・花冠・草・葉・木などを使った飾り罫、コリス限定全員にプレゼント!
Post on:2014年11月12日
お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント! 今回は、手描き風の花や花冠、草や葉や木などを使った飾り罫のベクター素材です。もちろん個人でも商用でも無料で利用できます。
sponsors