GASSY’S BLOG

本業の傍らでプログラミングを習得中の、駆け出しエンジニアのブログです。

CSS関連オススメサイト

こんばんは、GASSYです。

緊急事態宣言明けから毎日がものすごいスピードで過ぎていってます。

振り落とされないように脳味噌フル回転です。

聞き慣れないワードのオンパレードで毎日クタクタですが、

こういった後には成長が待ってますので頑張り抜きたいところです。

 

さて、今回ですが、CSSの終わりとして私がよく参考にするサイトを紹介させていただきたいと思います。

フォント、カラー、画像、フレックスボックス、この辺調べる時大体見に行くサイトです。

特にフォントとカラーは見てるの飽きないです^^;

カラーを紹介しているサイト『原色大辞典』

Webサイトのカラーリング考えたりする時に良く見に行ってるサイトです。

私は和系の色が好きみたいで、このサイトの和色系を良く使ってました。

色味もさることながら、色の名称がカッコ良くて気に入ってます。笑

https://www.colordic.org/

フォントを紹介しているサイト『Font-familyメーカー』

Webサイトで使うフォントを紹介してくれています。

フォントも奥が深くて、このサイトずっと眺めてられるくらい楽しいです。

フォントひとつで本当ガラリと印象が変わりますよね。

https://saruwakakun.com/font-family

flexboxの使い方を紹介しているサイト

レイアウトを行うためによく使われるプロパティ、display:flex

このテクニックをわかりやすく紹介してくれてるのが

『もう迷わない!CSS Flexboxの使い方』です。

やり始めた当時全然うまく使えなくてかなりネットで使い方を紹介したサイトを探し回ったのですが、

個人的にはこれが一番わかりやすくて、後々まで見続けてました。

最近はさすがに見なくてもだいぶ使えるようになりましたけど、

やっぱりたまに見に行ったりして確認してます。

https://webdesign-trends.net/entry/8148

サンプル画像をランダムに当てる時に使うサイト『Unsplash』

サイト構築時にサンプル画像としてあてに行く時のソースとして使ってます。

CSSの方で読み込むと反映してくれるようになるのですが、

これのランダムが結構便利で、ポートフォリオサイトとかにそのまま使ってました。

写真もちゃんとしたフォトグラファーが撮ったものが多いのでカッコいいやついっぱいあります。

https://source.unsplash.com/

 

 

以上、個人的にお世話になっているCSS関連サイトになります。

また何かいいもの見つけられたら紹介したいと思います。

 

ではでは!