サイト構築
2色・3色・多色、色の組み合わせ方が分かる配色に便利なオンラインツールのまとめ
Post on:2015年12月8日
デザインやイラスト、プレゼンなどのデータ、そしてファッションや料理など、色の組み合わせ・配色は非常に重要です。 指定した色をベースに、その色に合う組み合わせが分かる配色に便利なオンラインツールを紹介します。 2色を選択し […]
デザインもライセンスも使い勝手がいい！ミニマルに美しくデザインされたアイコン素材 -Nova
Post on:2015年12月7日
Webサイト、ブログ、アプリ、ワイヤーフレームなどに最適、小さいサイズでも見やすく分かりやすい美しくデザインされたアイコン素材を紹介します。 アイコンは有料版と無料版があり、無料版350種類はCC0 1.0の太っ腹ライセ […]
2015年、このWebサイトのデザイン・アイデアは見逃せない！「Website of the Year」 -日本からも2つのサイトが受賞！
Post on:2015年12月7日
審査員に世界中（日本も含む）の現役クリエイターを迎え、素晴らしいWebサイトを選出するCSS Design Awards主催の「Website of the Year 2015」が発表されました。 毎年楽しみにしている人 […]
[CSS]最近のWebサイトで見かけるコンポーネントを実装するチェックしておきたい便利なスニペットのまとめ -LittleSnippets
Post on:2015年12月4日
最近のWebサイトで見かける気持ちいいアニメーションを使った、ナビゲーション、画像、ボタン、カード型レイアウトなど、HTML5+CSS3で実装されたさまざまなコンポーネントのスニペットを紹介します。 LittleSnip […]
色の組み合わせ方を身につけよう: 棒グラフや円グラフなど、データをビジュアル化した際に効果的な配色
Post on:2015年12月1日
センスの良いカラーパレットを手に入れるのは簡単ですが、データを見せるための正しいカラーパレットを見つけることは非常に困難です。データの情報を正しく、効果的に伝える必要がある時に適したカラーパレットを紹介します。 Find […]
[JS]一歩進んだレスポンシブ用の画像配置！見せたいエリアを中心に配置を美調整するスクリプト -ResponsifyJS
Post on:2015年11月30日
レスポンシブ用に画像の表示幅・高さを変更する際に、その画像の主題にフォーカスエリアを設定し、そのエリアを中心に画像を表示できるスクリプトを紹介します。 フォーカスエリアは、それぞれの画像ごとに異なる指定が可能です。 Re […]
構図に役立つ！レイアウト、写真やイラストの構図に使えるPhotoshop用の黄金比の確認ツール -Golden Ratio
Post on:2015年11月27日
Webページのレイアウト、写真やイラストの構図に黄金比のパネルを重ねて確認できるPhotoshopの便利ツールを紹介します。 Golden Ratio
[CSS]レスポンシブ対応ページに役立つ機能がまとめられたFlexboxを使ったスタイルシート(Sass対応) -Ocssipital
Post on:2015年11月26日
レスポンシブ対応の柔軟なグリッドをシンプルに、そして簡単に実装することを目的に制作されたひな形として利用できるスタイルシートを紹介します。 レイアウトのベースに最適で、グリッドの設計、デバイスごとに異なるレイアウトや表示 […]
これはダウンロードしておきたい！美しいさまざまな質感のゴールドをデザインに適用できるすごい無料素材 -Goldish
Post on:2015年11月26日
ピッカピカのゴールド、つやつやのゴールド、ざらっとしたゴールド、延べ棒・金箔・砂金など、さまざまなゴールドの美しい質感をデザインに適用できる素材を紹介します。 通常は有料ですが今週末まで無料なので、この機会にダウンロード […]
[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ
Post on:2015年11月25日
縦長のランディングページなどで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。
sponsors
