Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
『 絵で意味合いを主張するのはいいかもね：FFで動かないのが痛いところ 』
※ 画像は公式サイトデモより 最近のWeb開発は単純なタグ構成をCSSを使って装飾していくという形式が多い。確かに開発側にとっても単純な構造は分かりやすく、CSSで見た目を変更できるのはデザインとシステムの分離ができ、効率的だ。 [1] そしてこのソフトウェアはそれをさらに発展させてくれる。 今回紹介するオープンソース・ソフトウェアはMoreCSS、CSSを拡張するJavaScriptラ...
『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』
『 超クールhttp://coliss.com/articles/build-websites/operation/work/1353.html 』
The Highly Extensible CSS InterfaceCSS・JSを活用して高度なUIを作成するサンプル...
『 スクロールすると、それに追従してRSSのアイコンが表示されるJavaScriptライブラリ。スクロール追従型の広告はあまり好きではないが、別の何かに使えるのかもしれない。 』
JavaScriptを利用して動的にstyle属性値を変更することができる。しかし、折角スタイルシート（CSS）があるのに、JavaScript中で動的なstyle変更をしてしまうと、デザイン修正の際に不便になる。良質なサイトを作る上で、コードの記述にも気を使いたい。...
『 訪問済みリンクの分析もそうだけど、ちょっと頭をひねれば、まだまだ何か出来そう 』
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施し...
『 説明用ボックスが下からスライドして出てくるサンプルの紹介/カッコイイかも、使えそう/Vista+IE7,Firefox2とXP+IE6,Firefox2で動作確認（IE6のみ説明ボックスの見出しの行間が狭くて文字が欠けている） 』
『 javascriptのいろんなライブラリ。メニューやカラムを動的に変えられる。 』
Particletree Dynamic Resolution Dependent Layoutsウィンドウサイズに応じ...
footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示さすためのjsラブラリになります。 サンプル CSS Nite in Osaka Vol.7でちょっと話題にあがったので作ってみました。 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ...
『 http://coliss.com/articles/build-websites/operation/javascript/1278.html 』
Dynamic Driveのエントリーから、入れ子の階層に対応した多段型ナビゲーションのスクリプトを紹介します。 All Levels Navigational Menu FF1+ IE6+ Opr8+ Simple Tree Menu FF1+ IE5+ Opr7+ HV Menu FF1+ IE5+ Opr7+ Top Navigational Bar FF1+ IE5+ Opr7+ Blm Multi-level Effect menu FF1+ IE5+ Opr7+ Jim's DHTML Menu FF1+ IE5+ Opr7+ JsDOMenu FF1+ IE5+ Opr7+ JsDOMenuBar FF1+ IE5+ Opr7+ Chained Select Menu FF1+ IE5+ Opr7+
『 ラジオボックスってhttp://coliss.com/articles/build-websites/operation/javascript/1251.html 』
ryanfait.comのエントリーから、ボタンやチェックボックスなどフォームのエレメントのデザインを変更するスクリプトを紹介します。 Checkboxes, Radio Buttons, Select Lists, [...]
HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts Tab Accordian AJAX Tabs Ajax Project - Tabbed Page Interface Ajax Tab Reloaded Control Tabs Tabbar centered tabs with css Light Weight Low Tech CSS Tabs 2nd Level Tab Menu Fancy Sliding Tab Menu Core Design Magic Tabs
要素が挿入された瞬間を取得する 今までは出来ないと思っていたのですが、今日いろいろ試していて出来る方法が分かりました。 ですので、ちょっと紹介したいと思います。今のところアイデアなので、実用性は？です。 方法 HTML に以下の style 要素を挿入することで実現することができます。 <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = tr...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)