1. Issue #124 | CSS Weekly


  • CSS Guidelines
  • Styleguide Driven Development

Articles & Tutorials

  • Responsive Design is Still Hard/Easy! Be Afraid/Don’t Worry!
  • Responsive Newsletter Form
  • Swapping Out SVG Icons
  • BEM modifiers: multiple classes vs @extend
  • CSS “position: sticky” – Introduction and Polyfills


  • Parker
  • smoothState.js


  • RubiCSS Cube


2. Favicons, Touch Icons, Tile Icons, etc. What All Do You Need? | CSS-Tricks

"Favicons were introduced in 1999 by Internet Explorer 5 (ref) and standardized by the W3C a few months later. They are a small graphic that represents the website.

Favicons image

Since then, most desktop browsers have followed the trend and used favicons in some way. It’s an easy job, isn’t it? Just create a small picture to add to any web project to make it ‘final’. Nothing fancy. Or is it?"

Smashing Magazine

3. The Current State Of E-Commerce Search | Smashing Magazine

"When e-commerce search works, it’s fast, convenient and efficient. It’s no wonder that so many users prefer searching over clicking categories. Unfortunately, our recent large-scale usability study and top–50 benchmark of e-commerce search finds that search often doesn’t work very well.

On-site search is a key component of almost any e-commerce website. That’s why we at Baymard Institute have invested months conducting a large-scale usability study, testing the e-commerce search experience of 19 major e-commerce websites with real-world end users.
We’ve boiled our findings down to 60 usability guidelines for e-commerce search design and logic. Based on these findings, we’ve benchmarked the search experience of the 50 top-grossing US e-commerce websites, rating each website across all 60 search usability parameters. In this article, we’ll present some of the findings from this vast research data set and explore the state of e-commerce search."

4. Review – Vesper

"the iOS software front, but it isn’t where I choose to spend as much money.


That doesn’t change the utility of the iPhone and its incredible applications in my life. I use my iPhone hundreds of times each day and it continues to improve my efficiency at work and my fun at home. Straying away from writing about technology gives no indication of my love for my iPhone.
And despite my love for pens, paper and analog tools, I still use my iPhone for on-the-go notes and lists. Fountain pens top my go-to notetaking tools, and if I can’t use a fountain pen, I choose my iPhone instead.
Right now, I take notes in Vesper."

Yet another note taking app – but this time exclusively (so far) for the iPhone.

Mac gems

5. Day One review: A Mac app that’s so nice, you’ll actually maintain your journal | Macworld

“I’ve kept paper journals in the past, but never stuck with them. Filling those blank pages felt too much like a chore. Bloom Built’s superb Day One (Mac App Store link) makes keeping a journal easier than ever, thanks to smart features and a beautiful, welcoming interface.”

Day One

I have this app on my Mac, iPhone and iPad. It just works. Only issue so far has been in exporting markdown to other projects. Not a big deal.


6. Easy Mac Hacks: Easily Encrypt PDFs | Mac|Life

"To begin encrypting a PDF document that you’ve already created, open the file with the Preview application. Next, perform these steps to encrypt the PDF document that you just opened:

Preview image

  1. Hold down the option key.
  2. While holding down option, click the File menu. Note that Duplicate has changed to Save As.
  3. Click Save As.
  4. Check the option for Encrypt, then enter and confirm your password to encrypt the document."

WP Mayor

7. Nowadays, with all the advancements in camera equipment and techniques, we have seen a sudden influx of new photographers, all wanting to show off their work in the best way possible. This has created a higher demand for high quality websites, and it has had a positive effect on the world of WordPress photography themes. The number of themes has increased considerably, and they keep developing into more beautiful and functional ways of showcasing one’s work, be it as an amateur photographer, or as a professional.

The advantages of using WP for your photography website are endless. Above all it provides a combination of being a photography website and a blog, enabling you to show off your work, while giving you the ability to discuss your ideas, all in one central location. You’re also working with a proven framework that is easy to use and maintain, while offering a high level of flexibility.

Below are some of the best premium themes available, be it for a simple website to showcase your new passion for photography, or a sleek website to promote your work.


  • Glare
  • Deep Focus
  • Focal
  • ePix
  • Photocrati
  • Invictus
  • PhotoArtist
  • Agera
  • Eleven
  • Modern Portfolio Pro
  • Keres
  • Tripod
  • James 2.0
  • Photolux
  • Essenza
  • King Size
  • DK For Photography
  • Village

These are reviewed by Mark Zahra. These are paid themes.

WP Tavern

8. Theme Checklist Helps Prepare Developers To Submit A Theme To The WordPress Theme Directory

“Theme Checklist is a new plugin by Greg Priday of SiteOrigin. The plugin provides a checklist of items to go through before submitting a theme to the WordPress theme directory. Once activated, you’ll find the checklist under Tools > Theme Checklist. Theme developers check off each item that successfully passes a test. Themes need to pass all tests before they can be accepted into the WordPress theme directory.”

Theme Quality Checklist Plugin

WP Tavern

9. Automatically Tweet an Announcement for WordPress Plugin Version Updates

“Here’s a quick tip for WordPress.org plugin authors and users, courtesy of Paul de Wouters: With the help of a task automation service like Zapier or IFTTT, you can automatically send out a tweet every time an updated version of your plugin is available. Simply set up an RSS -> Twitter action, like this one with Zapier:”

Also shows how to use IFTTT.

WP Tavern

10. The Problem With Image Attachments In WordPress

"Something I’ve wanted to see in WordPress for a long time is the ability to determine which posts an image is being used on. WordPress 4.0 is expected to ship by the end of August and contains two subtle changes to image data in the media library. You’ll be able to view the author who uploaded the image and the post parent ID it’s attached to.

Wp attachments

Uploaded By and Uploaded To Information

I find this information to be useful, especially for multi-author websites. Although you can view the parent post ID the image is attached to, you can’t locate each post the image is used on. It’s important to note the difference between an image attached to a post and using an image already available in the media library."