Webエンジニアのブログ

JavaScriptを簡易的に記述できるjQueryでは、便利なメソッドがいろいろ用意されており、手軽にWebページに動きを加えることができます。ただ、Webデザインでよくある複数の画像を切り替えて表示するスライドショーは、jQueryのプ...
続きを読む>>

WordPressはブログパーツとしての機能が実装できるので、ブログの運営から企業サイトではニュースやプレスリリースなど、Webサイトとして活用していくことが多いですが、構造をカスタマイズすれば社内の情報システムとしても活用できます。複数人...
続きを読む>>

WordPressのテーマ開発でよく利用するget_template_part()は、利用中のテーマのテンプレートファイルを呼び出す時に使う関数です。ただ、子テーマで利用していく際は少し注意が必要です。 get_template_part(...
続きを読む>>

CSVデータは、いろんなシステムやアプリケーションでデータのやり取りができるよう、「カンマ区切り形式（.csv）」として扱うデータです。 昨今、デジタルでデータを管理することが増え、いろいろな社内システムや会社独自のシステムでも、データのや...
続きを読む>>

CSSのレイアウト構築で便利なFlexbox。とくに横並びのレイアウトではよく利用され、横並びになった要素同士も高さが揃ってくれます。 しかし、コンテンツの量の違いで、横並びの要素とコンテンツの高さと見た目が揃わないこともあります。Webデ...
続きを読む>>

WebサイトとYouTubeを連携して、WebページにYouTube動画を埋め込んでコンテンツを作っていくことがありますが、そのままの埋め込みのデザインでWebページに載せていってもいいですが、ご自身のWebデザインに合わせて、動画のサムネ...
続きを読む>>

デザイナーならPhotoshopを使いこなしているかと思いますが、マークアップエンジニアやプログラマーが少し画像素材を扱っていく場合には、ある程度の編集・調整はできるようになっておきたいところです。 自分で画像データを編集している中で、カン...
続きを読む>>

レスポンシブWebデザインで、背景色を敷いた要素とテキストの重なり具合においては、リキッドデザインのようにWebブラウザの幅に合わせて可変する場合には、要素同士の重なり具合に合わせてデザインを調整していくことも出てきます。また、画像の上に重...
続きを読む>>

2021年11月15日に、macOS用のAmazon Prime Videoアプリが提供開始となり、Webブラウザでアクセスすることなく、アプリから利用することができるようになりました。 動画コンテンツのダウンロード機能もありますので、お好...
続きを読む>>

Webで利用していく画像形式は様々で、JPEGやPNG、GIFのほか、昨今では非可逆圧縮で軽量化され、画像の透過やアニメーションに対応している、WebP形式の画像の利用が進んでいます。 HTMLのマークアップでは、picture要素とsou...
続きを読む>>