CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #70

August 2, 2013

Hey there,

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.

Headlines

Techniques for mobile and responsive cross-browser testing: An Envato case study.

Jordan Lewis
Techniques for mobile and responsive cross-browser testing: An Envato case study.

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.

Google Nexus Website Menu

Manoela Ilic
Google Nexus Website Menu

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

Take Your Programming Skills To The Next Level

Take Your Programming Skills To The Next Level

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

Structuring And Serving Styles For Older Browsers

Structuring And Serving Styles For Older Browsers

Ethan Muller

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.

Debugging and Tuning Web Sites and Apps with F12 Developer Tools in IE11

Debugging and Tuning Web Sites and Apps with F12 Developer Tools in IE11

PJ Hough

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.

CSS Units You Should be Using Now!

Johnny Simpson

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).

Progressive Viewports

David Bushell

David Bushell explains basics of off-canvas navigation patterns. This article will give you some good ideas for creating brilliant responsive and interactive interfaces.

A Better Clearfix with Sass

Guil Hernandez

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.

Create a CSS Cube

David Walsh

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.

Animated line drawing in SVG

Jake Archibald

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.

Jobs

World Class Web Designer

World Class Web Designer

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.

Senior Product Designer (m/f) in Berlin

Senior Product Designer (m/f) in Berlin

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...

Android Fragmentation Visualized

Android Fragmentation Visualized

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.

Happy coding,
Zoran Jambor

Issue #69 Issue #71

CSS Stickers!

CSS Stickers set.

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.