Webエンジニアのブログ

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

Processingでは「年月日時分秒」などの日付は関数で取得できますが、曜日を情報を扱うにはJavaパッケージのプログラムを活用します。 ProcessingはJavaベースのプログラミング言語であり、Processingのエディタでプロ...
続きを読む>>

世界的にも人気のCMSであるWordPressでは、悪意のある人からなんらかの攻撃を受けることが多いですので、脆弱性に対応した最新バージョンのWordPressを利用していくことがWebサイトの運用に必要です。 常にセキュリティを保つために...
続きを読む>>

WordPressでは投稿タイプに用意されたブロックのフィールドの他に、独自にカスタムフィールドを用意して利用していきたいことがあります。多くの方はWordPressのプラグインを使って、手軽にカスタムフィールドを追加していくことでしょう。...
続きを読む>>

:is疑似クラス関数はセレクタのリストを引数として、セレクタのいずれかと一致する要素にスタイルを適応させます。セレクタのリスト化することで、複数のセレクタ指定が短いコードで出来ます。ここでは、同じような擬似クラスの:where疑似クラス関数...
続きを読む>>

マウスカーソルを合わせた時の処理として、PCの表示で有効な:hover擬似クラスを使った効果は、CSSのみで実装することができます。また、スクロール時のアニメーションでしたら、スマートフォンやタブレット端末で効果的です。ここでは、hover...
続きを読む>>

WordPressで構築したWebサイトやブログでは、管理画面から投稿や固定ページにカスタムフィールドを使って情報を設定し、Webページに表示させたりできます。従来のWordPressのカスタムフィールドを使っていってもいいですが、複雑なカ...
続きを読む>>

Web制作でデザインを構築していく中、CSSではCascade Layers「@layer」を使ったスタイルの定義ができるようになりました。@layer規則でCSSの優先順位をレイヤー（層、階層）で管理していくことができます。...
続きを読む>>

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

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