2021年を振り返る！Web制作関連の人気記事をあつめてみた

2021年3月11日からスタートしたPulp Noteは47記事を更新し、Googleで上位をキープできていることもあるからか、多くの方に読んでいただけるブログとなりました。一年を振り返るという意味で記事の年間ランキングを公開したいと思います。読み逃している記事がありましたら、年末年始の間でぜひお楽しみください！

1位　CSSのみで実装するボタンデザイン30選

Web制作の現場でよく使ってきたCSSのみで実装するボタンデザインを紹介します。hover時のスタイルも合わせて公開しているので、そのまま利用することができます。主に自分用のデザインストックとして投稿しますが皆さんも使えるボタンデザインがあるかもしれません。ぜひあなたの現場でもご活用ください。

81,877pv

２位　CSS見出しデザイン21選

CSSのみで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。

81,480pv

３位　Flexboxレイアウト12選

現場で使えるFlexboxレイアウトを12パターン紹介します。flexboxを紹介する記事はたくさんありますが、知識のみで実例付きで紹介されているページはあまり見かけなかったので、本記事にて詳しく紹介していきます。
Flexboxに慣れていない方だけではなくコードを短縮化させたい方も対象の内容となっております。ぜひご一読ください。

61,525pv

4位　Web制作に便利なオンラインツール10選

Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。

39,271pv

5位　覚えておくと便利なCSSデザインTips 9選

これまでは画像で表現していたデザインを今ではCSSのみで実装できるものが多くなってきました。今回は覚えておくと便利な現場で使えるCSSデザイン Tips を9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。

39,064pv

6位　CSSのみで実装するボタン、テキストリンク、hoverスタイル19選

CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。

37,463pv

7位　無料の良質なアイコン・イラスト配布サイト8選

サイト内で一貫したテイストであり、無料でアイコンやイラストを配布しているサイトを8つ紹介します。素材で困ったらまずはこちらを見てみてください。

29,920pv

8位　IE終了後にWeb制作の現場で使えるHTML&CSSコード14選

マイクロソフトから正式にInternet Explorer 11 デスクトップアプリケーションのサポートを終了する発表がありました。もうそろそろIEを気にしなくても良い時期に差し掛かってきました。IE未対応で泣く泣くスルーしてきた即戦力なHTMLやCSSコードを14個紹介します。2022年6月以降のために今から知識を蓄えておいてはいかがでしょうか。

26,899pv

9位　Web制作が捗るChrome拡張機能12選

Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。私がよく利用しているChrome拡張機能を12個紹介します。

26,709pv

10位　Webデザインの参考になるギャラリーサイト11選

フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。

25,588pv

---

今年は執筆活動があり、7月で更新がストップしてしまいました。すみません。。書籍の出版は思ったよりも大変な作業でブログや他メディアの更新が途絶えてしました。ただ、得たものが大変多く、この経験をブログなどのWebメディアでも活かしていきたいと思います。来年は一時的な更新ではなく、頻度は少なくても定期的に投稿していきますので、2022年もどうぞよろしくお願いします！