タグ

ブックマーク / hyper-text.org (3)

  • position: absolute; の指定で要素が上下左右中央配置になる理由

    人様の人気エントリーに乗っかる感じで恐縮ですが、「CSSblock 要素を上下左右中央寄せにする、イマドキの方法。 : バシャログ。」 という記事が話題になっていたので、なんでその指定で上下中央配置になるのか補足してみます。 詳しい話は下記のリンク先をご覧ください。 CSSblock要素を上下左右中央寄せにする、イマドキの方法。 : バシャログ。 何でこういうことを書くかというとですね、例えば CSS でこういう指定をするとこう表示されるっていう話に関しては、仕様書を基準に話して欲しいのです。 「なんかよくわからないけどこういう風に書いたらこういう表示になった。よかったね」 で終わらせるのは個人の自由ですが、仕様書を基になぜそうなるのかの根拠を知るとより一層理解が深まると思いますので。 なので余計なお世話なんですが、下記に小難しく書きます。 解説のためのサンプルソース 例えば、下記の

    position: absolute; の指定で要素が上下左右中央配置になる理由
  • Microdata を使ってみよう。サンプルソースで学ぶ Microdata

    HTML5 Advent Calendar 2012、7日目の記事として、Microdata (マイクロデータ) に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata (マイクロデータ) について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく (文末にまとめてあります) として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど

    Microdata を使ってみよう。サンプルソースで学ぶ Microdata
  • 新しい picture 要素の仕様が公開、レスポンシブ・イメージ最新動向

    HTML5 extension (HTML5 拡張仕様) として策定されている picture 要素に関して、最新の仕様が年明け、1月 2日に公開されましたので簡単に紹介。 所謂、レスポンシブ・イメージ (Responsive images) のお話ですが、HTML5 extension (HTML5 拡張仕様) として策定されている picture 要素に関して、最新の仕様 (Editor's Draft) が年明け、1月 2日に公開されました。 ちょっと時間が経ってしまいました (10日以上、下書きのままで放置されていたのはナイショ) が紹介と、レスポンシブ・イメージ関連の最新動向を簡単にまとめてみます。 The picture Element, Editor's Draft, 2 January 2014 ちなみに、1つ前の仕様は下記になります。 The picture elemen

    新しい picture 要素の仕様が公開、レスポンシブ・イメージ最新動向
  • 1