商用利用無料!ミニマルにデザインされたUIエレメントやコンポーネントが揃ってるCSSのライブラリ -Papier

Post on:2015年1月9日

セマンティックな実装で、レスポンシブ対応のミニマルにデザインされたかわいいUIエレメントやコンポーネント、グリッドが利用できる超軽量(2.5KB)のCSSライブラリを紹介します。 MIT Licensesで、個人でも商用 […]

角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法

Post on:2015年1月8日

角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか? 親と子のカーブを同じにしたり、親のカーブを緩やかにしたり、その時の見た目でデザインすることもあるかもしれません。 こういった時の一 […]

[CSS]水平ナビゲーションの各アイテムをホバー時に、くるくるっと回転させるテクニック

Post on:2015年1月8日

ナビゲーションの各アイテムをホバーすると、くるくるっと気持ちいいアニメーションで回転させるスタイルシートのテクニックを紹介します。 HTMLは非常にシンプルなので、簡単に利用できると思います。

2015年、現在のWebデザインを確認しながらこれからのトレンドを探る

Post on:2015年1月7日

Webデザインは常に進化しており、活気にあふれている世界です。現在のWebデザインの状況を確認しながら、2015年の予測されるトレンドを紹介します。 Webデザイナー・ディレクターだけでなく、Web制作に携わる人は知って […]

工夫のあるUIがいい!CSSで円・楕円・多角形などのクリップパスが簡単に作成できるオンラインサービス -Clippy

Post on:2015年1月7日

CSSの「clip-path」を使い、円・楕円・多角形などのさまざまな形状のクリップパスが簡単に生成できるオンラインサービスを紹介します。 UIも随所に工夫がある非常に使いやすいデザインになっています。 Clippy

デザインやファッションに取り入れたい2015年のトレンドカラー、春のトレンドカラー16色は落ち着いたパステル!

Post on:2015年1月6日

Pantoneが2015年セレクションしたカラーは、紫みの赤と茶を合わせた「Marsala(マルサラ)」。好みがはっきり分かれそうなカラーですね。 今回はダウンロード素材として、Marsalaを含む2015年 春のトレン […]

2014年総まとめ:Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ

Post on:2014年12月26日

2014年、当サイトで公開した記事の中からPocketにたくさん登録された記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 コリス

2014年、フォント好きのための高品質なすごいフリーフォントのまとめ

Post on:2014年12月25日

2014年にリリースされた英語のフリーフォントの中から、高品質なものを厳選して紹介します。 ウェイトやグリフが揃っているものも多いので、タイポグラフィの勉強にも役立ちます。 日本語フォントをお求めの方は下記をどうぞ。 2 […]

Webデザインで魅力的なビジュアルを作りだすパステルカラーの効果的な使い方

Post on:2014年12月24日

Webデザインでパステルカラーを使うのは最近のトレンド、またはそれ以上といってもよいでしょう。魅力的なビジュアルを作るために、デザイナーがマスターしておきたいパステルカラーの効果的な使い方を紹介します。 「パステル」と聞 […]

CSSの素晴らしいアイデアが満載!2014年スタイルシートのテクニックのまとめ

Post on:2014年12月22日

これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 今年もCSSの進化がすごかったですね。 Form Buttons with Love ホバー・ク […]

top of page

©2026 coliss