Jordan Lewis shares tools and techniques Envato team uses for mobile and responsive cross-browser testing. There’s a couple of gems in here, so make sure you don’t miss the article.
thanks for opening yet another issue of CSS Weekly. I hope you’re doing well and enjoying the fast approaching weekend. Your favorite newsletter (CSS Weekly is your favorite newsletter, isn’t it? And if not, what could I do to make it your favorite one?) has recently passed 10000 subscribers. Thank you for your support and for making it happen.
You’ve probably noticed a increasing number of ads in the newsletter. Unfortunately, this has been necessary because Mailchimp plans at this numbers are not cheap and I’m not willing to trust your email with a cheaper and probably less-secure alternative.
But, since I know that ads aren’t a favorite thing you want to see in your inbox, I decided to set up a Gittip account for CSS Weekly. This way you can support the newsletter directly, and if we get to a reasonable amount of contributions that would cover my costs I’ll consider removing ads from the newsletter. Let’s see where this can take us.
Thanks for everything and enjoy this week’s collection of awesome CSS articles.
Another great tutorial by Manoela Ilic on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
From our sponsor
Hack Reactor is the premiere Bay Area coding academy with instructors from Google, Twitter, OKCupidLabs and more! Our alumni work for brand name tech companies like Salesforce, Groupon, SlideShare/LinkedIn and revolutionary startups.
Articles & tutorials
Ethan Muller proposes you use different stylesheets for browsers with different capabilities by utilizing conditional comments. In other words, don’t serve media queries to the browsers that don’t support them. A very interesting approach.
Internet Explorer 11 comes with a completely redesigned and enhanced suite of in-browser developer tools. PJ Hough gives a nice overview of changes and new features which will be at our disposal in IE11.
Johnny Simpson gives a nice overview of units that were recently introduced to CSS. I’m sure that you’ll be using some of these units in not-so-distant future (if you’re not using them already).
David Bushell explains basics of off-canvas navigation patterns. This article will give you some good ideas for creating brilliant responsive and interactive interfaces.
It’s amazing how CSS Preprocessor (Sass in this instance) can make our lives easier. Guil Hernandez shows this on a very practical example of Clearfix.
Creating a cube with pure CSS is not complicated at all, as David Walsh will show you in this sweet article. Finding a good use for CSS cube is, of course, an entirely different story.
Jake Archibald shows a neat way to animate line drawings in SVG. This technique can help you make daunting diagrams much more visually attractive and interesting.
Booking.com – planet Earth’s #1 accommodation website – is looking for the world’s smartest designers. Good in HTML & CSS? You’ll be given the freedom to make meaningful and measurable improvements impacting millions of people. You’ll join us at our beautiful Amsterdam HQ. We’ll help you relocate.
You’ll be working with different teams to improve the experience & create new innovative products for our customers. You’ll have a lot of ownership & responsibility as you’ll be working on our most important channels. You’ll be defining the future of all of our other design efforts across the board.
Last but not least...
A very interesting visualization of Android fragmentation (although you shouldn’t be too concerned over this since you are using content-based, and not device-based, media query breakpoints).
Until next week
Don’t forget to take some time off for yourself and your family.