zz log

zaininnari Blog

css

cssparser : @規則(@import)

前回作成したものだと、適当でない文字列のエラーを出す(●●行目のココが怪しいよ風にしたい)のが難しいため、やっぱりPEGに逆戻りしました。 PHP PEGパーサコンビネータ セレクタとブロック部分(div {color:red})は、「{」「:」「;」「}」などで緩くに分割し…

SoftBankCssParserをgithubにアップ

構成の見直しと見つかったバグ等を修正して、githubに上げました。 http://github.com/zaininnari/CssParser BTSはこちらに http://zaininnari.lighthouseapp.com/projects/44626-mobilelint 直した所 返り値の簡略化 margin*,border*などのチェック抜けを修…

openpear/PEGパーサコンビネータを使った簡易CSSパーサ(2)

前回、openpear/PEGパーサコンビネータを使った簡易CSSパーサの続きです。前回作成したのものを改良して、実践的に使えるものを目指します。当面の目標は、 Softbank携帯のCSSをパースできるところまで、進めたいと思います。 PEGパーサコンビネータ ソース…

openpear/PEGパーサコンビネータを使った簡易CSSパーサ

PEGパーサコンビネータ ソースコード http://openpear.org/package/PEG ドキュメント http://nimpad.jp/phppeg/ 参考 CSS風の文法のパーサを作るチュートリアル を元になんちゃてCSSパーサを作ってみました。 参考元と変わらないところが多いですが、 正規表…

floatによる固定幅+リキッドレイアウトで、HTMLと表示を逆にする。

css

検証ブラウザ win:ie5.5〜8(IEtester3)、firefox3.5、opera9.6、safari3、chrome3 完成版 »floatによる固定幅+リキッドレイアウトで、HTMLと表示を逆にする <div id="wrapper"> <div id="header"> <h1>ヘッダー</h1> </div> <div id="content"> <div id="main"> <div id="body"> <h2>メイン</h2> </div> </div> <div id="sidebar"> <p>サイドバー</p> </div> <div id="footer"> …</div></div></div>

勝手に追加:IE6のCSSバグを視覚的にチェック

css

IE6のCSSバグを視覚的にチェック IEtest に感動して、コメントにあった、「contentプロパティの対応」をやってみた。»勝手に追加:IE6のCSSバグを視覚的にチェック ソース <table> <caption> IE6のCSSバグチェック </caption> <tr> <th scope="col">現象</th> <th>チェック</th> </tr> <tr> <th scope="row">contentプロパティの対応</th> <td><div class="bug13"> <div class="div0"></div></div></td></tr></table>

floatによる横並びメニュー(等幅&リストタグ)

css

floatによる横並びメニューを作成した際のメモ。 ulタグの高さと背景 ulタグ配下のタグ を色々変更した。 チェック対象ブラウザ すべてwinxp。 Internet Explorer 5.5 , 6 , 7 , 8(IETester 0.3.2) firefox 3.0.10 opera 9.64 google chrome 2.0.177.1 safar…

モダンなCSS 最低限のHTML

css

方針 XHTML(htmlは文書構造、The W3C Markup Validation Serviceを通る程度) CSSはValidを目指す(W3C CSS 検証サービスを通る程度、class名の意味論・記号論までは考慮しない[clearfixとか]) CSSは静的な装飾効果を持たせる(マウスオーバーでの画像置換は、j…

Firefoxでは、半角文字と全角記号は文字の折り返しがない

css

Firefoxでは、半角文字と全角記号は文字の折り返しがない。 特に、プログラムのソースがで表示されていると、画面からソースがはみ出る。 但し、IEでは文字の折り返しがある(IEの褒めるところ)。Firefoxでも3から、対応するらしい。改行されない〜HTML、プ…