いざという時に使える13のHTML&CSS Tips集
いざという時のために覚えておくと便利なHTML&CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。
見出しをおしゃれにする無料の英字フォント19
日本語オンリーの日本人にとって英字は文字というよりもアイコンのように捉える傾向があります。見出しには日本語の見出しの他に英字もそえてアイキャッチとしてデザインしています。書体でサイトのイメージに影響が出るので、十分に気を使いたいポイントです。日本語見出しに添えることでおしゃれになる無料の英字フォントを19個紹介します。
Web制作に便利なChrome拡張機能20選
Chrome拡張機能は、ウェブ閲覧やウェブ制作の際に非常に便利な機能です。新しい拡張機能を見つけるたびに追加し、実務で試しています。ただ、気がつくと使わない機能が溜まりがちなので、数ヶ月ごとに見直ししています。Webサイト制作者の視点から便利なChrome拡張機能を厳選して20個紹介します。
Webデザイナーが施す9つのSEO対策
フリーランスWebデザイナーである私が施しているSEO対策について紹介します。ここで案内するSEO対策は、Webサイト制作初心者やSEO対策はなんとなく理解しているがうまくいかない方向けの内容です。最低限必要な施策なので、足りていないものがありましたらぜひ実施してみてください。
コーディング後や納品時に確認する62のチェックリスト
Webデザイン制作中に使用している、コーディング後や納品時に確認すべき62項目のチェックリストを紹介します。このチェックリストは、Webサイトの品質基準を定め、品質を維持することを目的としています。感覚的に確認すると、見落としが発生する可能性が高いため、常にチェックリストを参照しながら確認することをおすすめします。
WordPressサイトのセキュリティ対策 – 最低限設定しておきたい5つ
WordPressで最低限おこなっておきたいセキュリティ対策について紹介します。難しい設定はなくWordPress初心者向きの内容です。ただ、かならず対応しておきたいものばかりなので、WordPress実装の際にチェックすることをおすすめします。
headに設定しておきたいHTMLメタデータやOGP、構造化データ – 2023年版
head内で最低限設定しておきたいHTMLタグを紹介します。ほぼすべてのサイトで使用するページメタデータから、SNS用のOGP設定、コーポレートサイトやブログ記事、パンくずリストの構造化データ(JSON-LD)のをメモしておきます。
スクロール時に背景色を変更 – Intersection Observer
スクロール後にイベントを実行させるIntersection Observerを使用して、背景色やテキストカラーを変更させる方法の紹介です。
良質なWebデザインを集めているギャラリーサイト18+1選
Web制作の現場では、制作側はクリエイティブの参考に、クライアントは要望を伝えやすいように、Webデザインギャラリーサイトを利用する機会は多いです。そこで今回は、良質なWebデザインを集めているギャラリー18+1サイトを紹介します。あなたの現場でぜひ参考にしてみてください。
配色ツール8選。すぐ使える配色ジェネレーターをあつめてみた
デザイン作成時に悩みがちな色選びを助けてくれる配色ツールを8つ紹介します。Web上で生成するジェネレーターだけではなく、Chrome拡張機能やiOSアプリもありますのでぜひチェックしてみてください。