さて、XPathはどこで使う? - os0x.blog
XPath は jQuery や Prototype.js と競合する技術ではなく、むしろ共存する技術です - IT戦記について軽く。 僕はGreasemonkeyを書くときに必ずといっていいほどXPathを使っている。XPathなしでいろんなサイトのHTMLを弄ることは最早苦痛でしかなくて、XPathがものすごく強力で、便利なであることは良く実感している。 でも、 僕は自分が管理するサイトでXPathを使うことはない、つまり汎用JSライブラリとXPathを併用することはないだろうなと思う。 理由は簡単で、自分が管理するサイトであれば適切なマークアップによってシンプルにDOM操作を行えるから。 JavaScriptから操作する各要素に、id,name,classなどの適切な属性を指定してあれば、getElementByIdなどのネイティブなメソッドで高速にアクセスできます*1。 普通はこれ
見出しの2段レイアウト - チープカ
CSS, はてな | 17:11 | http://d.hatena.ne.jp/hatenadiary/20071011/1192086312d2からdへ本格施行されたようなのでこういう風にして見た。やはり問題はsanchorが消えたせいでどこがタイトルなのかがわかりにくくなるというところなので、ボーダーをつけて、下の列と結合させるようにしてみることで割とはてなダイアリーに見えないような作りになりました。公開デザイン「somewhere」にも反映させてみたのでどうぞ。ソースはこんな感じ。2段表示の時だけh3にtitleクラスがつくのでそれを使えば分離して記述する事ができます。 .section h3.title{ margin: 0; line-height: 1.2; padding: 2px 0 0 3px; border-left: solid 4px #E9E2BD; } .se
MOONGIFT: » CSS Validを目指せ！「CSS Validator」:オープンソースを毎日紹介
CSSを使ったサイトが当たり前になりつつあるが、ブラウザ間の整合性を保つのは非常に難しい。ましてやValidなCSSをくみ上げるというのは並大抵ではなく難しい。 チェックする機能が必要だ。オンライン上でCSSのチェックをしてくれるサービスとしてはW3C CSS 検証サービスがあるが、これはサービスが既にローンチしている必要があった。この問題を解消できるのがこれだ。 今回紹介するオープンソース・ソフトウェアはCSS Validator、ローカルに設置できるCSS検証ソフトウェアだ。 CSS Validatorはオンラインサービスはもちろん、そのプログラムをオープンソースとして公開している。Javaのプログラムになっており、Tomcat等のアプリケーションサーバに組み込んだり、コンソールで動作させる事ができる。 コンソールで動作させるのが最も手軽だ。この場合、CSSのあるURLとしてlocal
ウノウラボ Unoh Labs: hasLayoutとは何か
yamaokaです。 CSSに携わっている方なら、Holly hackを使ったことがあるかもしれません。 /* Hides from IE5-Mac \*/ * html .foo { height: 1%; } /* */ Internet Explorer（以下IE）で、レイアウトに問題のある要素に 上記のようなスタイルを指定をすると、 あら不思議、まともな表示がなされるというものです （上記のままではIE7に対応していませんが…）。 さて、どうしてレイアウトが意図したとおりに行われるようになるのでしょうか。 IEのhasLayoutプロパティ IEでは、全ての要素が 「hasLayout」という読み取り専用のプロパティを持っています。 これはそれぞれの要素がレイアウト情報（＝要素の幅・高さなどに関する属性情報）を 保持しているかどうかを示す値で、 デフォルトの状態では「hasLayo
Lism.in
CSSサンプル ここでは、Smart*CSS独自のCSSである.scssファイルの記述方法のサンプルをご紹介します。Smart*CSSがインストールされた環境で、.scssファイルにBeforeのように記述すると、Afterのように変換されたCSSが表示されます。 階層化 Before #content { p { margin:1em; padding:0; } ul { list-style:none; li { padding:5px; } } } After #content p { margin:1em; padding:0; } #content ul { list-style:none; } #content ul li { padding:5px; } Smart*CSSによる最も基本的な書式です。波括弧を入れ子にして階層構造を作ってやると、それに合わせたCSSを出力します
自由にカスタマイズ可能なWebサイトテンプレート・ジェネレーター - doTemplate.com - sta la sta
Free Online Template Builder オシャレなWebサイトやブログのテンプレート集は既にたくさん存在する。でも気にしないでこちらのサイトをご紹介。 この『doTemplate.com』では、いくつか用意されているWebサイトのテンプレートを自由にカスタマイズしてダウンロードできるサービスを提供中である。 たとえばこんな感じのテンプレートが。 気に入ったデザインがあれば『Customize』をクリックしよう。そうすると↓のようにデザインのカスタマイズ画面が表示される。 右上のメニューから変更したい箇所を選んで色々いじってみよう。 参考までにカスタマイズ前↓ カスタマイズ後↓ なかなか面白い。 気に入ったデザインができたら『Download』で画像ファイルやスタイルシートをゲットできる。ご利用は自由に。 今はまだテンプレートの数が少ないけど、これからじゃんじゃん増えてくれ
Blog - Litmus
Capabilities Litmus is an all-in-one email marketing solution that helps you optimize and personalize every email to maximize your ROI and create exceptional brand experiences for every subscriber. Why Litmus Email Monitoring Email Design Email Building Email Personalization Email Testing Spam Testing Email Analytics Email Collaboration and Review Technology Integrations AI & Emerging Email Techno
javascript - CSSをいじくる : 404 Blog Not Found
2007年03月12日02:00 カテゴリLightweight LanguagesiTech javascript - CSSをいじくる JavaScriptでDOM要素のstyle属性をいじるのは簡単ですが、これがCSSともなるとobject treeが深くて大変で、Webを見回してもほとんど参考例がありません。動的にCSSをいじっているサイトの例は徳保さん趣味のWebデザインぐらいしか見かけません。 というわけで、習作を兼ねて、style属性ではなくCSSをまるごと書き換える関数を作ってみました。 CSS Manipulation via JavaScript http://www.dan.co.jp/~dankogai/css/css_handlers.html 解説 動作確認はFirefox 2, Opera 9, Safari, Mac IE5で行っています。Safariでのみ
CSSのセレクタをXPathに変換する - nazokingのブログ
Warning! 2008/5/22追記：このエントリは情報が不十分だったり間違いが含まれてたりするので、下記URLのページを参考にするようにしてください↓ http://piro.sakura.ne.jp/latest/blosxom/mozilla/xul/2007-09-13_selector-to-xpath.htm CSS3あたりをXPath1.0あたりに変換する表 CSSXPath .class//*[@class="class"]*1 .class//*[contains(concat(" ",@class," ")," class ")]*2 tag//tag #id//*[@id="id"] tag.class#id//tag[@class="class"][@id="id"] .class.class2//*[contains(concat(" ",@class," "
Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex
Latest topics > CSS3セレクタとXPathでの表現の対応表 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « getElementsByなんちゃら の代わりにXPathを使う Main Mozilla 24 » CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸がどうとか修飾がどうとか、い
Firefox2でcursor:hand;が表示されない件 - Nameless Element Lab
Firefox2やSafariでは cursor:pointer; を利用する。 検索したらできない、できないばっかり出てきたので 可能な方法も書いとけよ！って思いました。書いときます。
MOONGIFT: » プログラマブルCSS「Moonfall」:オープンソースを毎日紹介
CSSは柔軟な書き方に対応するフォーマットだが、運用を続けていくと構造の階層が乱れていったり、フォントサイズの設定が様々な場所に散らばったりと管理しづらくなっていく。 データを上手に管理すべく、プログラマブルなCSSを導入してみるのはいかがだろう。 今回紹介するオープンソース・ソフトウェアはMoonfall、CSSジェネレータだ。 Moonfallはスクリプトで定義する変数のリストと、CSSテンプレートからなる。CSSテンプレートには[]で囲むと数値や文字に置き換わる。ハッシュで定義してCSS指定をまとめることもできる。 fillと言う関数を利用すると、二、三段のカラム生成が容易にできる。幅や一部のカラムの大きさを指定すれば、あまった場所については自動計算してくれる仕組みだ。 現状のCSSは言わば各数値、文字列がハードコーディングされた状態だ。柔軟なデザイン変更に対応するにはやはり変数化が
ウノウラボ Unoh Labs: 「サーバサイドCSS」という選択
miyakeです。突然ですが、CSSって書くの面倒ですよね。何らかのプログラミング言語を知っている人間から見ると、CSSというのは言語としてはかなり貧弱です。 もちろんCSSはプログラミング言語では無いので、それを貧弱だと言われてもCSSもいい迷惑かも知れません。でも、 div#content { ～ } div#content div.entry { ～ } div#content div.entry p { ～ } div#content div.entry ul { ～ } こういう大したことをしていないのに、コードがどんどん長くなっていくのを見ると、もう少し何とかならないものかと思ってしまいます。 コピペするにしても、 コピー元にカーソルを移動 範囲選択してコピー コピー先にカーソルを移動 ペースト という操作が必要になります。数が増えてくるとコピペのミスも発生しかねませんし、id
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ライブドアブログ｜無料で豊富な機能が充実
新機能の邪魔なハイライトを隠す - チープカ
ライブドアブログ｜無料で豊富な機能が充実
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
Cascading Style Sheets Object Model (CSSOM)
http://www2.airnet.ne.jp/sardine/docs/NOTE-SAC-20000728.ja.html
scannable.twitter.com
