タグ

HTMLとCSSに関するfhisaのブックマーク (3)

  • can I use... Support tables for HTML5, CSS3, etc

    Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

    fhisa
    fhisa 2015/06/03
    個々の項目についてブラウザごとの違いをわかりやすく表示
  • 横並び < レイアウト | HTML+CSSまとめページ

    画像を単に横に並べるだけであれば、p要素の中に改行なしでimg要素を複数並べるなどHTMLの範疇なので比較的容易であるが、画像とその見出しやキャプションととしてテキストをセットで横並びにするためには、CSSでレイアウトを行う必要がある。 例えば以下のように、画像と文章をグループで横並びにしたい場合である。 figure要素を利用する 良い方法は、figure要素というキャプションの図などを示すための要素を利用することである。 figure要素は横並びの場合だけではなく、画像などにキャプションを付ける際に利用される。 HTMLでは、画像と文章をfigureで囲み、class名を指定する(以下の 。class名は任意)。キャプションの文章は(p要素ではなく)figcaption要素とする(以下の )。 <body> <h1>家の近くに咲いていた花</h1> <h2>庭</h2> <figure

    fhisa
    fhisa 2014/11/30
    今どきのHTMLに再入門するのにちょうどよいかも
  • はてなブログのidとかclassとか - kyabana's blog

    はてなブログで「デザインテーマコンテスト」が開催されています! オリジナルデザインを投稿してAmazonギフト券を当てよう! 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body(トップページで.page-index、記事ページで.page-entryが追加)div#globalheader-containeriframe#globalheader(ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど])div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner(タイトル画像)h1#title(ブログ名)h2#blog-description(

    はてなブログのidとかclassとか - kyabana's blog
    fhisa
    fhisa 2014/05/05
    HTMLの階層構造を色分けされた画像で見られる
  • 1