Webエンジニアのブログ

Webサイトにアクセスした際に、オープニングビデオのように動画を流してから、動画再生後にフェード効果でメインコンテンツを表示するなど、動画を活用することで文字情報だけでなく、動きのある映像で豊富な情報をわかりやすく伝えることができます。 フ...
続きを読む>>

Webサイトを利用しているユーザーが現在どのページ（カテゴリ）のコンテンツを閲覧しているのかを、ナビゲーションメニューのリンクの色を変更するなどして、わかりやすくデザインしていくこともあるでしょう。現在表示しているWebページのリンクだけス...
続きを読む>>

Webサイトのスマートフォンやタブレット端末に対応したメニューは、よくある3本線アイコンのハンバーガーメニューで、グローバルナビゲーションの表示・非表示を切り替える仕様で、主にCSSとJavaScriptまたはJavaScriptライブラリ...
続きを読む>>

昨今では多くのWebサイトで動画が使われており、Webページにアクセスした時にファーストビューで動画が流れるサイトもよく見かけるかと思います。 Webページにアクセスした時にはじめに動画が流れて、動画再生の終了時に動画がフェードアウトし、そ...
続きを読む>>

WordPressで構築しているWebサイト（ホームページ）やブログでは、カスタムフィールドをうまく利用することで、自由にYouTube動画を選択してWebページに動画一覧として反映させることができます。...
続きを読む>>

CSSでは関数を利用していくことで、通常のプロパティの指定だけではできないことができたり、効率的にスタイルを適応させることができます。 CSSも年々進化を続け、とても便利な関数が続々と追加される中、ここではレスポンシブWebデザインの制作で...
続きを読む>>

昨今、多くのWebサービスやソーシャルメディアが生まれる中、プライベートで楽しんだりビジネスとして活用したりと、さまざまな使い方をしていくでしょう。こうしたメディアで発信する情報は、運用しているWebサイトに埋め込むこともできます。 企業サ...
続きを読む>>

Web初心者でも手軽に開発環境が準備できるXAMPPですが、世の中の進化に合わせてXAMPPもアップグレードして、ローカル上で開発テストを行なっていく必要があります。 特によくWebで利用されるPHPについては、1年ペースで新バージョンがリ...
続きを読む>>

グローバル化が進む社会では、Webサイトを多言語対応していくこともあり、多言語サイトを制作していくと同時に、言語の切り替えに伴う言語切り替えリンクを必要とすることもあります。 人気のCMSのWordPressでも、PHPスクリプトが扱えれば...
続きを読む>>

要素のコンテンツ量が違いがあっても、左揃えのレイアウトで見た目をデザインしていくこともありますが、デザインによっては対象の要素の最大幅でレイアウト調整する必要が出てきます。 WordPress等のCMSであれば、投稿の内容によって幅が変わる...
続きを読む>>