[B! tips][html5] naohorのブックマーク

naohor id:naohor

tipsとhtml5に関するnaohorのブックマーク (5)

スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用するリキッドレイアウトのコーディングにすごく便利。親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。均等に横並びにしたいときに。タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。フォ
naohor 2013/07/04
スマートフォン

webデザイン

tips

html5

css3
リンク
html5doctor, helping you implement html5 today
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like the X<H>TML promised land, but […] Read full post HTML5 Element Index Head doctype html head title bas
naohor 2012/10/11
html5

css

cs3

reset.css

まとめ

tips
リンク
HTML5でつまずきやすいasideとsectionの使い方
HTML5分かりにくいですよね。初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします！自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。さて、実はカヤックで働き始めてHTML5を本格的に触ったのですが、触れていくうちに﹁HTML5はややこしい所があるなー﹂と思い、この記事を書きました。そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。まずその前に本題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。文字コードの指定はmeta要素のcharset属性で今までは以下のようにmeta要素の中に長々と属性を
naohor 2010/12/22
html5

html

webデザイン

tips
リンク
[CSS]HTML 5用のブラウザのスタイルをリセットするスタイルシート
HTML 5用のブラウザのスタイルをリセットするスタイルシートをHTML5 Doctorから紹介します。 <textarea name="code" class="css" cols="60" rows="5"> /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl,
naohor 2009/07/30
html5

webデザイン

css

tips
リンク
マークアップエンジニアじゃなくても覚えておきたいHTMLとCSSの話(〜HTML5・CSS3、IE8 それぞれの準備に向けて) - livedoor ディレクター Blog(ブログ)
こんにちは。 livedoor Blogを担当しています石野と申します。前職はマークアップエンジニア(HTMLコーダー)をしていました。今回はその経験を踏まえ、ディレクターとして把握しておいた方が良いHTML/CSS関連のお話をご紹介しようと思います。昨年からHTML5、CSS3、そしてInternet Explorer(以下IE)8のベータ2版発表と、バージョンアップに関するニュースが相次ぎました。その違いを認識する上でも、また制作サイドのディレクションに活かす上でも本エントリーを参考にしてください。 ▼ 構成 (1) HTML - 文書型について (2) HTML+CSS - クロスブラウザについて (1) 文書型について - ファイルの先頭に陣取っている﹁DOCTYPE﹂とは何か？ HTMLソースを開くと、こういった記述を目にしませんか？ !DOCTYPE htmlPUBL
naohor 2009/02/19
css

html

html5

webデザイン

web制作

tips

まとめ
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx