Code Archive Skip to content Google About Google Privacy Terms
2010年2月19日(金)に開催されたデブサミ2010の「次世代Web標準 HTML5 最新動向」というセッションの中で、ライトニング・トークを行いました。 このライトニング・トークで、『HTML5 Show Case』と題して、HTML5 のテクノロジーを使った作品を通して、簡単に、そのテクノロジーの使いどころを紹介しました。 お越し頂いたみなさまには、お忙しい中、そして、デブサミでも最後となるセッションでお疲れのところ、私のトークをご静聴いただき、ありがとうございました。短い時間でしたが、HTML5 が目指しているウェブの世界を、少しでも実感いただけたら幸甚です。 遅くなりましたが、デブサミ2010での私のプレゼン資料を公開します。当日、お越し頂いたみなさま、そして、参加していない方でも、HTML5 にご興味のある方のご参考になれば幸いです。 HTML5 Show Case – Dev
概要 IE 5, 5.5, 6 の環境で、全ての要素に対して CSS の E:hover と E:active を有効にする JavaScript ライブラリです。 例えば、 p:hover { baclground : #ccc; } のように CSS を記述すれば、これが動作します。 ただし、E:active にはすこしおかしい部分があるので、E:hover のみでの利用が無難かと思います。 動作確認用の demo ダウンロード 使用方法 ie6csshover.htc を JavaScript として読み込むだけで使用することができます。 例えば、以下のようなソースコードを HTML の head 要素内になどに追記します。 <script type="text/javascript" src="js/ie6csshover.htc"></script> この JavaScript
The years of travel Mozart's musical ability started to become apparent when he was a toddler. He was the son of Leopold Mozart, one of Europe's leading musical pedagogues, whose influential textbook Versuch einer gründlichen Violinschule ("Essay on the fundamentals of violin playing") was published in 1756, the same year as Mozart's birth. Mozart received intensive musical training from his fathe
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it’s important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and si
Login / Register Username/Email password Login with Google Login with Facebook Login with GitHub Achievements 12212212 won commentator badge 1 day ago EdomwonyiAvis7581 won commentator badge 2 days ago backlinkshop won commentator badge 5 days ago mihewab415 won commentator badge 1 week ago rafaykhatri won commentator badge 1 week ago petershawn1221 won commentator badge 1 week ago Galaxy408 won c
javascriptを使ってのスタイルシートスイッチソース元を紹介。 スタイルシートの切り替え・文字サイズの切り替え・ブラウザの表示幅を検知して表示を変更するものなどいろんなものがあります。スクリプトの参考に。ついでに個人的にスタイルシートの切り替えを導入しているサイトを少し紹介。
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
google-code-prettifyとは? 統合開発環境や高機能エディタでは、編集するソースコードやテキストファイルの種類に応じてテキストがハイライト表示されることが多い。ハイライト表示はきれいで見やすくなるし、コーディング上の問題を発見しやすくなるという実用上の利点もある。 となるとWebで掲載するソースコードも、ぜひともハイライト表示させたいところだ。Web掲載するソースコードやテキストのハイライト表示化の方法はいくつもあるが、ここではGoogleで公開されている「google-code-prettify」を紹介したい。 google-code-prettifyはApache License Version 2.0のもとで公開されているシンタックスハイライトモジュール。JavaScriptモジュールとCSSファイルの2つから構成されたシンプルな成果物で、HTML文書内に直接記述され
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
