A Primer on CSS3 Transforms

Posted by: csschops on Jun 12, 2011 | No Comments

Source: http://blogs.sitepoint.com/a-primer-on-css3-transforms/

Great article on CSS Transforms from Louis Lazaris at Sitepoint.

What’s New in Modernizr 2

Posted by: csschops on Jun 12, 2011 | No Comments

Source: http://blogs.sitepoint.com/modernizr-2-whats-new/

The second version of Modernizr has been released. Modernizr is probably the best-known and most widely-used feature detection library. As well as 40 browser tests and updated documentation, there are several new features to excite HTML5, CSS3 and JavaScript developers…

New Safari CSS3 features in OS X Lion

Posted by: csschops on Jun 12, 2011 | No Comments

Source: http://www.apple.com/macosx/whats-new/features.html

WOFF support
Support for the Web Open Font Format (WOFF) gives web designers and developers the ability to use a wider range of fonts on websites.

CSS3 auto-hyphenation
Support for CSS3 auto-hyphenation allows developers to provide better reading experiences and text layouts.

CSS3 vertical text
Support for CSS3 vertical text allows for top-to-bottom text layouts in web pages. This enables greater customization of websites in languages that use vertical text, such as Chinese, Japanese, and Korean.

CSS3 text emphasis
With the text emphasis property, web pages can display emphasis marks in East Asian text.

Custom content in extensions
Safari now allows extensions to show custom HTML content in a borderless window from the extension’s toolbar, or when you click an icon in the extension’s toolbar.

Further reading:
Safari technology overviews
http://developer.apple.com/technologies/safari/css3.html
http://developer.apple.com/technologies/safari/html5.html
Safari Dev Center
http://developer.apple.com/devcenter/safari/index.action

Fluid images

Posted by: csschops on Jun 12, 2011 | No Comments

Source: http://www.alistapart.com/articles/fluid-images/

Except from Chapter 3 of Responsive Web Design by Ethan Marcotte (A Book Apart, 2011). This chapter follows a previous chapter on fluid grids, expanding upon that grid with fluid images.

The 30 CSS Selectors you Must Memorize

Posted by: csschops on Jun 12, 2011 | No Comments

Source: http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.

Nice roundup. Also worth checking their CSS3 mastery page.

CSS transitions in the wild

Posted by: csschops on Jun 7, 2011 | No Comments

Source: http://reederapp.com/

Perfectly formed example of CSS transitions in action. I’m using Chrome 11 and Safari 5 and the rollover transitions are slick. And it degrades nicely too.

Made by those awfully clever chaps at made@gloria!

Shaun Inman’s shizzle

Posted by: csschops on Jun 7, 2011 | No Comments

Source: http://www.shauninman.com/pilation/

Shaun Inman’s shizzle is so good it generally makes me weep. This ‘portal’ to his internet world is so cute.

CSS powered ribbons the clean way

Posted by: csschops on Jun 4, 2011 | No Comments

Source: http://csswizardry.com/2011/02/css-powered-ribbons-the-clean-way/

More ribbon nerdery. This is a great article, with some useful comments.

This gentleman writes with spunk and gusto. Well worth checking out all his articles and his CSS framework inuit.css.

Better CSS outline suppression

Posted by: csschops on Jun 2, 2011 | No Comments

Source: http://people.opera.com/patrickl/experiments/keyboard/test#outline-on-focus-suppressed-active

The aim of these tests is to check which combination of :focus, :hover and :active works best in order to suppress the outline when an image-replaced link is clicked with the mouse, but leave it visible for keyboard users tabbing through the page.

Nice work. Feedback required.