Webエンジニアのブログ

Googleの検索エンジンでWebページの表示速度が速いと、ユーザーにストレスを与えないので検索順位が上がるなどいろいろ言われている中で、表示速度を速くする方法の1つとしてHTTPリクエストを減らすという方法があります。 その1つとして画像...
続きを読む>>

Web制作を学習している方に向けてWebページを作成するにあたり、HTMLで最低限必要な記述のベースとCSSのメディアクエリ（Media Queries）を使ったレスポンシブWebデザインの書き方をご紹介します。 また、後半ではちょっとした...
続きを読む>>

画像や図などにキャプション（説明）を入れることで、ユーザーに画像や図を理解してもらいやすくなります。またテキストコンテンツとしてGoogleが画像の近くにある画像の説明として認識しやすくなるため、SEOにも効果がでます。 画像の代替となるテ...
続きを読む>>

Webデザイン上、PCとスマホのレイアウトの順番を変える時にCSSでどうしてもコントロールしきれない時があります。そんな時に使えるCSS3のFlexboxを使ってHTMLの記述を変えずに表示順を変えるテクニックをご紹介します。 今回紹介する...
続きを読む>>

Dropbox（ドロップボックス）に保存してある画像をWebサイト(ホームページ)に表示させたいと思っている方へ、Dropboxに保存してある画像や動画をWebサイトに埋め込む方法をご紹介します。 Webサイトの中で画像を頻繁に変更する場合...
続きを読む>>

アクセスしてきたユーザーの情報を保存する時によく使われるCookie（クッキー）やSession（セッション）。ユーザーの情報を保存するにはいいんですが、サーバアクセスするたびに自動送信するのでセキュリティは低いと言えるでしょう。 また、サ...
続きを読む>>

HTML5のaudio要素は、HTML5から新しい追加された要素で音声コンテンツを埋め込むことができます。音声メディアを再生できるだけあって、Webサイト内でBGMを流す時などで使うことがあるのではないでしょうか。 Webサイト内で音楽を流...
続きを読む>>