CSS

FontAwesomeのアイコンを使ってSNSボタンのパーツを作る

今回のカスタマイズに当たってFont Awesome というWebフォントのアイコンを使ってソーシャルブランドのSNSボタンのパーツを作ってみましたので、その使い方を紹介します。

頑張って編集したCSSがなぜか反映されない。原因探しに更に時間がかかってしまいます。こここの記事ではありがちなCSSが反映されないパターンを紹介します。覚えておくときっと時間の短縮に役立ちますよ！

サイトの見た目を少し変えたいなー、と言う場合はCSSを編集することになると思います。使用者の多いテンプレートは見た目が被ってしまうのでイヤと言う人もCSSを覚えれば差別化を図れるので挑戦してみるのもアリですね。

スクロールに応じてサイドバーの要素を固定させる、position: sticky;の使い方を詳しく解説しています。floatレイアウト→flexレイアウトへの変換も実践紹介していますので、ネチネチついてくるサイドバーを実現したい方は、是非参考にしてみてください！

グラデーションで作られたかっこいい背景を簡単に適用できるCSS、「HUE」を紹介します。49種類の背景を、クラス指定のみで適用可能なCSSパッケージ内の全サンプルを掲載しています。