Webエンジニアのブログ

Web制作でHTMLやCSS、またJavaScriptやPHP、Pythonなどなど、ソースコードを書いていく上で必要なテキストエディタ。けっこう人気のあるGitHub製のAtomエディタは、無料ということもあり利用者も多いでしょう。 開発...
続きを読む>>

webデザインでwebフォントを利用してデザインを構築していくことがよくあります。そこで使えるのがCSSの@font-face規則です。 @font-face規則はwebフォントを利用するために用意された規則です。webフォントで有名なのが...
続きを読む>>

webページの表示を現在の日付と比較して、過去日・未来日で表示を変更するようなプログラムを組むことができたらすごく便利でしょう。 ランディングページ等のイベント告知ページなどで定期的に発信する内容であれば、日付によって表示をコントロールでき...
続きを読む>>

webサイトの引っ越しやリニューアル、webページ単体でコンテンツ改修・デザイン変更を行ったりする時に、URLを変更することがあります。ドメインやURLの変更に関しては、今まで蓄積してきたwebサイトやwebページの評価がありますので、新し...
続きを読む>>

webサイトでアニメーションを実装する中で、JavaScriptなどのプログラミングではなくCSSのみでデザインできることも増えてきました。 今回は、CSSのfont-variation-settingsプロパティを利用したテキストの可変ア...
続きを読む>>

昨今、WindowsやMacといったOSからアプリケーション、webサイトなどなど何かとダークモードに対応してきています。 普段からPCやタブレット、スマートフォンといったコンピュータに触れる機会が多くなり、デザインの配色によっては長時間利...
続きを読む>>

WordPressで構築しているwebサイトで固定ページで設定しているページにパスワードをかけるには、詳細ページにてパスワード保護の設定をします。 固定ページにパスワードを設定する方法はとてもシンプルで、詳細画面の右側にオプションが用意され...
続きを読む>>

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

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

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