日向夏特殊応援部隊

俺様向けメモ

CSS

CSSTidyをCygwinから使う為のシェルスクリプト

CSS Cygwin

CSSTidyとは ググってくだしあ。。。 じゃあれなんで、簡単に説明すると、 CSSの圧縮してくれる CSSの整形してくれる って感じのコマンドラインツール。 多分みんな俺ルールみたいのでプロパティのソートとかしてるだろうけど、 もうそういうのは頭使わずPC…

「display: none」によるPattern Driven CSS

HTML CSS

d:id:ZIGOROu:20070118:1169089995 で提唱したPattern Driven CSS(以下PDCで略す)ですけど、昨日ふと思いついた事です。 あとちょっと追記しました。 「display: none」によるパターンのフォーカス 例えば下記のようなHTMLがあるとする。 <body> <div id="content-root" class="section"> <h1>Yet Another Hack</h1></div></body>…

デブサミ2007出張Shibuyaイベントの資料を公開します

Perl CPAN CSS

ってバタバタしててなかなか公開出来ずにいた資料ですが、下記に公開します。CSS Study Meeting Digest & Perl/CSS本当は結構突っ込んだネタとかやりたかったんですけど、LTって事なんで圧縮させて見ました。w CSSってPerlに取っては未開拓なゾーンなんでネ…

新春CSSかくし芸大会の資料を公開します

CSS

2007 CSS Study Meetingの資料を公開します。 資料はこちらです Pattern Driven CSS (pdf) ざっくりした内容 Web design patternの発展みたいな奴です。 どんな風にサイトの設計を行うのかCSSの観点から考えた手法です。

CSS Hacks まとめ (10) Owen Hack

CSS

はじめに http://www.albin.net/CSS/OwenHack.html http://www6.plala.or.jp/go_west/nextcss/tip/trans/owen_hack_tr.htm あと、普段は事実上使えないセレクタについてどうしても知識が必要です。 Adjacent sibling selectorsと言う隣接セレクタです。 隣接…

CSS Hacks まとめ (9) Inline high pass filter

CSS

はじめに d:id:ZIGOROu:20070116:1168900766のinのinline版です。 http://www.tantek.com/CSS/Examples/inlinehpf.html どんな物か <style type="text/css"> p.attention { background:yellow } i{content:"\"/*"} p.attention { background:lime } </style> i要素に当ててるルールのcontent…

CSS Hacks まとめ (8) High pass filter

CSS

はじめに ソースはこちら High Pass Filter http://www6.plala.or.jp/go_west/nextcss/tip/trans/highpass_jp.htm 特に２番めの和訳を一読すると何かってのはすぐ分かるはず。 どんな物か IE5/Mac or later IE6/Windows or later Netscape 6 or later Opera …

CSS Hacks まとめ (7) lone star hack

CSS

はじめに IE5(WinとMacのclassic)だけに適用されるHackです。 http://www.media451.com/experiments/css/hacks/ie_star.html 使い方 .loneStarHack { background-color: #ff0000; * background-color: #060; } ってやると*がついたプロパティで上書きが出来…

CSS Hacks まとめ (6) star html hack

CSS

追記(重要) miniturboの中の人が言うにはOpera9とかにも当たっちゃうらしいです。 詳しい解説キボン はじめに http://css-discuss.incutio.com/?page=StarHtmlHack http://css-discuss.incutio.com/?page=EmulatingFixedPositioning 「* html」からセレクタ…

CSS Hacks まとめ (5) Box model hack

CSS

はじめに まずは下記のページ辺りがソースでございます。 http://css-discuss.incutio.com/?page=BoxModelHack http://www6.plala.or.jp/go_west/nextcss/tip/trans/boxmodelhack_jp.htm 基礎編2 ボックスモデルとDOCTYPEスイッチ 標準のbox modelって言うの…

CSS Hacks まとめ (4) Anti NN4 Selectors Hack

CSS

はじめに これはNN4がセレクターの後にコメントブロックを書くと、そのセレクタ自体が無効になるよってバグを利用した部分的にスタイルを隠す技です。 仕組み html /* rest of selector */ { /* Nav4 alone ignores these rules */ } まとめ 要らないYO！

カスケード処理について

CSS

ってもこれCSSな人には常識なのか？ Assigning property values, Cascading, and Inheritance 値の割り当て、カスケード処理、継承 http://www6.plala.or.jp/go_west/nextcss/ref/basic/cascade.htm http://anslasax.net/css-make/cascade.html ここら辺がソ…

CSS Hacks まとめ (3) caio hack

CSS

はじめに Caioなんちゃらさんが作ったHackだそうです。 NN4から特定のスタイルを部分的に隠す為のHackです。 仕組み /*/*/ div { color: red; } /* ここまで無視される */ って事みたいですね。 まとめ 部分的にNN4に適用するスタイルなんて今日びありえませ…

CSS Hacks まとめ (2) media queries hack

CSS

追記(凄い重要) media queriesですけど、Opera9と最新のKHTMLだとかで既にサポートされてるみたいなので、このHack自体既に意味の無い物になってます。 IE7 を含むモダンブラウザ向けの CSS ハックまとめ - lucky bag http://jp.opera.com/docs/changelogs/w…

CSS Hacks まとめ (1) @import hack

CSS

明日、会社のCSS勉強会があるので、ネタの一つとして基礎調査。CSS Hackを原文として、中にあるHackネタを少しずつ紹介。途中で挫折したらごめんちゃい。 はじめに The @import Hack Hide CSS from browsers :: @import 多分、最も有名なCSS Hackだと思われ…