Webエンジニアのブログ

WordPressで運用しているWebサイトでは、バグの修正や機能の追加、セキュリティ向上のため頻繁にWordPressのバージョンの更新を行なっていきます。 Webサイトを管理するなかでバージョンを最新に更新した際に、エラーなどの問題に直...
続きを読む>>

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがあります。Webサイトでも画像をよく利用していくわけですが、画質や透明色の利用、色数やサイズ容量といろんな特徴を考えて、適した画像を使い分けていきます。 昨...
続きを読む>>

WebサイトやWebアプリケーションのテスト開発をしたり、またPHPプログラミングを学んだりする時には、MAMP（マンプ）やXAMPP（ザンプ）といったパッケージソフトウェアでローカル開発環境を構築してプログラムを動かしていくことでしょう。...
続きを読む>>

CSS3から追加されたFlexboxは、PCからタブレット端末、スマートフォン端末に対応したレスポンシブ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やタブレット、スマートフォンといったコンピュータに触れる機会が多くなり、デザインの配色によっては長時間利...
続きを読む>>