Object Oriented CSS, Grids on Github – Nicole Sullivan
How do you scale CSS for millions of visitors or thousands of pages? Object Oriented CSS allows you to write fast, maintainable, standards-based front end code. It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites. I recently presented Object Oriented CSS for high performance web applications and sites at Web Directions North 2009. If you d
米Yahoo!で議論された、フロントエンドエンジニアリングの将来（前編）
Dion Almaer みなさんこんにちは。このディスカッションでは、ここにいるBen Galbraithと、私Dion Almaerで司会をします。まずパネリストを紹介しましょう。 左から、司会のDion AlmaerとBen Galbraith。Tantek Çelik、Joe Hewitt、Elaine Wherry、Doug Crockford、Thomas Sha、Ryan Dahl 私とBenのとなりにいるのが、Tantek Çelik（テンテク・チェリック）。IE 5.5の開発に携わり、その後Web標準に関する活動もしてきました。 Joe Hewitt（ジョー・ヒューイット）はFacebookに所属していますが、Firebugの開発者でもあり、Facebook for iOSの開発もしています。もともとはNetscapeからMozillaになるときのFirefoxのオリジナル
Formalize CSS | SonSpring
Oct 16, 2010 — Topic: css Formalize CSS | View demo | Download | GitHub repo Formalize CSS — Dress up your forms! IntroAs designers, we are used to having quite a bit of control over how things are displayed in a browser. Sure, differing rendering engines don't always agree on everything, but for the most part we can at least find ways to mitigate variance through workarounds, or by writing for th
Cross-browser kerning-pairs & ligatures
Cross-browser kerning-pairs & ligatures Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration. The declaration is currently supported by: Safari 5, The Webkit Nightlies & Chrome. Firefox already uses optimizeLegibility by default for text sizes above 20px. Caveats Paul Irish was so kind as to pass on a few bugs that have surfa
The Great WebKit Comparison Table
On this page I compare WebKits in order to prove that there is no “WebKit on Mobile” and to figure out which one is the best. My hope is that eventually I’m going to gain some insight in the “family tree” of all WebKits. This page only contains tests of CSS and JavaScript items that work in some WebKits but not in all. Adding more items, all of which are either supported by all or by none of the W
WDE08 Blog: Object Oriented CSSとCSS Systems
CSSが普及し、いまやCSSでウェブサイトをレイアウトすることに異論を挟む人はいないだろう。CSSというのは今や小さな２ページからなるウェブサイトでも、1000ページにものぼるウェブサイトでも使われています。 ではどのようにCSSを読み込ませたり、整理しているでしょうか？効率よくCSSをコントロールすることは仕事の時間をへらしプライベートの時間を増やしたりすることができるかもしれません。 WDN09にてOOCSS（Object Oriented CSS）なるものがNICOLE SULLIVANより発表されました。興味の有る方はご覧になってみてください。 ビデオ スライド Object Oriented CSS View more presentations from Nicole Sullivan. ロンドン近郊に拠点をおく、ClearleftのNatalieがBarCamp London
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
How to use RGBA() in IE | Kilian Valkhof
The modern browsers all have rgba(), giving you a semi-transparent background colour while keeping the foreground elements (text, images) fully opaque. But if you want to use that in your design, what about IE? Here’s how to do it. A while ago I madea design with lot’s of semi transparent areas (I know, stupid me, it’s only 2010 after all) and solved that in modern browsers with rgba(). All fine a
HTML 5 Reset Stylesheet | HTML5 Doctor
We’ve had a number of people ask about templates, boilerplates, and styling for HTML 5. Last week, Remy introduced some basic boilerplates for HTML 5, so to keep the momentum going, I’ve modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects. The code Let’s start with the complete CSS stylesheet: /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Cl
CSSセレクタの高速化の話を検証 - os0x.blog
CSSセレクタの高速化の話し - Webtech Walkerの件。元ネタは続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティスで、元ネタの元ネタはWriting Efficient CSS for use in the Mozilla UI - MDC。 先に書いておくと、この元ネタのMozillaの記事には、in the Mozilla UIとある通り、FirefoxなどのUIレベルの話です。Mozillaの場合、ウィンドウとかタブとか、とにかくなんでもCSSでスタイルを指定できる(している)のでCSSのパフォーマンスについて考慮する点が他のブラウザとはズレています。 とはいえ、実際にどうなのか検証したことなかったので、少し試してみました。 今回の検証方法は、dl>dt+ddを5重に入れ子にした300KB強の大きめなHTMLを用意して、CSSを動的に適用したときの時間
Arctic Core - the open source AUTOSAR embedded platform
Canlı casino siteleri :rulet, poker, slot ve masa oyunlarını freespin deneme bonusu ve ya gerçek para ile oynayabileceğimiz platformlardır. Sitelerde bilgisayar ile rakip olabileceğiniz gibi gerçek kişilerlede oyun oynayabilirsiniz. Yeni açılan sitelerde birçok oyunda farklı dillerde hizmet vermektedir. Lisans sahibi sitelerde, canlı olarak kurpiyerlere ve poker oynayanlara rastlayabilirsiniz. En
How to Center Multiple Divs with CSS - Impressive Webs
At some point, you may have a situation where you want to center multiple elements (maybe <div> elements, or other block elements) on a single line in a fixed-width area. Centering a single element in a fixed area is easy. Just add margin: auto and a fixed width to the element you want to center, and the margins will force the element to center. There are a number of old methods to center multiple
RsStudio Style - CSSSprite Extensionの紹介とドキュメント
2010/07/07 23:45 バグフィックス版 CSS Sprite Extension 1.1.2アップ 書き出しの際CSS中の画像への相対パスの算出方法を変更。深い階層においても正しく相対パスを生成できるようになりました。 2010/05/28 CS5対応版公開 旧バージョンを入れている方は上書きして良いか聞かれたら、上書きして大丈夫です。管理者権限のない方向け用VistaインストーラーはUninstallボタンを押して、再度swfを開くとInstallボタンが有効になります。新機能で選択した部分だけCSSをクリップボードにコピー出来るようになりました！ CSS Sprite Extensionは、Fireworks CS4とCS5に対応したFireworksの機能拡張でCSS Sprite(CSSスプライト)に適したCSSと画像を生成します。 この機能拡張が提供するのは、単純な3
Cross-Browser CSS Gradient
The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check ou
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://m.snook.ca/archives/html_and_css/css-parent-selectors
IDEA * IDEA
Fix HTML resized images in Internet Explorer | maratz.com
Website Under Maintenance
IE8, IE9pp2 には outline を設定すると z-index が効かなくなるバグがあるようです - latest log
