Webエンジニアのブログ

WordPressの記事投稿でテキストエディタのタグボタンを利用すると、太文字にしたりできて大変便利です。プラグインを利用してもできますがプラグインなしでも追加することが可能です。そこで今回はWordPressの記事投稿でテキストエディタに...
続きを読む>>

Web制作の現場には必ず必要なのは使い勝手のよいWebブラウザ。Google ChromeやFirefoxなどがあげられますが、Web制作者向けのWebブラウザ「Blisk（ブリスク）」があることをご存知でしょうか。 このWebブラウザ...
続きを読む>>

Googleのサービスはすごく便利なものばかりで、その中でもGoogleカレンダーを利用されている方は多いんではないでしょうか。もちろんプライベートで使うことが多いですが、仕事用や事業のサービス等で使うこともよくあることです。事業のサービス...
続きを読む>>

jQueryを使う際にCDNを利用することでWebサイトの表示速度が少し上がりますので、自分の公開サーバからではなくCDNサーバからjQueryを読み込んでいるWebサイトは多いんではないでしょうか。 CDNとはコンテンツデリバリネットワー...
続きを読む>>

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

サーバにアップロードされている公開前のWebサイトやテスト環境は観覧されると困るので、アクセス制限をかけたいところです。今回はWebサイトにベーシック認証（Basic認証）でアクセス制限をかける方法をご紹介します。 Basic認証とは、HT...
続きを読む>>

Web制作においてテスト環境を準備することはよくあることです。サイト内の修正をする際に本番環境で直接作業をして、もし記述を間違えて表示を壊してしまったとなると壊れたWebサイトが見られてしまいます。 しかし、テスト環境でも公開してしまうと検...
続きを読む>>

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

WordPressのタクソノミーでカテゴリ分けして記事を分類している場合にアーカイブやタクソノミーのアーカイブページにカテゴリリストのリンクを載せることがありますが、アクティブ表示に対応するとなると少し手こずります。今回はタクソノミーでカテ...
続きを読む>>

Web開発をするにあたり、Google Chromeの「Google Chrome Developer Tools」、Firefoxの「Firefox Developer Tools」の検証モードを使うことで効率よくWebサイトのデバッグを...
続きを読む>>