サイト構築 -実装
これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
Post on:2015年8月12日
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトの […]
あまり知られていないけど超便利！Webデザイナー向けPhotoshopのショートカットのまとめ
Post on:2015年8月10日
Photoshopを使いこなすには、キーボードショートカットを覚えることも大切。Adobe系のショートカットは他のアプリより複雑ですが、用途が広く、非常に便利なものが揃っています。 数多くあるショートカットの中から、We […]
[CSS]レトロなデザインがいいね！CSSアニメーションで実装されたローディング用のスピナー
Post on:2015年8月10日
画像やJavaScriptは無し、それぞれdivタグ一つとCSSアニメーションで実装されたシンプルでかっこいいローディング用のスピナーを紹介します。 CSS Loading Spinners
[CSS]使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素
Post on:2015年8月7日
CSS3のセレクタには便利なものがたくさんあり、複雑なHTMLやJavaScriptを使用しなければ実現できなかったことが非常に簡単なコードで実装できます。 Webページでよく利用されるテクニックに役立つ便利な5つの疑似 […]
プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる
Post on:2015年8月6日
シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
Post on:2015年8月5日
Googleフォントでフォントを探す時は名前が分かっていれば簡単ですが、デザインやスタイルから探す時はなかなか大変です。 フィルタのカテゴリは、5つしか分類されていません。 Googleフォント
[JS]スマホアプリなどのデモ操作を見せる時により分かりやすく、タップしている状態をアニメーションで表現するスクリプト -TouchPoint.js
Post on:2015年8月5日
スマホアプリやWebアプリのプロトタイプやデモの操作を見せる時などに、スマホでのタップやデスクトップでのクリックを表現する波紋のアニメーションを簡単に実装できるスクリプトを紹介します。 ランディングページや使い方ページで […]
ベジェ曲線が苦手な人に！PhotoshopとIllustratorのペンツールで思い通りに描けるようになる知って得する2つのこつ
Post on:2015年8月4日
ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとI […]
Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ
Post on:2015年7月31日
上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける […]
Webデザイン、プレゼンや企画書に効果がある空白スペースを活かしたデザインの作り方
Post on:2015年7月30日
空白スペースとはテキストやイメージや飾りがないスペースのことで、明瞭や強調、グルーピングといったあなたのデザインを助けることができる重要なデザイン要素です。 デザインのセンスがアップする空白スペースを活かしたデザインの作 […]
sponsors
