1. Issue #133 | CSS Weekly

Issue #133 – October 21st, 2014

• CSS Performance Tooling – Addy Osmani

• CSS-Only Solution For UI Tracking – Krasimir Tsonev

• Optimizing the Critical Rendering Path – Stephan Max

• Impact of Opacity in CSS (on JS Bin) – Remy Sharp

• How to Set the Order of Stacked Columns in a Responsive Email Design – Ros Hodgekiss

• Detect Inverted Color with CSS and JavaScript – Ana Tudor

• Top Tips (a Selection of Unrelated Front-End Developer Tips) – Ben Frain

• Hartija – Universal printing stylesheet that will make your websites look beautiful when printed.

• Takana lets you see your SCSS and CSS style changes live, in the browser, as you type them.

• Inspiration – Gravity Particles – Nate Wiley


2. Probably Don’t Base64 SVG

Using data URIs



.bg {
background: url(‘data: … ’);

If you use pngs, you need to encode them in base 64.

Smashing Magazine

3. Hybrid Mobile Apps: Providing A Native Experience With Web Technologies | Smashing Magazine

According to a recent report, HTML is the most widely used language for mobile app developers. The main reasons among developers for selecting web technologies are cross-platform portability of code and the low cost of development. We’ve also heard that hybrid apps tend to be sluggish and poorly designed. Let’s prove whether it’s possible to deliver the native look and feel that we’re used to.

4. Design Accessibly, See Differently: Color Contrast Tips And Tools | Smashing Magazine

When you browse your favorite website or check the latest version of your product on your device of choice, take a moment to look at it differently. Step back from the screen. Close your eyes slightly so that your vision is a bit clouded by your eyelashes.

  • Can you still see and use the website?
  • Are you able to read the labels, fields, buttons, navigation and small footer text?
  • Can you imagine how someone who sees differently would read and use it?

5. The Ultimate Guide To Choosing A WordPress Host | Smashing Magazine

These days you have an awful lot of options for hosting your website, so many that it’s easy to get lost. How much should you pay? Is support important to you, or are you a tinkerer who likes to do your own thing?

Put in different terms, are you a master chef who can cook a delicious meal with the right assortment of ingredients, or would you rather go to a nice restaurant and just sit back and enjoy the experience?

There is a bit of meat to this review. Have a look.


6. Best .Net CMS and Customer Experience Management Software | Sitecore

Marketing departments everywhere are ablaze with talk of Sitecore, the amazing new ‘experience platform’ that will revolutionise their web presence. But what is it and how can you make it work for your organisation?

Sitecore refers to itself as an ‘experience platform’. In essence, this means it’s a very advanced content management system (CMS) capable of powering not only your web content but also your:

  • E-marketing
  • E-commerce
  • Blogs
  • Social integration
  • Testing platform
  • Web analytics, and more…

The platform is built in ASP .NET so any organisation already running Windows servers should have no difficulty making the switch. However, if you’re tied to an Apache configuration then you’ll require some additional investment in back-end tech.

It looks polished, but most of us are busy enough with WordPress.

WP Tavern#

7. THEME – Compass: A Free Starter Theme for WordPress Built with Hybrid Core, Bourbon, and Neat


This project is worth a look. It is a starter theme, featuring support for Sass, Bourbon, and Neat with Composer Support. Those would be some of the newer tools in the toolbox, but be willing to get your paws dirty on the command line. You also need Grunt and Node.js running, but once up, “you should be able to automate things like auto-prefixing CSS properties, tidying up style.css to match the WordPress Coding Standards, generating the RTL style sheet, optimizing images, and much more.”

8. Matt Mullenweg’s State of the Word Highlights Internationalization, Mobile, and New Tools for WordPress Contributors

“Today Matt Mullenweg delivered his annual State of the Word address at WordCamp San Francisco, with roughly 1,000 WordPress enthusiasts and contributors in attendance and hundreds more watching via livestream. Before jumping into the results of the survey, Mullenweg announced that this would be the last event held at Mission”

9. Unsplash Plugin Brings One-Click Stock Photo Uploads to the WordPress Media Library

“Unsplash, the free stock photo site, quickly became popular with designers, due to its tasteful curating of images. All of the high resolution images on the site are carefully selected, and you’d be hard-pressed to find a bad photo among them. Unsplash gradually grows its collection by adding 10 new”

10. Comparing The Photo Publishing Experience of WordPress For iOS to Facebook and Twitter

“In late September, WordPress.com published the first in a series of short videos that shows how easy it is to publish content from a mobile device. In the 15 second video entitled ‘Welcome Home,’ a user is seen taking photos with an iPhone in various locations.”