【 gulp 】 超便利！ Sass で Normalize.css などをインポートする方法。
ふと立ち上がった瞬間に、ホットマットを猫に奪われる@It_is_Rです。 全然どいてくれない。 今回は gulp を使って、 Sass ファイルから Normalize.css などをインポート（読み込む）する方法を紹介 […]
...read more
リセットCSS は何を使う？ 2018年ランキング5選紹介。
世間では年があけたと大騒ぎですが、私はいつでもオープンです。@It_is_Rです。 祝ってください。 Web開発でブラウザごとの表示の違いをリセットしてくれる リセット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
gulpでsassをcssにコンパイル。インストール＆便利な使い方。
幸せそうな人を見ると、転べって思います。@It_is_Rです。 Webページを制作するとき、sassをcssに変換して使用することが多いと思います。 今回は、gulpを使ってsassをcssにコンパイルする方法や、使う上 […]
...read more
サイト制作に！！CSSでマウスオーバーボタンの作り方。
新年初の記事です。とりあえず、あけましておめでとうございます。@It_is_Rです。 お正月……おそーがつ……おそまつ……おそ松さん。新年早々くだらないこと言ってないで早く記事を書けって話ですね。 WEBサイトを作る時、 […]
...read more
CSSで文字を、円の上下左右中央ド真ん中に表示する方法。
体重が50キロを切りました。@It_is_Rです。身長は171あります。 骨っていうなー！ サイトを作る時、円形のパーツを作りたい時ってよくありますよね。画像を丸くして。。。なんてやっている人はいませんか？ 画像を使いす […]
...read more