ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01a0c31d440f29a491fdd71f76aedb1d5a3f40b/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
「YUI Compressor 2.0」がリリース - JavaScriptとCSSの両方を圧縮 | エンタープライズ | マイコミジャーナル
Yahoo!のJulien Lecomte氏は27日(米国時間)、自身のブログにおいてYUI Compressor(The Yahoo! JavaScript Compressor)の最新版となる「YUI Compressor Version 2.0」を発表した。 YUI CompressorはJavaで開発されたJavaScriptソースコードの圧縮アプリケーションである。今月16日(米国時間)にYUI Compressorが発表されたばかりだが、その2週間後に最新版となるバージョン2.0が公開されたことになる。 バージョン2.0ではいくつかのバグが修正されているほか、コミュニティから提案されたいくつかの機能拡張が実施されている。例えば、正規表現に基づいたCSS最小化機能も追加されている。このためバージョン2.0ではJavaScriptが圧縮できるのみならず、CSSファイルの圧縮も実施さ
Yet Another Dynamic Presentation!
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
YUI Dependency Configurator
YUI Dependency Configurator: Choose the YUI components you want to use on your page; beneath the button toolbars, the text area will update with the sorted dependency list required to power your desired components. By default, we'll use aggregrate (rollup) files where possible and serve the files from yui.yahooapis.com. You can allow rollups and/or set your own base URL path if you choose. The Com
CSSルールを一括で追加する - FAX
CSSルールを一括で追加する JavaScript IEのStyleSheet#addRule(selector, property)は、セレクタごとに実行しなくてはいけないため代替を書きました。 Firefox、IE 6.0、Operaで確認しました。 function addRules(css){ document.body.appendChild( document.createElement('span') ).innerHTML = '<span style="display:none">DUMMY</span><style tyoe="text/css">' + css + '</style>'; } ダミーのエレメントがないと、IEではエレメントの追加を検知しないようです。 参考リンク 暴満館 » JavaScriptでCSSを弄る際のメモ The styleSheet o
CSS切り替えテンプレート
以前から予告していたCSS切り替えによる典型的な段組のパターンを網羅したテンプレート（ようやくブログで試用する段階になりました）。 フォーラムでよく見かける「2カラムを3カラムにしたい（あるいはその逆）」「サイドバーの左右を入れ替えたい」という要望を簡単に実現することができます。 このテンプレではエリア変数の使用は控えめです。 とりあえずHTMLはこんな感じになっています（3カラムのHTMLのケース4）。 <div id="container"> <h1></h1> <p></p> <form></form> <div id="primary"> <h2></h2> </div> <div id="secondary"> <h2></h2> </div> <div id="tertiary"> <h2></h2> </div> <div id="footer"></div> </div>
暴満館 » JavaScriptでCSSを弄る際のメモ その2
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 前回同様、結構適当に書いてる部分もあるので鵜呑みにしないように。 IEとMozillaでは、スタイルシートの値を取得するには以下の処理を利用すればよい。 function getStyleValue( selector, property ) { property = ( property.match( /-/ ) ) ? property.camelize( ) : property; var stylesheets = document.styleSheets[0].rules //IE || document.styleSheets[0].cssRules; //Mozilla for( var i = 0, len = stylesheets.length; i < len; i++ ) { v
暴満館 » JavaScriptでCSSを弄る際のメモ
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
[f-] javascriptでスタイル規則を追加したい
'; var notes_tb_div = document.createElement('div'); notes_tb_div.id = "notes-on-trackbacking"; notes_tb_div.className = "note"; notes_tb_div.innerHTML = notes_on_trackbacking; $('#trackback/../../p.trackback-list-head').before(notes_tb_div); // // comments: if (!$('#comments')) return; var notes_on_commenting = '※↓コメント本文でタグの入力はできませんが、改行は自動的に反映されます。また、http://で始まる文はリンクに変換されます。 2007-02頃からコメントにレスできない
![[f-] javascriptでスタイル規則を追加したい](https://cdn-ak-scissors.b.st-hatena.com/image/square/c93060e9dae693cc3d5f18c3a6e6a9801a591bea/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Ffacet.cocolog-nifty.com%2F.shared-cocolog%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)
満足せる豚。眠たげなポチ。:2005年の技術的なトレンドに乗り遅れないための5つのテーマ
年の暮れだからこそ、今年の技術的なトレンドへ乗り遅れないように復習をしたいもの。 Web2.0が脚光を浴びた2005年。とりあえずこの5つの分野から苦手分野をきっちり潰していきたいと思います。（多分にぼくの偏見と苦手分野の重視が影響している点はご了承ください。） Ajax Ruby on Rails HTML/CSS Javascript 正規表現 ということで、おすすめの書籍やサイトを総括。 Ajax 2005年はこれしかないでしょう。猫も杓子もAjaxと連呼した年でした。 Ajax: Web アプリケーション開発の新しいアプローチ http://antipop.gs/docs/translations/ajax.html これがなくちゃ始まらないですから。 Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ http://satoshi.blogs.com/life
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Shibuya.JS の資料「The next genaration of browsers」公開 - IT戦記
QrONE CSS Designer