2022年1月28日（Amazonは1月31日）に発売される「現場で使える Webデザインアイデアレシピ」は、先日校了をむかえて現在出版準備中です。2021年6月から執筆開始してようやくここまでたどり着きました。その著書を5名様にプレゼントします！

Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。2022年に入って見直しをし現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。

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

マーケター視点、不動産業界に特化している、ツールを使用して作成された、スマートフォンのみ、など目的ごとにWebデザインを閲覧することができるギャラリーサイトを７サイト紹介します。

デザイナーやクリエイターへTwitterの投票機能を利用して日頃からアンケートをとっております。ワークスタイルについての回答が集まってきたのでまとめてみました。デザイナーやクリエイターの制作スタイルをぜひ参考にしてみてください。

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

アイコンやイラストの素材はいくらあっても足りないもの。特にWebサイトで利用する場合、サイト全体で一貫したテイストで表現したいため、大手の素材サイトでは難しいこともしばしば。そこで今回はサイト内で一貫したテイストであり、無料でアイコンやイラストを配布しているサイトを8つ紹介します。素材で困ったらまずはこちらを見てみてください。

Web制作はデザインやコーディングの知識だけでは成り立たず、制作前後にも重要な工程はたくさんあります。しかし、作り方にばかりフォーカスが当たり、契約や法律周りの情報、ディレクション、Web運用などの知識はおざなりにされがちなのが現状。そこで今回はWebサイト制作と、その前と後を学べる書籍を6冊紹介します。特に独学フリーランスは情報が抜けがちなので、これらの書籍から一通り知識を身につけておくことをおすすめします。

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

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

覚えておくと便利な現場で使える CSSデザインTipsを9個紹介します。いざという時に使えるものばかりですので、ストックしておくことをおすすめします。

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