HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウトでもよく利用されます。 「min-width」などのプロパティを使ってMedia Queryを作る際は、ビューポートのサイズを設定して利用してください。 HTML <meta name="viewport" content="width=device-width, initial-scale=1.0"> スマートフォンでは表示するページの大きさをビューポートの幅に（主に）縮小してフィットさせるため
タグ・属性・値は半角英数に タグに全角かな漢字は使用できません。 間違えるとタグがそのままブラウザに表示されてしまう他レイアウト崩れの原因になります。 特に全角スペースは見つけにくい＆間違いやすいので注意しましょう。 タグは入れ子に 開始タグと終了タグの中に、終了タグが必要な開始タグのみをいれるとレイアウト崩れの原因になります。 タグは必ず入れ子にしましょう。 例：×<storng><font size="4">こんにちは</strong></font> ○<storng><font size="4">こんにちは</font></strong> 新しいページ・イメージを作成した場合 メモ帳で作成しｈｔｍｌデータとして保存したい場合は拡張子を変更する必要があります。 名前の後ろに「.html」と記入しましょう(半角英数)。
リンク先（到達点）の設定 まず、リンクの到達点となる任意の要素に、ID（識別名）を付けておきます。 以下の例では、h3要素に abc というID名を指定しています。 <h3 id="abc">ここがABCの位置</h3> リンク元（出発点）の設定 リンク元の href="" には、到達点のID名をハッシュ（ # ）に続けて記述します。 <a href="#abc">ABCの位置へジャンプ</a> この abc という名前が、リンク元とリンク先を結びつけることになります。 ID名について ID名を付ける際には、以下の点に注意してください。 1つのIDは、同じ文書内で1ヵ所にだけ使用できます。（重複させてはならない） 使用できる文字は、半角の英数字、ハイフン（ - ）、アンダーバー（ _ ）、コロン（ : ）、ピリオド（ . ）、です。（ハイフン以外の記号は使わない方が無難です） アルファベッ
この旧方式では、リンクの到達点として使用できる要素はa要素のみとなります。これ以外の要素を到達点としたい場合は、id属性を使用して設定する方法を参考にしてください。 リンク先（到達点）の設定 まず、リンクの到達点となるa要素に、識別名を付けておきます。 以下の例では、abc という識別名を指定しています。 <a name="abc">ここがABCの位置</a> 同時にid属性を指定しておくことをお勧めします。この場合、name属性とid属性の値は同一である必要があります。 <a name="abc" id="abc">ここがABCの位置</a> リンク元（出発点）の設定 リンク元の href="" には、到達点の識別名をハッシュ（ # ）に続けて記述します。 <a href="#abc">ABCの位置へジャンプ</a> この abc という名前が、リンク元とリンク先を結びつけることになりま
トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典 改造するポイント font-size:数px;…数字で文字の大きさを指定。16pxが通常。（スタイルシート） width="数"…枠の横幅を指定できます。 height="数"…枠の縦幅を指定できます。 bgcolor="色"…指定した色に変更できます。 td と th…td と th は同類ですが、thは太字中央寄せになる（県名部分） target="_blank"…リンクを新ウィンドウで開く。消すと通常どおりに移動。 MENU 【一覧にもどる】 ■ 地図-地方別A ■ 地図-地方別B ■ 地図-地方別C ■ 地図-ミニMAP ■ 地図-赤色 ■ 地図-青色 ■ 地図-緑色 ■ 地図-灰色 ■ 地図
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
