Webエンジニアのブログ

Processingのアニメーションの中で、映像のようにフェード効果を実装したいこともあります。Processingで制作したデジタルアートは、動画として書き出すことができますので、プログラミングを駆使してちょっとした映像制作も可能です。オ...
続きを読む>>

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

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

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

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

WebデザインをCSSで構築していく中で、複数の要素に同じスタイルを適応させる場合には、対象の要素があるだけ記述が増えてごちゃごちゃすることがありますが、:is疑似クラス関数を利用することで、複数のセレクタへのスタイルを簡易的に書いていくこ...
続きを読む>>

グローバルナビゲーションや文章内などのテキストリンクなどで、ユーザーの目を引くような下線アニメーションを実装することもあるでしょう。 マウスカーソルを合わせた時の処理として、PCの表示で有効な:hover擬似クラスを使った効果は、CSSのみ...
続きを読む>>

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

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

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