タグ

ブックマーク / ghostpia.com (2)

  • HTML5 & CSS3 DEMO

    説明:このページはhtml5とcss3のデモ用に作成しました。 Safari4とFirefox3で正しく表示出来ます。 Operaでも読めますが一部のみの対応です。 IEだと崩壊します。 正しく表示してもある意味崩れてますが。(・ω・) Link Text Link Text Link Text 新仕様のhtmlはwebの現状を踏まえて次世代のマークアップの為に作成された新しいhtmlです。(多分。) header、footer、nav、section等の多彩なレイアウトに相応しい要素に加え、canvas、video等、インタラクティブ・コンテンツの為の要素が加わっています。現在、標準化団体の提示する仕様に合わせ、ブラウザ製作者が対応しつつある状況で実装状況はまちまちですが、将来的には進化していくCSSJavaScriptと共に使用する事によって充実したコンテンツを明快なコードで

    sac3937
    sac3937 2010/12/31
    このページはhtml5とcss3のテスト用に作成しました。折角なのでサンプルコードや簡易レクチャーも随時追加していこうと思います。
  • CSS3 「gradient」と「@font-face」

    CSS3 「gradient」と 「ウェブフォント(@font-face)」 このページは背景画像を一切使用していません。 背景のストライプ模様はCSS3のbackground-image:gradient、フォントCSS3の@font-faceでサーバー上に置いたフォントを読み込んで表示しています。これによって、閲覧者のパソコンにインストールされていないフォントも表示する事が出来ます。また、画像文字ではないのでコピーする事も可能。 SEOの一環としても有効です。 2010年1月現在、InternetExplorerとOperaではまだgradientに対応していない為、これらのブラウザでは背景は単色になります。フォントファイルはうっかり領収書5部ダメにできる筆圧を誇るふいさんの作った「まきばフォント」をお借りしています。 フォントの為のスタイル指定 @font-face { font

  • 1