Webエンジニアのブログ

レンダリング処理でサーバとのデータのやり取りが行われる中で、Webブラウザに表示されるまでの時間をなるべく速くすることで、ユーザー体験としてもSEOとしても最適なWebページと言えるでしょう。 読み込みが多く必要な文書構造である場合、特に大...
続きを読む>>

スムーズで快適なスクロールはUIの一部として採用するサイトも増えて、表示領域にピタッと合わせるスクロール処理は、主にJavaScriptやJavaScriptライブラリであるjQueryを使って実装することが多いかとおもいます。 もちろん、...
続きを読む>>

HTML5から追加されたfigure要素は、主に画像を載せる時に利用することが多いかと思います。 figure要素は、写真、挿絵、図表、コードなどをまとまりとして表すときに利用します。そして、注釈を付けるためにfigcaption要素も使用...
続きを読む>>

2020年1月15日にリリースされたChromiumベースの新しいMicrosoft Edgeが、WindowsだけでなくmacOS版も提供され、MacユーザーもEdgeブラウザを利用できるようになりました。 今後はEdgeブラウザがGoo...
続きを読む>>

Webサイトのデザインを構築していくうえで、画像に対してクリックアクションで表示に変化を加えることはよくあります。画像ギャラリーや画像にフォーカスし画像を効率良く見せる方法として、ポップアップで拡大表示するなどを実装したいこともあるでしょう...
続きを読む>>

WordPressで構築したWebサイトやブログでは、サイト内のニュース記事やブログ記事をユーザーが目的の情報を探しやすいように、検索フォームを設置していくでしょう。 WordPressでは、ウィジェットで簡単に検索フォームを設置できるよう...
続きを読む>>

フォームのデザインでユーザーに選択してもらう機能として、予め選択項目を表示しておくラジオボタンやチェックボックスがありますが、その他にもプルダウンメニューとして表示はしておかないけれども、選択項目を用意しておくセレクトボックスがあります。こ...
続きを読む>>

WordPressで構築したサイトでは、複数人で投稿や編集などを行うことがよくあり、管理画面でも複数のユーザーを作成して管理していくことがあります。 その中で、ユーザーによってどのような操作ができるのか、どこまで許可するのか管理権限を設定し...
続きを読む>>

WordPressで運用しているWebサイトでは、バグの修正や機能の追加、セキュリティ向上のため頻繁にWordPressのバージョンの更新を行なっていきます。 Webサイトを管理するなかでバージョンを最新に更新した際に、エラーなどの問題に直...
続きを読む>>

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがあります。Webサイトでも画像をよく利用していくわけですが、画質や透明色の利用、色数やサイズ容量といろんな特徴を考えて、適した画像を使い分けていきます。 昨...
続きを読む>>