Webエンジニアのブログ

Webデザインでwebフォントを利用してデザインを構築していくことがよくありますが、そこで使えるのがCSSの@font-face規則です。ここでは、CSSの@font-face規則の使い方をGoogle Fontsのwebフォントを利用する...
続きを読む>>

Webページの表示を現在の日付と比較して、過去日・未来日で表示を変更するようなプログラムを組むことができたらすごく便利でしょう。ここではWordPressのプラグインを使わずに標準のカスタムフィールドを使って、日付をもとに過去日・未来日で...
続きを読む>>

Webサイトの引っ越しやリニューアル、Webページ単体でコンテンツ改修・デザイン変更を行ったりする時に、URLを変更することがありますが、その時にやっておきたいのが301リダイレクト設定です。ここでは、WebサイトのドメインやページURLを...
続きを読む>>

Webサイトでアニメーションを実装する中で、JavaScriptなどのプログラミングではなくCSSのみでデザインできることも増えてきました。Variable Font（可変フォント）を利用すれば、CSSのfont-variation-set...
続きを読む>>

WindowsやMacといったOSからアプリケーション、webサイトなどなどダークモード対応が進んできています。ここではCSS3のメディアクエリの特性「prefers-color-scheme」を利用して、端末のダークモード設定を判断し、w...
続きを読む>>

WordPressで構築しているwebサイトで固定ページで設定しているページにパスワードをかけるには、パスワード保護の設定をしますが、テンプレートを利用するとパスワード保護が有効になりません。ここでは固定ページにテンプレートを使用した時にパ...
続きを読む>>

Processingで作成したデザインやアートを作成していく中で、出来た作品を画像として保存したいことがあります。 ただウィンドウ画面の表示を画像として保存するには、Processingで用意されているsave関数を使うだけで実装できます。...
続きを読む>>

Google Workspaceで利用しているメールアドレスをWordPressやメールクライアントなどの外部アプリケーションで扱う場合に、SMTP認証でエラーが起こることがあります。 Google Workspaceと外部のアプリケーシ...
続きを読む>>

Processingで作成したデジタルアートはいろんな用途で利用することができますが、映像を制作するときは動画ファイルとして生成する必要があります。ここではProcessingを動画ファイルとして生成して取り扱う方法をご紹介します。 流れと...
続きを読む>>

WordPressのContact Form 7で、Google Workspace（旧G Suite）のメールアドレスのエイリアスを利用してお問い合わせを受ける場合に、コンタクトフォームはしっかりと動いているけど、メール2の自動返信メ...
続きを読む>>