タグ

cssとhtml5に関するsigwygのブックマーク (3)

  • Styling the HTML5 placeholder | John Catterfeld's blog

    One of the exciting new form enhancements in HTML5  – designed to save hundreds of hours of repeated scripting – is the introduction of the placeholder attribute for form input fields. In most websites this jiggery-pokery is still be done by Javascript, but the HTML5 browsers of the future (and the webkit browsers of today) support this with a simple form attribute, like so: <input name="demo1" ty

    sigwyg
    sigwyg 2012/05/02
    placeholderに設定可能なスタイル。まだ限定的
  • [CSS]パンくずの実装はどのようにするのがよいかの考察

    パンくずは何要素で実装していますか? ul要素? ol要素? p要素? パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul

  • 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ | Blog hamashun.com

    実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに行ってきました。 会場は恵比寿のとある会議室で、少人数(参加者10人弱くらい)で行われました。 講師はJohn Allsoppさんで、通訳にヤスヒサさん。 色んなお手伝い(という紹介でいいんでしょうか)にOli Studholmeさんというチームでした。 ヤスヒサさんは久しぶりにお会いしましたが、髪が伸びていました(お前が言うな)。 参加者の中で知ってる人はネコゼさんだけでした。 あの人とかあの人とか来ると思ったのになあ。。 休憩時間に技術評論社でHTML5の記事を書いた村田さんと名刺交換をさせてもらったりもしまし

    sigwyg
    sigwyg 2009/05/26
    そして世界のhamashunへ。「divは元々『意味を持たない』要素だけど、実際はテキストをグループ化する目的で使われている事が多い。 それに意味を持たせたのがsection要素。 」
  • 1