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年もどうぞよろしくお願いします！
