[B! Web制作][HTML5] drupaのブックマーク

drupa id:drupa

Web制作とHTML5に関するdrupaのブックマーク (3)

[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こうこんにちは、@yoheiMuneです。ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。目次ブラウザのレンダリングの仕組みこの章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
drupa 2015/03/12
HTML

HTML5

ブラウザ

Web制作

javascript
リンク
HTML の q タグが日本語のサイトではカギ括弧を出すようになってた
HTML に q という要素がありますね。 Quotation の Q ですか。 <q> について文書内で引用をしたいとき、ブロック要素を含むような場合には <blockquote> ですが一言とか一行とかそれくらいのときには <q> を使うのがいいみたいです。 q 自体がデフォルトでインライン要素だしね。こんなぐあい。 <q>ここは引用ですよー。</q> 多くのブラウザでは、この <q> で括った部分がダブルクォーテーションで挟まれて表示されます。上記の例だとこう。 “ここは引用ですよー。” カギ括弧になってた「表示されます」って書いたんだけど、本当は「と思ってました」でした。こないだふと気づいたら、日本語のページではこれがこうなってました。「ここは引用ですよー。」クォーテーションマークじゃなくてカギ括弧になってる。知らんかった。いつの間に。 <q> を初めて使
drupa 2014/12/02
HTML

ブラウザ

Web制作

html5

css
リンク
コーディングガイド by @mdo
HTMLシンタックスインデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
drupa 2014/09/05
HTML

html5

web制作

ガイドライン
リンク
1