Effeckt.css
Modals # Source: Codrops From Below From Above Slide In (right) Slide In (bottom) Newspaper Side Fall Sticky Up 3D Flip (horizontal) 3D Flip (vertical) 3D Sign Just Me 3D Slit 3D Rotate Bottom 3D Rotate In Left Blur Let Me In Make Way! Slip From Top From Top, Tilt Fall From Top to Bottom From Bottom to Bottom From Top to Top
Internet Explorer: Testing Center
Internet Explorer Testing Center をご覧いただきありがとうございます 開発者はもちろん、一般ユーザーや企業ユーザーにとっても、W3C と Ecma Internationalが取り組んでいるWeb技術の標準化はブラウザーの挙動を決めるという点でとても重要です。そして、この標準化を包括的に検証する仕組みは、透明性が高く、健全な標準化やしっかりした仕様書、マークアップの仕方によってレンダリングの差異が起こらないようなブラウザの相互運用性を推進する手助けとなります。 Webの作り手が検証の結果をチャプター別や仕様別に効率的に確認することができれば、彼らが本来取り組むべき、あるいは取り組みたいWeb エクスペリエンスの作り込みに集中できるはずです。そこで、マイクロソフトでは 99の新しいJavaScriptのテストケースを含む、138 のテストケースを新たに用意し、
A Style All Their Own
Modifying a DOM element's style during user interaction is one of the pillars of creating DHTML interfaces that transition from state to state in a smooth, and (hopefully) intuitive way. Every HTMLElement in the DOM contains style, a collection of properties corresponding to the CSS properties understood by the browser. For JavaScript and CSS enabled browsers, the following two paragraphs would co
カーソルハイライト機能をつける Tablecloth が重いので軽量版を作成
約半途ほど前に各所で紹介されていた記憶がある Tablecloth って JavaScript のライブラリ。マウスの動きにあわせてテーブルをハイライトしてくれる小粋なライブラリです。 こいつを本業のツールでちょっと利用としたのですが問題発生。比較的要素数が少ない小さめのテーブルで使う分にはなんら問題なく動作するのですが、ある程度要素数が多い大きなテーブルで使うととたんに動作がもっさりして全く使いものになりません。しかももっさりするのは IE 限定です。FireFox とか Opera では至って快適に動作します。また IE かっ！と思いつつももっさりする理由を調べようとソースをみてみました。 さていろいろ書き換えたりして実験した結果、重い理由は以下の二点であることがわかりました。 ハイライトの実装に CSS のクラスの切り替えを利用していました。この CSS の切り替えという行為が IE
API: (YUI Library)
ALL_YUI_PROPS = [{"access": "", "host": "YAHOO.util.Region", "name": "0", "url": "YAHOO.util.Region.html#property_0"}, {"access": "", "host": "YAHOO.util.Region", "name": "1", "url": "YAHOO.util.Region.html#property_1"}, {"access": "", "host": "YAHOO.widget.Column", "name": "abbr", "url": "YAHOO.widget.Column.html#property_abbr"}, {"access": "", "host": "YAHOO.util.Get", "name": "abort", "url": "Y
expression() のまとめ
前書き expression()のことをダイナミックプロパティといいます。 スタイルシートのプロパティで body { height: expression(); } みたいに使います。 簡単に言うと、CSSの中でJavaScriptが動かせる、って感じです。 IE5以上での、独自拡張です。 Googleで検索しても、 イマイチまとめサイトとかサンプルみたいなものがなかったので、 値としてスクリプトのようなものが書けるということしか知らないのですが、 いろいろ実験してでてきた経験則を、 ここでまとめて紹介して置いておくことにします。 あくまで経験則なので、もしかしたら間違ってたり もっとうまいやり方があったりするかもしれません。 備考 IE5以上で、 expression() というプロパティを使うことで、 ダイナミックにページや要素のスタイルを変えることができます。 一番簡単で、かつ一番
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Primer
Quick Lookup