Webエンジニアのブログ

Webページにアクセスした時に、コンテンツが綺麗に表示されるまでの時間が長いとユーザーにストレスを与えてしまいますが、ストレスを軽減するのにローディングアニメーションは非常に効果的です。ここでは、リソースが読み込まれるまでのローディングアニ...
続きを読む>>

CSSの@starting-style規則を追加することで、トランジションでの変化前のスタイルを適用させることができ、Webページのアクセス時にトランジション処理を実装することができます。ここでは、CSSの@starting-style規則...
続きを読む>>

WordPressで構築しているWebサイトでは、管理画面からの投稿や固定ページのコンテンツ制作でも、時にHTML構造を必要としたり、共通で利用していきたい埋め込みコードを使ったりと、WebやHTMLに詳しいかたはそれほど問題ありませんが、...
続きを読む>>

ブログなどの投稿記事に目次を入れることで、読者は記事の全体構造を把握しやすくなり、ユーザビリティが向上します。また、目次はSEOにも影響を与え、検索エンジンが記事の内容を理解しやすくなります。長い記事やQ&Aなどのガイド形式のコンテ...
続きを読む>>

文章中のとある文言にわかりやすい説明が必要な時は、定義リストを意味づけするdl, dt, ddといったHTMLタグを使って情報を載せていくことでしょう。GoogleやBing、Yahoo、またAIチャットボットなどの検索エンジンに、しっかり...
続きを読む>>

様々なWebブラウザでPopover API（ポップオーバー API）がサポートされ、これまではJavaScriptを使って実装していた、ポップアップやオーバーレイと呼ばれるポップオーバーUIを、HTMLのみで実装することができるようになり...
続きを読む>>

WordPressの管理画面で登録したユーザーのプロフィール情報（自己紹介文）は、投稿ページでの投稿者の紹介であったりプロフィール紹介のページであったり、または企業やユニットであれば各メンバーを紹介する際に活用していくこともあるでしょう。 ...
続きを読む>>

WordPressでの投稿に記事を書いた著者の情報を掲載することで、メディアとしてだけでなく個人としてのブランディングにも繋げることができます。 WordPressのユーザー情報から、投稿者に合わせてユーザーの情報を取得して表示させることは...
続きを読む>>

Webサイト制作で気になる項目として、Webページで読み込むファイルサイズは表示速度に影響してきますので、なるべく軽くしておきたいところです。ここでは、手軽にCSSファイルやJSファイルを圧縮して軽量化できる、Visual Studio C...
続きを読む>>

WebサイトやWebアプリケーション開発またはWeb制作学習では、実際に動かす際にWebサーバやデータベース管理システム、プログラミング言語のソフトウェアなどが必要になりますが、自分のPCに無料で開発環境を構築することができます。ここではW...
続きを読む>>