【 gulp 】 超便利！ Sass で Normalize.css などをインポートする方法。
ふと立ち上がった瞬間に、ホットマットを猫に奪われる@It_is_Rです。 全然どいてくれない。 今回は gulp を使って、 Sass ファイルから Normalize.css などをインポート（読み込む）する方法を紹介 […]
...read more
リセットCSS は何を使う？ おすすめ８選（コピペも可能！）
Web開発でブラウザごとの表示の違いをリセットしてくれる リセットCSS というものがあります。 しかし、何を使っていいのかと感じている人もいると思います。 今回はこの リセットCSS について、この記事にまとめました。
...read more
【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。
手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パーツごとにCSSを書いていた […]
...read more
SCSS vs SASS どっちが便利か違いを比較。おまいら SASS 使えよ！
CSS を書くときに、 Sass はもう手放せません。 @It_is_R です。 さて、今回のテーマとなる Sass の表記には、2種類ありますよね。 SCSS と、 SASS です。 この2つは、表記の方法が全く異なり […]
...read more
BEMによるCSS設計の方法を解説。命名規則から使い方まで。
完璧を求めすぎて、平均以下な@It_is_Rです。 CSSは比較的簡単なものですが、CSS設計をしっかりしておかなければ、余分なコードが多くなったり、後から修正が大変になったりしてこまることになります。 コーディングルー […]
...read more
KSSでスタイルガイドを作る方法。インストールと使い方。
そのうちWordPressのテーマを作る方法の解説とかしたいなーと思っている@It_is_Rです。 いま準備中ですので、もうちょっとお待ちくださいねー。 そして今回ですが、KSSを使ったスタイルガイドを作る方法を紹介した […]
...read more
gulp4完全攻略ガイド。インストールから使い方まで徹底解説！
幸せそうな人を見ると、転べって思います。@It_is_Rです。 Webページを制作するとき、sassをcssに変換して使用することが多いと思います。 今回はgulp4の使い方を、インストールから詳しく紹介していきたいと思 […]
...read more
CSSでの円の作り方と、その上下左右中央に文字を表示する方法
サイトを作る時、円形のパーツを作りたい時ってよくありますよね。 円はCSSで簡単に作ることができます。 さらに今回はCSSで作成した円の中央に文字を置く方法も紹介します。
...read more