神は細部に宿る、デザインの徹底的なこだわりがすごいクリエイターたちのポートフォリオサイトのまとめ

Webデザインのセンスを磨く方法の一つは、優れたデザインを数多く見ること。
デザインの細部に至るまでの徹底的なこだわり、気持ちのいいインタラクションやアニメーション、素晴らしいアイデア満載のUIを備えたWebサイトを紹介します。

時間がある時にじっくりお楽しみください!

サイトのキャプチャ

Alex Motzenbecker
たくさんのパネルが3Dのアニメーションで気持ちよくコンテンツを生成します。メニューにある5つのコンテンツは、どれも異なるアニメーションです。

サイトのキャプチャ

Armand Biteau
2分割されたレイアウトをスクロールのタイミングをずらして効果的に見せています。スクロールというより、スライドさせるのは面白いアイデア。

続きを読む

[CSS]Chromeの新バージョンをサポートしたNormalize.css v6.0.0がリリース、いくつかの重要な変更点に注意

ブラウザごとに異なるHTMLの各要素のスタイルを消去(Reset)するのではなく、スタイルを正常化(Normalize)するNormalize.cssが、2017年3月26日にアップデートされました。
2016年10月3日リリースされたv5.0.0から、いくつか重要な変更点があります。

サイトのキャプチャ

Normalize.css
Normalize.css -GitHub

続きを読む

CSS Grid Layoutを使う前に知っておきたい、floatやflexboxなど既存の実装にどのような影響を与えるか

CSS Grid Layoutは先日リリースされたChrome 57がサポートし、デスクトップ用のすべてのブラウザで利用できるようになりました。

floatやflexbox、vertical-alignやinline-blockなど、Webページでよく使用するレイアウトの実装に、CSS Grid Layoutがどのような影響を与えるかについて紹介します。

サイトのキャプチャ

Grid “fallbacks” and overrides

続きを読む

商用利用無料、春の草花を水彩タッチで描いたベクター素材 -Spring Decoration

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント!
もちろん個人でも商用でも無料で利用できます。

今回は、春の草花を水彩タッチで描いたかわいいベクター素材です。

素材のキャプチャ

続きを読む

ランディングページをデザインする時に役立つレイアウトのアイデアがまとめられたPhotoshop, Sketch対応の素材

企業サイト、プロダクト、コマース、ポートフォリオ、ブログなど、ランディングページ用の120種類のレイアウトとUIエレメントのデザインのアイデアがまとめられたUI素材を紹介します。

高価な有料素材ですが、今週末まで無料なので、ダウンロードはお早めに!

ランディングページ用のUI素材

続きを読む

[CSS]デスクトップ・スマホ対応、浮かんだり光ったりアニメーションするボタンを簡単に実装できるスタイルシート

外部ファイルを一つ加えるだけで、さまざまなボタンを簡単に実装できるスタイルシートを紹介します。

鋭角や角丸の矩形、楕円形、ハンバーガーメニューに使われる円形、グラデーションやフラット、ゼリーみたいなボタンもあります。

デモのキャプチャ

Bttn.css
Bttn.css -GitHub

続きを読む

[CSS]文字の半分で異なるカラーを指定するCSSのテクニック -こういうのを思いついた時って絶対楽しい!

文字の半分で異なるカラー、ブラックとホワイトにするCSSのテクニックを紹介します。もちろん、他のカラーでも利用でき、レスポンシブにも完全対応しています。

最近増えてきた2分割のレイアウトにも使えますね。

デモのキャプチャ

Vertical split layout text effect

続きを読む

Webでも紙でも商用利用OK!約20000円分の有料のかわいい水彩素材が無料でダウンロードできます

400種類以上のアイテムが揃った、約20000円分の有料のかわいい水彩素材のセットが期間限定で無料でダウンロードできるので紹介します。

先週紹介した際は登録のみの受付でしたが、ダウンロードできるようになりました。何人かの方よりダウンロード方法が分からないと連絡をいただいたので、詳しく説明します。

サイトのキャプチャ

The Free Watercolor Bundle

続きを読む

 1 2 3 4 5 ... 710 711 Next

top of page

©2017 coliss