CSS3 support in Internet Explorer 6, 7, and 8
NOTE: This script is obsolete. You should use the far superior CSS3PIE instead. CSS3 support for Internet Explorer 6, 7, and 8 What is it? IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard. How it works If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプル:phpspot開発日誌
A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更＋クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies
最近のほとんどの JavaScript フレームワークには、 CSS セレクタによる DOM エレメントの取得機能が実装されています。複数の要素を柔軟な条件で取得できるので、 DOM ツリーの操作がシンプルに記述でき、とても便利です。しかし、単に CSS セレクタを使いたいだけなのに、フル機能のフレームワークを読み込むのはちょっと抵抗がありますよね。 そんな悩みを解決してくれるのが、本日ご紹介する Sizzle, Peppy という 2 つのライブラリです。これらは他のフレームワークに依存しない独立した CSS セレクタエンジンで、しかも jQuery 等の既存のエンジンより数倍高速に動作します。 unobtrusive な Web ウィジェットの開発や、独自フレームワークの開発に最適ですね。その他にも広範な用途に使えるでしょう。 以下でこれらのライブラリの使い方や動作速度等の検証結果を掲
[JS]スクリプトやスタイルシートだけで実装する画像ギャラリー集
Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gal
30 jQuery Menu Bar Tutorials & Examples - 1stWebDesigner
Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be th
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Whatever:hover
Hi there! This script is from 2003, and targets a flaw in IE6, which at its peak was a really popuplar browser. Today (oct 2011) it no longer is, and as such this script should not really be necessary anymore. Please try to convice your client, project manager or boss, that not every browser needs to display a website the exact same way; it is the content that matters. And if you really still need
IE 6 以下で CSS の E:hover, E:active を有効にする JS | ヨモツネット
概要 IE 5, 5.5, 6 の環境で、全ての要素に対して CSS の E:hover と E:active を有効にする JavaScript ライブラリです。 例えば、 p:hover { baclground : #ccc; } のように CSS を記述すれば、これが動作します。 ただし、E:active にはすこしおかしい部分があるので、E:hover のみでの利用が無難かと思います。 動作確認用の demo ダウンロード 使用方法 ie6csshover.htc を JavaScript として読み込むだけで使用することができます。 例えば、以下のようなソースコードを HTML の head 要素内になどに追記します。 <script type="text/javascript" src="js/ie6csshover.htc"></script> この JavaScript
CSS3 Multi-Colum Layout Demonstration and Documentation - CSScripting.com
Limitations (as of version 1.0beta) Values for column-width and column-gap must be given in pixels. The implementation relies on a light javascript css parsers. Avoid complex css structures (like cascading rules). This is ok: .article { column-count: 3; column-gap: 20px; } This is likely to break: #somearticleid { column-count: 3; } .different_selector { column-gap: 20px; } Also, for n
我的春秋: niftycube.js - 角丸効果 JavaScript ライブラリ
先日、"Nifty Corners Cube" という、ボックスの外枠に角丸効果を出すための JavaScript ライブラリを知りました。「え？今頃知ったの？」って方はともかく、「何でいまさら角丸効果を JavaScript で出す必要なんかあるの？！そんなの、CSS でできるじゃない？」と怪訝に思われる方もいるでしょうが、まずはこの niftycube.js の特徴をご覧あれ。 主要機能 文書構造上、無意味なブロック要素（div など）を HTML 上に記述することなく、単一の div 要素に対してでも角丸効果を出すことができる。 （以前に紹介した behaviour.js のように）角丸効果を適用する場所を CSS セレクタで指定できる。 CSS の背景色や背景画像などを niftycube.js が自動的に検出してくれるため、JavaScript の記述量が非常に短い。（JavaS
CSSの擬似クラス：IE6/IE7でも使う方法あります - builder by ZDNet Japan
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
IE7でHTMLに存在しない要素にスタイルシートを適用する方法: ある SE のつぶやき
AjaxianとHTML5.JPでIE7以降で、HTML5の新要素にスタイルシートを適用する方法が紹介されていました。 Ajaxian » Getting HTML 5 styles in IE 7+ HTML5の新要素にCSSを適用するテクニック - HTML5.JP ですが、この方法はどんな要素にも適用できるようです。 例えば、以下のようなHTMLがあったとします。 <html> <head> <style> dummy { color:red; font-size:2em;} </style> </head> <body> <dummy>ここは<dummy>要素です。</dummy> </body> </html> このHTMLは、IE7では以下のように表示されます。 FireFox2.0だとこうなります。 Opera9.24だとこうなります。 IE7だけスタイルシート
eWeb - ホームページ作成支援 Web Design
Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, cons
A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets
So you’ve got a web page. You’ve marked it up with structural XHTML. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Great. But now you need a cross-browser way to dynamically switch between the style sheets. Styling your site#secti
Styling File Inputs with CSS and the DOM // ShaunInman.com
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with File inputs (<input type="file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. Bef
「やるな！」と思われるデザイナーに ♯16 | 名古屋圏の情報 > アイデアノート | withD
2008.09.11 | インタビュー 若林剛之さん（SOU・SOU 代表取締役・ディレクター）インタビュー どれだけ人の役に立てるか。それがデザインの力だと思う。 ◎先着6名様に手ぬぐいをプレゼント！
CSS切替スクリプト - 徒委記
CSS切替スクリプト 目標/特徴 ソース 使い方 利用許諾 要望 今後の予定 既知の問題 変更履歴 経緯 利用サイト 他にスタイルシート切り替えスクリプトを提供しているところ なるべくDOM標準に沿うようにCSS切替スクリプトを書いてみる試み。 いちゆうさんのスタイルシート切り替えスクリプトを元にしています。 目標/特徴 なるべくDOM標準に沿った方法を用いています。 でもIE5以上で動作するようにしています。 付随的な特徴: application/xhtml+xmlなページにも対応しています。 Opera 7でも動作するようになりました。 MacIE 5でも動作するようになりました。 動作しないブラウザでも、スクリプトのエラーダイアログを出さないようにしています(WindowsのNN3, IE4でエラーダイアログが出ないことを確認)。 ソース 徒委記で動かしているスクリプト /* cs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
%25A5%25C8%25A5%25D4%25A5%25C3%25A5%25AF%25A5%25B9%252F100)CSS%25A1%25A6JavaScript%252F500)fixed.js%2520IE%25A4%25CEposition%25A1%25A7fixed%25A4%25CE%25A5%25D0%25A5%25B0%25C2%25D0%25BA%25F6.html)
http://www.support-you.com/wiki/itnews/IT%20News%2F001)%A5%C8%A5%D4%A5%C3%A5%AF%A5%B9%2F100)CSS%A1%A6JavaScript%2F500)fixed.js%20IE%A4%CEposition%A1%A7fixed%A4%CE%A5%D0%A5%B0%C2%D0%BA%F6.html