Webエンジニアのブログ

Webサイトのデザインを構築していくうえで、画像に対してクリックアクションで表示に変化を加えることはよくあります。画像ギャラリーや画像にフォーカスし画像を効率良く見せる方法として、ポップアップで拡大表示するなどを実装したいこともあるでしょう...
続きを読む>>

WordPressで構築したWebサイトやブログでは、サイト内のニュース記事やブログ記事をユーザーが目的の情報を探しやすいように、検索フォームを設置していくでしょう。 WordPressでは、ウィジェットで簡単に検索フォームを設置できるよう...
続きを読む>>

フォームのデザインでユーザーに選択してもらう機能として、表示はしておかないけれども選択項目を用意しておく、プルダウンメニューとして構築するセレクトボックスがあります。ここでは、HTMLで構築したセレクトボックスをPHPで取り扱う時の利用方法...
続きを読む>>

WordPressで構築したサイトでは、複数人で投稿や編集などを行うことがよくあり、管理画面でも複数のユーザーを作成して管理していくことがあります。 その中で、ユーザーによってどのような操作ができるのか、どこまで許可するのか管理権限を設定し...
続きを読む>>

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

Webで使える画像のフォーマットは、JPEGやPNG、GIFなど多くのフォーマットがありますが、「WebP（ウェッピー）」という画像フォーマットの登場で画像の軽量化して、Webサイトの表示速度を改善することもできるようになりました。ここでは...
続きを読む>>

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

CSS3から追加されたFlexboxは、PCからタブレット端末、スマートフォン端末に対応したレスポンシブWebデザインのレイアウト構築に優れています。要素の横並びから要素の高さを揃えたり、また上下左右中央寄せなども手軽に実装することができま...
続きを読む>>

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

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