Webエンジニアのブログ

Web制作でデザインを構築していく中、CSSではCascade Layers「@layer」を使ったスタイルの定義ができるようになりました。 Cascade Layers（カスケードレイヤー）とは、カスケード（cascading：スタイルの...
続きを読む>>

Webデザインのレイアウトでは、コンテンツを画面の中央に配置したり左右中央寄せや上下中央寄せなど、要素の配置を調整していくことはよくあります。 CSSで要素の配置を調整する方法としては、Flexbox（フレックスボックス）やGrid Lay...
続きを読む>>

Microsoft OfficeのExcel、Word、PowerPoint、そしてデータベースソフトウェアのAccessなどでは、アプリケーションを起動した時、最近利用したファイルにすぐにアクセスできるよう、「最近使ったアイテム」の一覧表...
続きを読む>>

Webページ内でウィンドウの開閉アニメーションを実装していきたい時には、JavaScriptやJavaScriptのライブラリであるjQueryなど、プログラミングを駆使して実装していくことになりますが、aタグ（アンカー要素）と併用してCS...
続きを読む>>

Webで利用する画像に対して立体感を表現する際は、画像自体にドロップシャドウの視覚効果がなくても、CSSのbox-shadowプロパティを利用して、画像に影をつけて表現することもできます。後から微調整や修正ができたりしますので、CSSで効果...
続きを読む>>

昨今のWebサイトは内容が変化するような動的なサイトが多く、CSSで装飾してWebサイト制作していく中、対象の要素を持っているかどうかで、スタイルを変更していきたいこともあります。 なかなかCSSのみでは実装できない部分ですが、今後はCSS...
続きを読む>>

Webサイトによくあるニュースやお知らせ、ブログ記事投稿の一覧では、見出しの文字テキストが長い場合に、「…」で文字を省略していくこともあります。 文字テキストの省略というと、多くのWebサイトで採用されているWordPressでは、PHPス...
続きを読む>>

個人でYouTubeに動画をアップロードして楽しんだり、またYouTubeチャンネルを運営していったりする中で、動画下のコメント欄で視聴者とコメントのやりとりを行うこともあります。 YouTube動画のコメント機能は、動画の視聴者とのやりと...
続きを読む>>

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

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