"A collection of thoughts, experiences, ideas that I like, and ideas that I have been experimenting with over the last year. It covers HTML semantics, components and approaches to front-end architecture, class naming patterns, and HTTP compression."
"What I do know for certain is this: H.264 is absolutely required right now to compete on mobile. I do not believe that we can reject H.264 content in Firefox on Android or in B2G and survive the shift to mobile."
"Teh says they need $200,000 to cover overheads and provide themselves with a modest living wage. Unless further backing was secured, Teh said it was likely he would have to look for other work later this year to support his family."
"He'll demonstrate how to separate design from layout and if you work with designs made in Photoshop, he'll show how to deconstruct a design into its components (colour, texture and typography) before reassembling it for a fluid continuum of devices from, mobile phones to desktops and everything in between."
"There are an ever-increasing number of devices with different screen resolutions to take into account with a responsive design, so we put together a simple but handy diagram that lists the most common device widths as of the present, along with overlays for potential device width ranges."
"As higher resolution screens continue to make their way to popular and increasingly affordable devices, the need for resolution-indendent (vector) graphics on the Web becomes more apparent. So I've been looking into what's possible on mobile browsers today."
"Perhaps most importantly, Apple isn't sitting on some secret technique to make retina images work well. Maybe they will provide better solutions in iOS 6. The way they handle images--downloading both sizes plus an additional HEAD request--may be the least efficient way to support retina displays."
"This tells us that speed is more important than aesthetics. So perhaps some of the time and effort put into media queries, viewports, avoiding scrolling, line length would actually be better employed reducing HTTP requests and optimising so that websites are perceived to render faster."
"To get a sense of emerging responsive design layout patterns, I combed through all the examples curated on the Media Queries gallery site several times. I looked for what high-level patterns showed up most frequently and tried to avoid defining separate patterns where there were only small differences."
"Adobe® Shadow is a new inspection and preview tool that allows front-end web developers and designers to work faster and more efficiently by streamlining the preview process, making it easier to customize websites for mobile devices."
"From a design perspective, all this trouble over hierarchy and relationships might be easier if you design mobile versions of responsive sites first, using the general “mobile first” principles Luke Wroblewski recommends."
"If you’re lazy and don’t really care about Android, legacy iOS versions, or performance, I suppose you could just use a single 114×114 icon, name it apple-touch-icon-precomposed.png and place it in the root of your website."
"The goal of this article is to look at the various web font implementation options available, benchmark their performance, and arm you with some useful tips in squeezing the most bang for your font byte."
"Worldspace Sync includes a new feature called CloudScale, the ability to use Amazon's cloud-based computing resources on-demand when an accessibility test is run, automatically scaling up the computing horsepower when it's needed during the test, and dialing it back down once the test is complete."
"As more organizations realize they need to invest heavily in multi-device Web designs, the inevitable question of "how" comes up. Responsive Web design, separate sites, or something in between? Here's how I've tried to simplify this decision"