innerHTMLのより速い書き方 - zorioの日記
http://blog.stevenlevithan.com/archives/faster-than-innerhtml http://ajaxian.com/archives/replacehtml-for-when-innerhtml-dogs-you-down innerHTMLでノードの中身を置き換えるとき、一部のブラウザ(多分Firefox)では非常に遅い。 問題となるのは、子ノードのDOMからの削除らしい。 で、提案されてるのが代わりにこんな関数を使うこと。 /* This is much faster than using (el.innerHTML = value) when there are many existing descendants, because in some browsers, innerHTML spends much longer removin
100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
CSS だけでフォトギャラリー - lucky bag
CSS だけでフォトギャラリーっぽいのを作ってみるテスツ。「stu nicholls | CSS PLaY | CSS photo-gallery hover and active」あたりを参考に、ちょっとやってみた。サムネールにマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。別の場所をクリックすると元に戻る。ってな挙動。最低限のブラウザでしかチェックしてないんで、まともに動かない環境もあるかも知んない。 gallery.html (X)HTML は下記のように、画像を順不同のリストで並べている。 <ul id="gallery"> <li><a href="#empty-anchor"><img src="01.png" /></a></li> <li><a href="#empty-anchor"><img src="02.png" /></a></li> <li>
Curvelicious
ragged float Advanced CSS, served hot and fresh for your enjoyment! Come 'n' get it! First there was slantastic and then curvelicious, which showed how to get text to flow along curves and straight diagonals. The next step seemed obvious: to get text to flow along an irregular outline. Thanks to curvelicious, it turns out to be much less complicated than one might expect. In fact, to create a layo
My Top Ten CSS Tricks [CSS Tutorials]
CSS can be complex, and as each new browser version is released, you may well find yourself struggling to keep up with the latest tips and hacks. But those tips and hacks will save your sanity! Here, I’ve put together the ten tips that I find most helpful, to save you the hassle of scrounging around the Web for solutions when time is tight. 1. Block vs. Inline Level Elements Nearly all HTML elemen
![My Top Ten CSS Tricks [CSS Tutorials]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3fa475ce943a48db21acc256784b5c7fc17ab77/height=288;version=1;width=512/https%3A%2F%2Fwww.sitepoint.com%2Fwp-content%2Fthemes%2Fsitepoint%2Fassets%2Fimages%2Ficon.html-css.png)
IE で div の高さを 1px にする方法
こんなことに3日も悩んでしまった。div の height を 1px にしても、IE6 ではうまく表示されません。 <div style="width:100%;height:1px;background-color:red;"></div> これは次のように表示されます。 Mozilla / Firefox では意図通りに高さが 1px になりますが、IE では1文字分の高さが確保されます。そこで font-size を小さくしたらいいのではないか思い、 <div style="width:100%;height:1px;background-color:red;font-size:1px;"></div> のようにしてみましたが、これでも 2px 分は表示されてしまいます。他にも font-size:0px や line-height:1px のようにしてみたのですが、うまくいきませ
川o・-・）＜2nd life - Railsの最適化に関する10の事柄
http://weblog.textdrive.com/article/175/rails-optimizing-resource-usage TextDriveで、Optimizing Rails Resource Usageという記事が公開されました。Railsの最適化について10の事柄を挙げています。興味がある人は原文を読んでもらうとして、ここでは軽くサマリー(意訳)を。間違っていたらコメント歓迎！ 1. 最小限のFastCGI 開発には1つのDispatcherで十分。A list Apartでも4つのFastCGI Dispatcherで動かしてて速くてloadも0.01だよ。あとFCGIが増えるとDBコネクションも増えるからね。 2. キャッシュを使う Dispatcherを通さずキャッシュを使う。Railsではとっても簡単にキャッシュ使えるし、期限設定も楽だし。lighttp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フロートとネガティブマージンまとめ:CSS | Tech de Go
H.264形式の動画をFifth Generation iPodで！まとめサイト