I've isolated a strange issue with IE8 regarding the CSS :before and :after pseudo elements. The issue occurs when you set one pseudo elements position to absolute and the other's to relative; see the following example: <style type="text/css"> div:before { conte…

Webフォントがっつり使うには、世のOSがMacに統一でもされない限りまだ厳しい、という話で、その対策を調べてたりしてた。 CufonだとWinでもばっちりだけど、力技な仕組み(canvasタグに置換して描画)なのでだいぶお勧めできない感。WebフォントをWindowsでも…

phpinfo()でmax_file_uploads確認(デフォルト20) ↓ php.iniを編集して変更 と簡単な話だったんだけど、.htaccessからphp.ini上書きしようとしたら変更が適用されず…。 調べたらバグか仕様かようわからんけど、php.ini以外からの変更は効かないらしい。

最適な書き方とは。Takazudolog - OOCSSとSass OOCSS（オブジェクト指向CSS）のススメ | hijiriworld Web 終わる世界とコンテンツ 自分でゼロからCSSを書く時のおはなし。

3月中に出すって言ってたmodern.IE日本語版が先日公開されていて、 ホーム | Internet Explorer の検証がより簡単に | modern.IE ※どうでもいい話だけど、modern.IEはレスポンシブデザインだったりする 複数メディアで取り上げられてた。 マイクロソフト、ブ…

Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

早くもIE10向けCSSハックが登場した模様。 IE10 CSS Hacks | Impressive Webs 良翻訳記事。 Webkit に最適化されたサイトを IE10 に適応させるためのガイド | WWW WATCH

HTMLのリスト(uiとかol)で、list-style-typeを好きな文字にしたい時、こんな方法が楽。 (※ただしIE8以上に限る：:before擬似要素) li { list-style:none; } li:before { content:"★"; } リストマークを任意の文字にする 全般的に対応させるとなると、下記み…

スマホページにYoutubeを貼る時、サイズを可変にする機会がある。下記で解決。 引用してるのは日本語サイトからだけど、元ネタは海外。 自戒も込めてますが、引用ばかり見ないでちゃんと読んどきましょう。 <div class="video-container"> <iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe> </div> .video-container { position: re…

CSSの記述を高速化する、Emmet (Zen-Coding)｜Web Design KOJIKA17 次世代ZenCoding “Emmet” でコーディングを加速させる | ONO TAKEHIKO 覚えきれん…

IE向けCSSハックでこんなん使ってた訳ですが /*IE6*/ * html hoge{ piyo; } /*IE7*/ *:first-child+html hoge{ piyo; } /*IE8*/ html:first-child hoge{ piyo; } HTML4.01互換モード(!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN)で効かん…