[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout | コリス デザイン・アート・芸術系の情報集

[JS]ブラウザの幅に合わせてレイアウトを最適化するスクリプト -Dynamic Layout | コリス に関連する情報一覧 ■

Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]

2008/07/18 0:43:24 はてなブックマーク数91 ライブドアクリップ数22 del.icio.us数0 coliss.com
← 前の画面に戻る  [ ※ ドメインリストを表示する ]
デザイン・アート・芸術系の情報集
[ スポンサード リンク ]
24件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
[ ソート ] 日付順 人気順
[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2 | コリス デザイン・アート・芸術系の情報集

A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript CSS jquery ナビゲーション Webデザイン
2008/08/27 0:45:04  coliss.com

『 絵で意味合いを主張するのはいいかもね:FFで動かないのが痛いところ 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript CSS library web libraly
2008/08/24 6:30:03  phpspot.org
MOONGIFT: » JavaScriptを使ってCSSを拡張「MoreCSS」:オープンソースを毎日紹介 デザイン・アート・芸術系の情報集

※ 画像は公式サイトデモより 最近のWeb開発は単純なタグ構成をCSSを使って装飾していくという形式が多い。確かに開発側にとっても単純な構造は分かりやすく、CSSで見た目を変更できるのはデザインとシステムの分離ができ、効率的だ。 [1] そしてこのソフトウェアはそれをさらに発展させてくれる。 今回紹介するオープンソース・ソフトウェアはMoreCSS、CSSを拡張するJavaScriptラ...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript CSS web デザイン webdesign
2008/08/24 6:30:03  www.moongift.jp

『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript jquery form css Web制作
2008/08/03 4:43:36  phpspot.org
apple風のアニメーションする超クールなメニューを作成:phpspot開発日誌 デザイン・アート・芸術系の情報集

『 超クールhttp://coliss.com/articles/build-websites/operation/work/1353.html 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css webデザイン 超クール メニュー
2008/07/31 16:43:16  phpspot.org
CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」:phpspot開発日誌 デザイン・アート・芸術系の情報集

The Highly Extensible CSS InterfaceCSS・JSを活用して高度なUIを作成するサンプル...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css ui webデザイン リファレンス
2008/07/24 6:30:04  phpspot.org
Scroll RSS Icon - スクロールに連動するRSSアイコンの作り方 - youmos デザイン・アート・芸術系の情報集

『 スクロールすると、それに追従してRSSのアイコンが表示されるJavaScriptライブラリ。スクロール追従型の広告はあまり好きではないが、別の何かに使えるのかもしれない。 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript rss css 未来は開かれている メタ情報
2008/07/24 6:30:04  youmos.com
Class属性をJavaScriptで動的に切り替える (setElementClassById) - youmos デザイン・アート・芸術系の情報集

JavaScriptを利用して動的にstyle属性値を変更することができる。しかし、折角スタイルシート(CSS)があるのに、JavaScript中で動的なstyle変更をしてしまうと、デザイン修正の際に不便になる。良質なサイトを作る上で、コードの記述にも気を使いたい。...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css tips web プログラム
2008/07/24 6:30:04  youmos.com
JavaScriptでブラウザのフォントサイズを検出する方法:phpspot開発日誌 デザイン・アート・芸術系の情報集

『 訪問済みリンクの分析もそうだけど、ちょっと頭をひねれば、まだまだ何か出来そう 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css tips font フォント
2008/07/24 6:30:04  phpspot.org
滑らかに開閉するメニューのサンプル | WWW WATCH デザイン・アート・芸術系の情報集

以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施し...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css webデザイン webdesign web
2008/07/24 6:30:04  hyper-text.org
クリック後の説明文を凄くオシャレに表示できる「mooSlide」:phpspot開発日誌 デザイン・アート・芸術系の情報集

『 説明用ボックスが下からスライドして出てくるサンプルの紹介/カッコイイかも、使えそう/Vista+IE7,Firefox2とXP+IE6,Firefox2で動作確認(IE6のみ説明ボックスの見出しの行間が狭くて文字が欠けている) 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript AJAX webデザイン lightbox CSS
2008/07/24 6:30:04  phpspot.org
Web開発者のためのライブラリTOP10とCrossBrowserToys:phpspot開発日誌 デザイン・アート・芸術系の情報集

『 javascriptのいろんなライブラリ。メニューやカラムを動的に変えられる。 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript ajax library web css
2008/07/23 6:30:02  phpspot.org
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌 デザイン・アート・芸術系の情報集

Particletree Dynamic Resolution Dependent Layoutsウィンドウサイズに応じ...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript CSS library design ライブラリ
2008/07/23 6:30:02  phpspot.org
footerをウィンドウ下部に固定する『footerFixed.js』[to-R] デザイン・アート・芸術系の情報集

footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示さすためのjsラブラリになります。 サンプル CSS Nite in Osaka Vol.7でちょっと話題にあがったので作ってみました。 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript CSS design web制作 フッター
2008/07/23 6:30:02  blog.webcreativepark.net
JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」:phpspot開発日誌 デザイン・アート・芸術系の情報集

『 http://coliss.com/articles/build-websites/operation/javascript/1278.html 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript ツリー ui css webデザイン
2008/07/09 16:43:18  phpspot.org
[JS]入れ子の階層に対応した、多段型ナビゲーションのスクリプト集 | コリス デザイン・アート・芸術系の情報集

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+

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript まとめ ui css ナビゲーション
2008/07/08 16:43:16  coliss.com
チェックボックス、ラジオボックスをオシャレに表示するJS:phpspot開発日誌 デザイン・アート・芸術系の情報集

『 ラジオボックスってhttp://coliss.com/articles/build-websites/operation/javascript/1251.html 』

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css デザイン チェックボックス ui
2008/07/07 16:43:17  phpspot.org
[JS]フォームのボタンやチェックボックスをかわいくするスクリプト | コリス デザイン・アート・芸術系の情報集

ryanfait.comのエントリーから、ボタンやチェックボックスなどフォームのエレメントのデザインを変更するスクリプトを紹介します。 Checkboxes, Radio Buttons, Select Lists, [...]

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript css form フォーム デザイン
2008/07/02 16:43:38  coliss.com
50超のCSSやJavaScriptで実装するタブ型ナビゲーション集 | コリス デザイン・アート・芸術系の情報集

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

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
javascript css webデザイン まとめ タブ
2008/06/26 16:43:14  coliss.com

要素が挿入された瞬間を取得する 今までは出来ないと思っていたのですが、今日いろいろ試していて出来る方法が分かりました。 ですので、ちょっと紹介したいと思います。今のところアイデアなので、実用性は?です。 方法 HTML に以下の style 要素を挿入することで実現することができます。 <style type="text/css"> * { display: expression(function() { if (!this.__mark) { this.__mark = tr...

 [ 詳細 ]  [ 関連 ] [ ニコニコ風 ]
JavaScript css IE tips あとで読む
2008/05/30 16:43:20  d.hatena.ne.jp
24件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]