サイト構築 -実装
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
Post on:2017年3月7日
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコ […]
Flexboxでレイアウトを作成する時に覚えておきたい、子要素がどのようにサイズ変更されるかアニメーションで解説
Post on:2017年3月3日
普通にレイアウトするのであれば、FlexboxでもFloatでもそんなに変わりなく利用できます。Flexboxは、flex（収縮する）の名の通り、収縮してサイズ変更できることが大きな特徴です。 Flexboxを使ってレイ […]
商用で安心して使える、手書きのかっこいい！かわいい！有料デザインフォントをプレゼント -LeoSupply.co
Post on:2017年3月3日
Creative Marketでも人気のデザイナーが作成した、完全手書きのかっこいい・かわいいデザインフォントのお買い得なセットを紹介します。 紹介だけでなくアフィリエイトを還元して、6名様にこのセットをどーんとプレゼン […]
ロゴデザインの勉強にブックマークしておきたい！圧倒的なボリュームでアイデアが広がる -Logobook
Post on:2017年3月2日
世界中のブランドや会社のロゴ、シンボル、トレードマークをコレクションしているサイトを紹介します。 ロゴをデザインする時の勉強に、また単に眺めているだけでも楽しめます。 Logobook
サイト構造や画面遷移を分かりやすく見せる、サイトマップ・フローチャートを作成する要素がすべて揃った無料素材 -UX Flow
Post on:2017年3月2日
Webサイトやスマホアプリのサイトマップ・フローチャートを簡単に作成できるSketch用の無料素材を紹介します。 ラインやアローをはじめ、アイコン、ラベル、パネルなど、サイトマップ・フローチャートを作成するための要素がす […]
テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック
Post on:2017年3月1日
Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。 明るいニュートラルなカラー、暗い […]
プロペラがすごい！よく使うUI要素にあったデザインやアニメーション、レイアウトが簡単に利用できる -Propeller
Post on:2017年2月28日
最近見かける美しいデザインや気持ちいいアニメーション、レスポンシブ対応のコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトなど、人気が高いテクニックを効果的に取り入れて制作されたHTMLとCSSベースのフ […]
プロのWebデザイナーが使用している人気のツール、フォント、ワークフローなどのまとめ -Web Design Trend Report
Post on:2017年2月27日
プロのWebデザイナー、デベロッパーが実際に作業しているファイルを元に、Webデザインのトレンドをツール、カラー、フォント、エフェクト、ワークフローの観点から調査したレポートを紹介します。 安定して人気のあるトレンド、変 […]
[CSS]多様化したデバイスに対応！CSSで使いやすいブレイクポイントを的確に定義する方法
Post on:2017年2月23日
スマホは年々大型化し、スクリーンサイズは多様化しています。また、タブレットは小型化の傾向ですがさまざまなスクリーンサイズのものが流通しています。デスクトップもワイドスクリーンなど、わたし達が使用しているデバイスは非常に多 […]
[CSS]超軽量で快適！スクリプト無しで実装されたレスポンシブ対応のナビゲーション -Luxbar
Post on:2017年2月22日
デスクトップ、タブレット、スマホに対応した、通常のスタティックなヘッダやスクロールしても常に上部・下部に固定表示されるバーとして配置できるナビゲーションを実装するスタイルシートを紹介します。 スクリプトは一切無し、アニメ […]
sponsors
