[B! html] tanahataのブックマーク

Paper.li

tanahata 2018/06/18

The latest メロンパン新聞! Thanks to @toshirot @pitokka @siondmcr

リンク

XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6)

﹁HTML5タグの誤用で恥をかいた﹂﹁分厚い仕様書は読み切れない﹂コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の﹁HTML5カルタ﹂付き!HTML5マークアップ現場で使える最短攻略ガイド定価‥2,808円︵本体2,600円︶／形態‥B5変 (240ページ) ISBN‥978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に︵勝手に︶リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い

tanahata 2011/08/24

リンク

HTMLで文字詰めするタイポグラフィー用JS | fladdict

HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する

tanahata 2011/02/28

リンク

HTML 5では「article」タグでページの「本文」が取れる - モジログ

次世代HTMLの﹁HTML5﹂について、そのウワサは以前から耳にしながらも、中身については知らなかった。仕様や解説記事︵末尾にまとめた︶をいくつか流し読みしてみて、驚いた。これこそ、私の求めていたものだ。私は以前より、Webページの﹁本文﹂がどこからどこまでなのか、ソフトウェアで判定できる標準的な方法があればいいとずっと思っていた︵﹁フィードをアイテム単位に区切れば、セマンティック・ウェブが一気に現実化する﹂︶。HTML5では、いくつか導入される新しい要素︵タグ︶の中に﹁article﹂というものがあり、これがまさに﹁記事﹂の範囲を示すものなのだ。これさえあれば、プログラム的にWebページを取得して、その﹁article﹂タグの部分だけ抽出すれば﹁本文﹂になる。あらゆるWebページにこの﹁article﹂タグが入ってくれば、もうフィードに頼る必要もなく、どんなページの﹁本文﹂でも

tanahata 2008/08/11

XHTML はどうなるんだろう？