HTML

Web開発に役立ちそうな HTML関連の記事を紹介しています。

Chrome デベロッパーツール - レスポンシブ表示の確認

Google Chrome のデベロッパーツールを使って、Web サイトのレスポンシブ表示を確認する方法を紹介します。 iPhone の登場くらいから？ Web サイトを作成する際に Internet Explorer、 […]

HTML5 で作製したサイトを Internet Explorer 8（IE8）以前のバージョンで閲覧すると……レイアウトががっつりくずれます。これは HTML5 から新たに導入されたタグ aside article […]

ここではスタイルシート CSS の「padding」を指定する方法をみていきます。 padding（パディング）とは padding（パディング）とは、上の画像のように「罫線の内側」と「コンテンツの外側」の間の余白のこ […]

Google Chromeの画面サイズを変更する拡張機能「Window Resizer」を紹介します。この拡張機能を使えば、クリックのみで簡単にブラウザの画面サイズを変更することができます。制作したWebサイトの確認に […]

ここでは、HTML の構文チェックができる W3C のWeb サービス「W3C Markup Validation Service」を紹介します。それでは実際に使ってみましょう。 http://validator.w3 […]

ここでは人気のフレームワーク「Foundation」の「Internet Explorer 8（IE8）」対応方法を紹介します。フレームワークとは、あらかじめ「HTML」「CSS」「JS」がセットになっており、自分でデ […]

Google Chromeに保存されているクッキーを表示・編集する拡張機能「EditThisCookie」を紹介します。まずは、こちらから拡張機能を追加しましょう。 https://chrome.google.com/ […]

Webサイトの「font-family」「font-size」「line-height」を確認するGogle Chrome拡張機能「WhatFont」を紹介します。 Gogle Chrome拡張機能「WhatFont」は […]

Google Chromeの拡張機能「NoFollow」を紹介します。この拡張機能を追加すると ChromeでアクセスしたWebサイトの「robots metaタグ」の「nofollow」「noindex」を視認するこ […]

ここではHTMLで使用するエンティティ（特殊文字）の一覧表を紹介します。 HTMLでは「<」「>」……などの記号は「エンティティ（Entity）」と呼ばれる特殊文字を利用して、表示することができます。エンテ […]

Markdown とは、Webで文章を書く人のためのテキスト→HTML変換ツールです。例えば、HTMLで見出しを書く場合には以下のように記述する必要がありますが…… Markdownだと、これだけでOKですっ！ # 見 […]