HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
【レビュー】CSS3/HTML5ボタン「BonBonボタン」を試す | エンタープライズ | マイコミジャーナル
Interactive Designer at Refunk by day and a CSS3 explorer by night. BonBon Buttons - Sweet CSS3 buttonsに、CSS3とHTML5の機能を使って制作されたボタンサンプルが掲載されている。BonBon Buttonsと呼ばれる成果物で、大きなサイズのボタンを簡単につくることを目指して試験的に制作されたもの。BonBonという名前はフランス語でキャンディーを意味する単語からきているという。主にSafariなどのWebKit系ブラウザを対象としている。使用方法は簡単。次のようにclassの部分に用意されたクラスを指定するだけでいい。 <a href="" class="ここにクラスを指定">Label</a> 用意されている主なクラスは次のとおり。 色指定: orange、pink、blue、gr
【レポート】動くCSS3海賊 | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus. mir.aculo.usのCreating awesome CSS3 animationsにおいて、CSS3を使った素晴らしいアニメーションの例としてFreelance Treasure Mapが紹介されている。Chrome、Chromium、SafariなどのWebKitベースのブラウザでアクセスするか、iPadまたはiPhoneからアクセスすると、ページ上部に掲載されている海賊のアニメーションを確認できる。 Chrome 7でFreelance Treasure Mapを閲覧した場合 瞳は瞬き
実用サンプル、CSS3ピンマップデモ | エンタープライズ | マイコミジャーナル
Ajaxian CSS3やHTML5、JavaScriptに関するティップスを多く取り上げているAjaxianがPure Pulsing CSS Map Markersという記事でCSS3 Map Makerという興味深いデモンストレーションサイトを紹介している。CSS3のみで構築されたマップピンを表示するデモで、使われている画像は地図のみ。それ以外のデータはすべてCSS3の機能を使ってレンダリングされている。ピンはパルスを放つアニメーションを繰り返し描画している。 今のところCSS3 Map Makerの機能をフルでサポートしているのはMac OS Xで動作するSafari 5のみ。Chromeでも動作するが、CSS 3Dトランスフォームが機能しないため、マップは平面上のまま表示され奥行きのあるイメージでは表示されない。サポートしていないブラウザで閲覧するとかなりずれて表示される。 CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これはすごい！CSS3で描画されたiPhone:phpspot開発日誌