Web制作に役立つ情報一覧

パントンカラー全1320色をCMYK値に変換したチートシート Pantone Color Bridge Plus ＆ CMYK

2019/02/14(Thu) 10:34

PhotoshopやIllustratorなどで作成したデザインを印刷するとき、CMYK（C：シアン／M：マゼンタ／Y：イエロー／K：ブラック）の4色で表現するプロセスカラー印刷が一般的です。

http://photoshopvip.net/113951

CSSリセットにも新しい動きが！最近の実装に合わせて、見直すきかっけになる新しいCSSのリセット -CSS Remedy

2019/02/13(Wed) 09:57

Mozilla Developerによる新しいプロジェクトで、後方互換性を備えつつ、現在のデスクトップやスマホの環境に合わせたCSSリセットです。

https://coliss.com/articles/build-websites/operation/css/cssremedy.html

CSSセレクタのチートシート

2019/02/12(Tue) 09:58

CSSのセレクタのチートシートです。コードはコピペできるようになっています。

https://webliker.info/css-selector-cheat-sheet/

position: sticky;の仕組みや実際の使い方が分かると便利！仕様から実装方法までをやさしく解説

2019/02/07(Thu) 09:53

position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける（スティッキー）便利なプロパティです。

https://coliss.com/articles/build-websites/operation/css/css-position-sticky-how-it-really-works.html

商用可で無料！シンプルで使いやすい1000＋個のフリーアイコンをダウンロードできる Unicons

2019/02/06(Wed) 09:49

ウェブ制作はもちろん、ブログ運営や資料・スライド作成まで、なにかと重宝するアイコン素材。今回は、1000個以上のフリーアイコン素材を自由に無料ダウンロード、商用利用できる Uniconsをご紹介します。

http://photoshopvip.net/113763

ハンバーガーメニューを簡単に実装できる、プレーンなHTML/CSSとReactコンポーネント -Animated Burgers

2019/02/06(Wed) 09:48

プレーンなHTMLとCSS、またはReactコンポーネントとして利用可能なハンバーガーメニューを紹介します。

https://coliss.com/articles/build-websites/operation/work/animated-burger-menu-components.html

Web制作に役立つ、Chrome 72 デベロッパーツールの新機能のまとめ

2019/02/05(Tue) 09:54

先週の1/29にリリースされたChrome 72に伴い、デベロッパーツールも新機能がアップデートされました。Web制作に役立つ新機能を紹介します。

https://coliss.com/articles/build-websites/operation/work/devtools-new-features-in-chrome72.html

色の組み合わせ方の参考にいい！Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color

2019/02/04(Mon) 09:57

指定したカラー、画像、Webページなどをベースに、カラーパレットを生成し、カスタマイズできる無料のオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/building-and-exploring-color-pallets.html

2019年のフォントはこれで決まり！トレンド対応の無料フリーフォント厳選60個まとめ

2019/02/04(Mon) 09:57

その年に注目したいデザイントレンドが毎年発表されますが、どのようなフォントや書体を実際に利用すればよいのでしょう。

http://photoshopvip.net/113726

CSS Flexboxのレイアウトで起きる厄介な問題をJavaScriptを使用せずに、解決するテクニック

2019/02/01(Fri) 09:52

CSS Flexboxの利点は柔軟なレイアウトを行えることです。しかし、そのフレキシブルさがネックになってしまうことがあります。

https://coliss.com/articles/build-websites/operation/css/css-flexbox-holy-albatross.html