Webエンジニアのブログ

Webページではコンテンツの掲載方法としてアコーディオンメニューをデザインとして実装することがあります。状況によって1ページに膨大なコンテンツとなり得るQ&Aなどで利用することがあるでしょう。 アコーディオンメニューはクリックアクシ...
続きを読む>>

Photoshopを利用したデザイン制作では多くの便利な機能があり、筆で描いたようなものや油絵や水彩画風など多彩な表現ができるブラシ機能があります。デフォルトで利用できる素材は多々ありますが、Webからブラシ素材をダウンロードしてきて追加す...
続きを読む>>

私たちが生きていくために必要な情報は、新聞や雑誌をはじめ、デジタル時代の今はニュースアプリやインターネット検索で情報を収集していきますが、世の中に溢れているたくさんの情報の中からより正しい情報を得るのはとても大変です。ここではより新鮮で正確...
続きを読む>>

ビデオ通話や会議を行うアプリはいろいろありますが。データ通信量が軽くて接続が安定している「Zoom」は、とても快適に利用することができます。 会議を開催するホスト側がアカウントを作成していれば、クライアント側の登録は不要です。使ったことがな...
続きを読む>>

昨今のWebサイトのフォームデザインでは、UXの面でユーザーにストレスなくわかりやすいデザインが求められます。ここでは、対応ブラウザも増えてきたフォームデザインで使えそうな、CSSの:focus-within疑似クラスをご紹介します。...
続きを読む>>

Webサイトのheaderやfooterは多くのページで内容が共通なため、編集時にすべてのページのファイルを書き換えていくとなると時間がかかるのでメンテナンス性に欠けます。 WordPressで構築しているサイトでは、すでに共通のheade...
続きを読む>>

Webサイトでは多くの画像を利用してデザインしながらコンテンツを作っていきますが、利用する画像のサイズが大きいと表示速度に影響します。またPCやタブレット端末、スマートフォンなど多くのデバイスにあう画像を表示させたいときは、デバイス幅によっ...
続きを読む>>

Webサイトに関係するファイルのキャッシュについては。Webページの表示速度にも関わってくるところですので、サーバ側やhtaccessファイルでキャッシュの設定を行うこともあります。しかし、サーバのキャッシュを設定することで不便になるのが、...
続きを読む>>

レンダリング処理でサーバとのデータのやり取りが行われる中で、Webブラウザに表示されるまでの時間をなるべく速くすることで、ユーザー体験としてもSEOとしても最適なWebページと言えるでしょう。画像や動画、SNSの埋め込みはlazy load...
続きを読む>>

多くの方がMacを利用していく中で、必要に応じて便利なアプリをインストールして、快適にパソコン作業をおこなっていることでしょう。 そうした便利なアプリはたくさん利用していってもいいですが、ずっと使っていなかったり使わなくなったアプリケーショ...
続きを読む>>