Twitterで人気があったツイートまとめ – 2021年4月

私のTwitterアカウントでは、サイト制作の現場で使えるTipsやアイデアを発信しています。2021年4月で人気があったツイートをまとめてみました。ブクマに埋もれてしまって探すのが大変という方はこちらからチェックしてみてください。

  • 人気のツイート
Twitterで人気があったツイートまとめ – 2021年4月の画像

クリエイターにアンケート 2021 / 2-3

クリエイターを対象にWeb制作関連やフリーランスの働き方など、私が気になったことはTwitterの投票機能を利用してアンケートを実施しております。今回その結果をまとめて紹介しますので参考にしてみてください。

  • アンケート
クリエイターにアンケートの画像

お問い合わせフォーム最適化。改善しておきたい16の項目

お問い合わせフォームの入力を完遂し送信してもらうために改善しておきたい16のポイントを紹介します。サイトリニューアルの要望でよくある「お問い合わせ数を増やしたい」に応えるために最低限おさえておきたい情報をまとめました。ぜひ参考にしてみてください。

  • デザイン / UI
お問い合わせフォーム最適化。改善すべき16の項目の画像

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

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

  • デザイン / UI
Webデザインの参考になるギャラリーサイトの画像

Twitterで人気があったツイートまとめ – 2021年3月

私のTwitterアカウントでは、サイト制作の現場で使えるTipsやアイデアを発信しています。2021年3月の間で人気があったツイートをまとめてみました。ブクマに埋もれてしまって探すのが大変という方はこちらからチェックしてみてください。

  • 人気のツイート
Twitterで人気があったツイートまとめ – 2021年3月の画像

CSS見出しデザイン21選。コピペで実装できる見出しデザイン

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

  • HTML / CSS
CSS見出しデザイン21スタイル - シンプルな見出しデザインをご紹介の画像

初学者からWeb制作の現場まで何度も読み返したい本7選

Webサイト制作を学び始めた初学者の方におすすめの書籍を8冊紹介します。やさしく基礎だけを教えるという内容ではなく、学び始めから現場まで長く参考にできる書籍を集めました。まだチェックしていないものがありましたらぜひ手にとってみてください。

  • 書籍
初学者からWeb制作の現場まで何度も読み返したい書籍7選の画像

ボタンやテキストリンク、hoverスタイルをCSSのみで19パターン実装する

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

  • HTML / CSS
ボタンやテキストリンク、hoverスタイルをCSSのみで19パターン実装するの画像

春を感じる淡い色を集めてみた

色で悩むことが多く、特にテーマカラーの選択が難しいので目についた色は集めるようにしています。今回はその中でも春を感じる淡い色をご紹介します。季節感だけではなく、優しさ、やわらかさ、軽やかさを表現できますので、イメージに近いものでお悩みの方はぜひ参考にしてみてください。

  • カラー / 配色
春を感じる淡い色を集めてみたの画像

チェックしておきたい無料素材サイト – 写真 , イラスト , アイコン

いざという時に必要な写真やイラスト、アイコン素材。汎用性が高く使いやすい無料の素材配布サイトを集めてみました。ブログなど個人運用のサイトは無料のもので済ませておきたいもの。ぜひ一通り確認してみてください。

  • 素材
チェックしておきたい無料素材サイト – 写真 , イラスト , アイコンの画像

アコーディオンをCSSアニメーションとHTMLで実装する

よくある質問でよく利用するアコーディオン機能をCSSアニメーションとHTMLで実装する方法です。JavaScriptは不要。IEのみ非対応なのですがPolyfillを使って機能させることができます。

  • HTML / CSS
detailsを使ってHTMLとCSSのみでアコーディオンを実装する

見出しに使えるGoogle Fontsを12個選んでみた

Google Fontsの中から見出しやメインビジュアルのテキストに使えるフォントを12個選んでみました。どれも程よい個性があって目を惹くにピッタリの美しいフォントばかりです。イメージに合わせて使用してみてください。

  • フォント
見出しに使えるGoogle Fontsを12個選んでみたの画像