[CSS]要素の幅指定widthとmax-width、どちらに100%と固定幅を指定すべきか

小さいスクリーンでは幅いっぱいに表示し、大きいスクリーンでは固定幅にする時、通常はwidthとmax-widthを使用します。
指定方法は「width: 100%; max-width: 600px;」でしょうか。

このwidthとmax-widthのどちらに100%と固定幅を指定すべきか、違いはあるのか? 同じなのか? そんな疑問を解決します。

要素の幅指定widthとmax-width、どちらに100%と固定幅を指定すべきか

A Tale of width and max-width

続きを読む

ちょっと珍しいブラシ素材 -鎖・チェーン・縄・紐・ロープ・配管・パイプ・電話線・ジッパーなどが自由に描けるよ

直線や曲線のパスに沿って自由に描ける、鎖・チェーン・縄・紐・ロープ・配管・パイプ・電話線・ジッパーなどの無料のブラシ素材を紹介します。

こういうのをゼロから作ると、けっこう手間がかかりますよね。

ブラシのキャプチャ

Vector Brushes Pack: 50 Material Brushes

続きを読む

この秋、デザインやイラストに使いたい新色5色を含む全10色 -2016年秋のトレンドカラー

東京も早く梅雨明けしないかなようやく梅雨明けした(7/28)、今日この頃。
一足先に、秋のエッセンスを表現した素敵なカラーをPantoneから紹介します。

デザインやイラストに使えるPhotoshop, Illustrator用のカラースウォッチもあります。

サイトのキャプチャ

FALL 2016 Pantone Fasion Color Report

続きを読む

Webデザインのプロのテクニックを非常に簡潔に分かりやすくまとめた -Web Design in 4 minutes

Webページやブログ、プロダクトページ、ポートフォリオなど、ちょっとした工夫でプロがつくったかのようにかっこよく、魅力的に見せるテクニックを4分で学べるコンテンツを紹介します。

サイトのキャプチャ

Web Design in 4 minutes

続きを読む

ハートや動物など、スマホのかわいい絵文字をパソコンやブログでも表示できるようにする -Emoji One

ハート、動物、スマイル、食べ物、飲み物、スポーツ、シンボル、うんち君など、スマホのかわいい絵文字をWindowsやOS Xのパソコンでもカラーでかわいく表示できるようにする完全無料のサービスを紹介します。

パソコンで見る時に絵文字にでき、また自分のブログを絵文字対応にもできます。

サイトのキャプチャ

Emoji One
Emoji One -GitHub

続きを読む

カメラマンや写真好きの人のためのPhotoshopとLightroomの操作をまとめたチートシート

カメラマンや写真好きの人のためのPhotoshopとLightroomの操作をまとめたチートシートを紹介します。
OS XにもWindowsにも対応しています。

サイトのキャプチャ

Adobe CC Photographers Cheat Sheet

続きを読む

CSSのすごいアイデアから実用的なテクニックまで!スタイルシートの最新テクニックのまとめ

最近のWebサイトやアプリで見かけるアニメーションを使った操作が気持ちいいUIエレメントを実装するスタイルシートを紹介します。

デモではHTMLやCSSのコードが掲載されているので、コピペで簡単に利用できます。
※一部JavaScriptも必要最小限で使用しています。

スタイルシートの最新テクニックのまとめ

イラスト: Girls Design Materials

続きを読む

Webサイトやアプリ、紙のデザインで使える!クレジットの記載なしで商用利用できるフォントとグラフィック素材

Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでもクレジットの記載なしで、安心して商用利用できるフォントとグラフィック素材を紹介します。

今回は総額$656(約70,000円)分のセットが$29(約3,000円)で購入できるところ、コリスのビジター全員に20%オフ(約2,400円)のクーポン進呈。
そしてセットまるごと全部を3名様にプレゼントします!

プレゼントの応募期間は、2016年7月28日で終了しました。
20%オフクーポンのみ、7月29日まで受け付けます。

有料フォントとグラフィック素材をプレゼント

The July Bundle

続きを読む

 1 2 3 4 5 ... 680 681 Next

top of page

©2016 coliss
o