IE、setAttributeでclassは設定できない - FAX
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでclassを設定した要素にCSSが適用されなかった。 以下コードで1〜3の3つのSPAN要素を作った。3のみCSSが効かず、背景が赤くならなかった。 1 このときinnerHTMLを見ると以下のようになった。setAttributeで設定したものだけ内部的に結果が異なっているように見える。 1 2 3 Internet Explorer 7.0.5730.11にて確認した。FirefoxおよびOperaでは正常に動作した。
【IE７も対応！】コピペでつかえる主要ブラウザをclearするコード再び::::::STOPN' LISTEN::::::to the silence:::::::
HTML,CSS,CSSハック,SEO,Web広告,Webトレンド等の話題を扱うkennsuのblogです。日常の話題はこちらへ「kennsuの行動記録」 Home｜ About｜ Archive｜ RSS feed IE７のリリースもまもなくだそうで我々コーダーにとっては恐怖のアンゴルモア大王がやってきた気分です。 と、言いましてもIE6から多くのバグを解決しRSSリーダーも標準装備（feedpathっぽいデザインでしたよ）で使えるCSSセレクタも増量！。 やっぱり生まれ変わったIE君、今まで嫌われ者だったIE君を暖かく迎える準備をしてあげたいと思いまして、本日は紙の輪っかを一杯つなげたやつ（あれなんていうの？）の代わりに以下のコードを用意してIE７君を迎える準備をしたいと思います。 詳細は以下。 div{ min-height:1%; } div:after{/*for modern
スタイルシートを分けて管理する方法をまとめる - 2xup.org
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
CSSに抽象化の手法を導入したら便利じゃね？ - [・ _ゝ・]日記を書くはやみずさん
CSSは、あまりにプリミティブすぎる、という話。 既存の問題点 (俺が知らないだけかもしれないけど)CSSは、基本的にHTMLタグの名前、クラス、擬似クラス等のセレクタ*1等で対象を指定して、その中にプリミティブなスタイルの指定を書き並べていく*2、というスタイル。 これって、ものすごく不便じゃない？少なくとも、反復作業が大嫌いなプログラマにとっては苦痛が生じる場面が多々ある。 例えば、ページを左右に2分割するようなレイアウトを考えてみる。右側が背景白、文字色黒で、左側が背景黒、文字色白にすることになった。その他のデザイン的な要素については、左右共に同じとする。このとき、スタイルシートはこんな感じになると思う。 div#page_right { width: 50%; float: right; background-color: white; color: black; (ここから共通部
![CSSに抽象化の手法を導入したら便利じゃね？ - [・ _ゝ・]日記を書くはやみずさん](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f299810a4917af63c2ef2d811552fec77300dd4/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127031278216%2F17680117127031349956%2F1555337247)
CSS3 Selectors Test - CSS3 . Info
Is your browser compatible? After starting the testsuite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each selector to see the results, including a small example and explaination for each of tests. Because it i
Selectors API Level 1 (W3C Working Draft 28 June 2012)
Selectors API Level 1 W3C Recommendation 21 February 2013 superseded 3 November 2020 This Version: https://www.w3.org/TR/2020/SPSD-selectors-api-20201103/ Latest Version: https://www.w3.org/TR/selectors-api/ Previous Versions: https://www.w3.org/TR/2013/REC-selectors-api-20130221/ http://www.w3.org/TR/2012/PR-selectors-api-20121213/ http://www.w3.org/TR/2012/WD-selectors-api-20120628/ http://www.w
Behaviour : Using CSS selectors to apply Javascript behaviours
Behaviour.js is deprecated Behaviour.js was my library for doing unobtrusive javascript using a combination of a CSS Selector library and some simple javascript. This functionality has now been adopted and improved upon by all the major javascript libraries. I personally use Jquery, which through the .live() method, let's you do all of the functionality of Behaviour.js, but including automatically
naoyaのはてなダイアリー - Perl で CSS セレクタ
ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。 このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。 という Ruby の scrAPI での CSS セレクタがいい感じでございますなあと指をくわえて見てたんだけど、 Per discussions in CSS Selector in Perl, I made a quick perl module HTML::Selector::XPath, which is available at http://svn.bulknews.net/repos/public/HTML-Selector-XPath/trunk/ now.
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
CSSデザインテンプレート-AGss-
ご利用における注意点 画像の直リンクはしないでください AGssに直接的、間接的に被害を与えるサイトのご利用は、禁止します。 リンクや報告は強制してません。でもしてくれると、ミコト幸せ音頭をおどります（笑） AGssのテンプレートを利用したことにより、いかなる損害やトラブルが起こっても、一切責任は負わないものとします。
CSSとButtonタグを使ったクールなボタンサンプル集:phpspot開発日誌
Digital Web Magazine - Push my button If there’s one element I think doesn’t get enough respect, it’s gotta be button. It’s played second fiddle to input in tutorials and form examples for as long as I can remember. CSSとButtonタグを使ったクールなボタンサンプル集。 Formのsubmit ボタンを作る場合、<input type="submit" value="送信"> の形式が最も使われていますが、 <button type="submit"></button> タグを使い、その内部にHTMLを入れこんでCSSでデザインすることでリッチなボタンが作れる実例。 <in
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
CSSの小技集、20個:phpspot開発日誌
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS ＦｌｏａｔのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現 CSSボタン オレンジのRSSボタンをP
ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
暴満館 » 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 + "}" );
cssデザインで知っておきたいたった一つのサイト - なつみかん＠はてな
CSSデザイン格付けサイトいろいろ - GIGAZINE 例によってサイトを３つ紹介しただけの記事がホッテントリになってます。もちろんいずれも素晴らしいサイトですが、まず何より先にこのサイトを見て頂きたいです。 Most Inspired このサイトの下の方にスクロールすると、26のCSSギャラリーサイト、それぞれ最新10件のURLが表示されています。で、何より便利なのがサイト名にマウスを重ねるとサムネイルが表示される点。「MORE▼」をクリックすると最新20件まで表示されます。 各CSSギャラリーのRSSを購読するのも手ですが、ここを時々見て気に入った所に飛んでみるのも良いかと思います。と言うか、このサイトが100usersいってないのが信じられません。こういうサイトこそ1000usersを超えてほしいと思うのですが…。
CSSデザイン格付けサイトいろいろ - GIGAZINE
CSSでデザインされたサイトを集めた「csstux」は、CSSを使ってかっこよくデザインされたサイトがいろいろノミネートされており、それぞれにトラックバックを送ったり、コメントを付けたりすることが可能です。また、各サイトはレートによる格付けがされているので、人気の高いデザインがどれなのかもすぐにわかるようになっています。 これ以外にも同様のサイトはいろいろあるので、知る限りのCSSデザイン格付けサイトをまとめてみました。ウェブデザインの際の参考になるのではないかと。 今回最初に紹介する「csstux」はこれらのCSSデザイン格付けサイトの中ではかなり新参の部類なので、知らない人も多いのではないかと。 以下のフォームから自分のサイトをノミネートさせることも可能です。 csstux - Submit your site 2つめは「CSSElite」 ノミネートするには以下のページに書いてあるメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hairy-spider.com/2006/02/24/AnnouncingDOMHelperANewAndImprovedCSSEditor.aspx
http://www.osresources.com/6_1_en.html
SELFHTML aktuell: XHTML- und CSS-Sidebars