タグ

html5とCSSに関するext3のブックマーク (7)

  • <style>-HTML5タグリファレンス

    <style>タグは、スタイルシートを記述する際に使用します。 通常は<head>~</head>の中に配置しますが、 head要素内に記述することで文書単位でスタイルを指定することができます。 style要素のtype属性は、スタイリング言語(スタイルシートのMIMEタイプ)を指定します。 例えば、CSSの場合にはtype="text/css"となります。 type属性は必須属性ではなく、指定しない場合にはtype="text/css"がデフォルトで適用されます。 style要素のmedia属性は、どのメディアにどのスタイルを適用するかを指定します。 media属性でメディアの種類を指定することで、 例えば、パソコンのスクリーンで表示される場合のスタイル、プリンタで印刷される場合のスタイル、読み上げブラウザで再生される場合のスタイル などを指定し分けることができます。 W3Cの仕様で規定

    ext3
    ext3 2012/08/29
    "現在、<style>タグは主要なブラウザでサポートされているので、コメントアウトしなくても問題が起きることはほとんどないでしょう"
  • css-lecture.com - css lecture リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。

    IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。 2011-05-02 Webサイトをコーディングする時に、IDとclassを考えるのが面倒臭くなったので、IDとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単でつまらないので、IDとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト ID, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5では、html, head, bodyタグを完全に省略しても構わないとされています。 省略してもDOMツリー上に存在しているので、 body {background:#f00;} というCSSの記述も認識してくれました。 サイトで使用したCSS, CSS3の簡単なまとめ Child Selector 結

    IDとclassを使わないで、HTML5とCSS3でコーディングしてみた。
    ext3
    ext3 2012/08/27
    逆に難しいんじゃねぇの/"最後に、id, classを使わずにサイトを組むもんじゃない。"
  • ドメイン販売中

    ドメイン販売中

    ドメイン販売中
  • もうFlashは要らない!?スマホ用CSS3アニメを作ろう (1/3)

    HTML5/CSS3を使ったアニメーションを作成できるオーサリングツール「Sencha Animator」。連載ではこれまでSencha Animatorに用意された基図形や文字だけを使ってアニメーションを作成しましたが、実際には既存の写真やイラストなどの画像を組み合わせることが多いでしょう。そこで、今回は画像を使ってスライドアニメーションを作成します。また、画像がクリックされたら特定のページへ移動する方法も解説します。学習事項をまとめると以下のようになります。 画像の読み込みと配置 グループ化 フェードイン/フェードアウトの処理 クリック時の処理 テンプレートの追加 最初に、画像を1枚だけ読み込んだ状態でフェードイン/アウトする処理の設定方法を解説し、その後、複数の画像を読み込ませる方法、クリック時にページを移動させる処理について説明します。 画像の読み込みと配置 Sencha An

    もうFlashは要らない!?スマホ用CSS3アニメを作ろう (1/3)
  • Mozilla の Web O'(pen) Wonder

    驚きの連続 ウェブの見事なデモを探検してください! 高機能なブラウザで実現されるすばらしい発明の世界を! デモを投稿!

    ext3
    ext3 2011/03/23
  • いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0

    が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ

    いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
    ext3
    ext3 2010/11/27
  • 1