サイト構築

写真やイラストなどの画像からカラーを抽出し、Pantoneや塗料の色番号を表示するオンラインサービス -Impalette

Post on:2017年7月10日

写真やイラストなどの画像からカラーを抽出し、Pantoneカラーやペイント系・建築系の塗料カラーの色番号を表示するオンラインサービスを紹介します。 画像からカラーを抽出するのはいくつかありますが、ほとんどは4,5色と色数

...記事の続きを読む

デザインの引き出しを増やしておこう!最近のWebサイトで見かけるデザインの新しいテクニックのまとめ

Post on:2017年7月6日

新しいデザインを見かけるとワクワクしますよね! 2017年も半年が過ぎ、さまざまな新しいデザインを見かけるようになりました。最近のWebサイトで見かけるデザインのテクニックとその使い方を紹介します。 3 Essentia

...記事の続きを読む

実装が非常に簡単!アニメーションに対応したSVGアイコンと埋め込みコードがセットになったライブラリ -Titanic

Post on:2017年7月5日

アニメーションするSVGアイコンもそれを実装するJavaScriptも、ゼロから作成すると時間がかかります。 Webページやスマホアプリでよく使用するさまざまなアイテムが用意された、アニメーションに対応したSVGアイコン

...記事の続きを読む

Photoshopで一手間加えるとこんなに違う!思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方

Post on:2017年7月4日

Photoshopにはノイズを加えるために、フィルタ「ノイズ」があります。しかし、そのまま適用するだけでは思った通りのノイズを作成することができないかもしれません。 一手間加えて、思い通りのかっこいいノイズを加えたグラデ

...記事の続きを読む

[CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ

Post on:2017年7月3日

レスポンシブ対応のレイアウトはどのように拡大・縮小させるのか、また縦・横に積み重ねるのかに大別されます。 ブラウザいっぱいに表示する1カラム、サイドバーを備えた2カラム、2カラムを均等に分割したスプリットスクリーン、カー

...記事の続きを読む

最近のデザインでよく見かける色相を変化させた美しいグラデーションがまとめられた無料素材 -coolHue

Post on:2017年6月30日

最近のWebサイトやスマホアプリのデザインで人気が高い、色相を変化させた美しいグラデーション素材を紹介します。 Photoshop, Sketchのグラデーション素材として、またコードベースで利用することもできます。 c

...記事の続きを読む

Webページのレイアウトをはじめ、大きな画像から小さな要素まで、黄金比を使ったデザインに利用できるPhotoshop用のデザイン素材

Post on:2017年6月28日

Webページのグリッドをデザインする時に、FacebookやTwitterなどのカバー画像をデザインする時に、プロフィールやアイコンなどの小さな要素をデザインする時に、黄金比を使ったグリッドを利用できるPhotoshop

...記事の続きを読む

CSSが苦手な人、CSSを書く時間がない人に最適!見栄えのよいページを簡単に作成できるスタイルシート -sakura

Post on:2017年6月28日

CSSの知識は必要なく、そして時間もない時に、簡単にいい感じのデザインになるCSSのフレームワークを紹介します。 CSSが苦手な人に、バックエンドで作業する用の即席プロトタイプにも最適です。 既存のHTMLに一行、もしく

...記事の続きを読む

Bootstrap 4のさまざまなコンポーネント・レイアウトの実装方法がすぐ分かる便利なチートシート

Post on:2017年6月26日

Bootstrap 4のグリッドの作り方、カード型コンポーネント、ナビゲーション、カルーセル、フォームなどの実装コードとどのように実装されるかが一枚のページにまとめられた、Bootstrap 4のチートシートを紹介します

...記事の続きを読む

[CSS]テキストが長いとレイアウトが崩れる!予期せぬコンテンツに対応するためのスタイルシートのテクニック

Post on:2017年6月23日

テキストとアイコンを横並びさせたボタン、カテゴリのテキストを配置したラベル、ラベルが長いフォームなど、これらのテキストが長いとレイアウトが崩れてしまうことがあります。 レイアウトが崩れてしまう予期せぬコンテンツに対応する

...記事の続きを読む

 Prev 1 2 3 4 5 ... 386 387 Next

top of page

©2017 coliss