The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required. Demo: Micro clearfix hack Known suppo... 続きを読む

• nicolasgallagher.com
• テクノロジー

HTML5 Please Use the new and shiny responsibly. Look up HTML5 features, know if they are ready for use, and if so find out you should use them – with polyfills, fallbacks or as they are. more about this site When Can I Use tells you the brow... 続きを読む

• html5please.com
• テクノロジー

CSS3, please! This element will receive inline changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! The Cross-Browser CSS3 Rule Generator ========================... 続きを読む

• css3please.com
• テクノロジー

The holiday season is at its peak and for some lucky people in weather appropriate climates, winter is in full swing. I live in Phoenix so real winter, and consequently snow, is really just a distant dream. Thus I am forced to turn to nerdery... 続きを読む

• designshack.net
• テクノロジー

Hmm... looks like you're using a browser that doesn't support CSS animations. You should go get one in order to use this cool stuff. animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for ... 続きを読む

• daneden.me
• テクノロジー

最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セ... 続きを読む

• tech.kayac.com
• テクノロジー

I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type (read about the difference). The better you understand them, the more css nerdgasms you get to have!In these simple "recipes" (really: expressions) I'll arbit... 続きを読む

• css-tricks.com
• テクノロジー

CSS needs a herobody { font: 12px Helvetica, Arial, sans-serif; } a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } What if we could omit braces?body font: 12px Helvetica, Arial, sans-serif; a.button -webki... 続きを読む

• learnboost.github.com
• テクノロジー

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies Which features do you choose to add to this list? I use the following criteria: Useful to web designers/developers Likely to be eventually implemented b... 続きを読む

• caniuse.com
• テクノロジー

さまざまな資料が世に出ていますが、これまで自分が納得できたものにであった試しがありません。制作を始めてからずっとこれまで対策の検討を続けています。いろんな手法を使いましたが、現在はほぼ以下で対応中。まだまだもっと最善策がないかと常に考えていま... 続きを読む

• www.ichiro.to
• テクノロジー