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…

HTML5 Encoding Secrets

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

Source: http://www.streamingmedia.com/Articles/Editorial/Featured-Articles/HTML5-Encoding-Secrets-75939.aspx

An hour is all a developer needs to begin working with MPEG4/H.264 and WebM video. That’s the length of Jan Ozer’s information-packed session How To: Encoding Video for HTML5 at the recent Streaming Media East conference in New York City.

Good presentation with useful show notes here: http://conferences.infotoday.com/documents/123/SMEast2011-JanOzer-EncodingHTML5.pdf

Spoiler: This one for the more techie-minded…

Time to learn javascript

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

Source: http://radar.oreilly.com/2011/06/time-to-learn-javascript.html

But recently, we’ve seen some extremely important game-changers: jQuery, JSON, Node.js, and HTML5. JavaScript may have been a perfectly adequate language in the past, but these changes (and a few others that I’ll point out) have made JavaScript a language that is essential for every developer to know. If there’s one language you need to learn in the next year, it’s JavaScript.

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
Safari Dev Center

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.

Adaptive Web Design

Adaptive Web Design

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

Source: http://easy-readers.net/

“Finally. Progressive enhancement explained with a perfect balance of theory and practice. Aaron’s take-aways will have you progressively-enhancing your markup, style and behavior with ease.”
Dan Cederholm,
Author, CSS3 For Web Designers

Great new book by Aaron Gustafson.

Responsive Web Design

Responsive Web Design

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

Source: http://www.abookapart.com/products/responsive-web-design

From mobile browsers to netbooks and tablets, users are visiting your sites from an increasing array of devices and browsers. Are your designs ready? Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users’ needs. Ethan Marcotte will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display.

Ethan Marcotte’s excellent new book is now available.