1. Issue #130 | CSS Weekly

"Issue #130 – September 29th, 2014

  • Beware of Selector Nesting in Sass – Hugo Giraudel
  • Making Responsive HTML Emails – Benjy Stanton

Articles & Tutorials

  • Design is Hard: The Considerations Behind Resizeable Editors, a Minor Design Feature – Chris Coyier
  • Code an Animated CSS Banner Without Images – Steven Fabre
  • Better @font-face with Font Load Events – Zach Leatherman
  • Build a Responsive Website That Supports Older Browsers – Zell Liew
  • Size Matters: Balancing Line Length And Font Size In Responsive Web Design – Laura Franz


  • CSS Layout Debbuger
  • draGGradients


  • CSS Swinging Lightbulbs – Brandon Lawrence


2. Thoughts on Pagination | CSS-Tricks

"Consistent Positioning

If there is any way to make sure your pagination buttons don’t move, do it. It’s such a nice experience to be able to just click-click-click (or tap-tap-tap) and the same thing happens each time. And when you get to the end, a subsequent click doesn’t all the sudden to something different (because you’re now clicking on a different button, or nothing)."



3. Responsive Images: If you’re just changing resolutions, use srcset. | CSS-Tricks

"If you’re implementing responsive images (different images in HTML for different situations) and all you are doing is switching between different versions of the same image (the vast majority of usage), all you need is the srcset attribute on the . Gaze upon this easy syntax:

<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">

It’s not just the syntax that is easy, it does a better job than withs with explicit media attributes (we’ll cover why in a moment). Plus it has the opportunity to be much better in the future with browser settings and browser improvements.

I’ve screencasted about this before, but it clicked better watching Mat Marquis’s talk at An Event Apart Austin and with Jason Grigsby’s post. I’m writing about it again here because I think it’s important for all of us to understand."

4. Shellshock: A Bigger Threat than Heartbleed? · An A List Apart Blog Post

"Time to update those Linux servers again. A newly-discovered Linux flaw may be more pervasive, and more dangerous, than last spring’s Heartbleed.

A newly discovered security bug in a widely used piece of Linux software, known as ‘Bash,’ could pose a bigger threat to computer users than the ‘Heartbleed’ bug that surfaced in April, cyber experts warned on Wednesday.

Hackers can exploit a bug in Bash to take complete control of a targeted system, security experts said. The ‘Heartbleed’ bug allowed hackers to spy on computers, but not take control of them.

‘Bash’ Software Bug May Pose Bigger Threat Than ‘Heartbleed’, Re/code
This new vulnerability, being called Shellshock, has been found in use on public servers, meaning the threat is not theoretical. A patch has been released, but according to Ars Technica, it’s unfortunately incomplete."

Bash is short for ‘Born Again Shell’, and is the standard UNIX command line these days. Linux servers also have Bash, evidently. Probably time for all of us to spend more time learning command line languages.

WP Tavern

5. WordPress Plugin Checks if The Server Hosting Your Site is Vulnerable to The “ShellShock” Bug

"In recent days, a security vulnerability in Bash known as ‘ShellShock’ has put millions of servers at risk. Without going into too much detail, the vulnerability allows an attacker to execute any code on a vulnerable server. The amount of servers at risk is far greater than the Heartbleed bug discovered earlier this year. The founder of ManageWP, Vladimir Prelovac, has released a new WordPress plugin that helps determine if the server hosting your website is vulnerable to the ShellShock bug.

The plugin checks for both disclosed ShellShock vulnerabilities CVE–2014–6271 and CVE–2014–7169. Simply download the plugin, activate it, and browse to Settings > Shellshock. Click the Run Test button. After the test is completed, a notice displays whether the server is vulnerable or not. In the following  screenshot, the server I tested is not vulnerable."

Fortunately the elves have been busy in the WP-Plugins mines.


6. Getting Started With CSS Audits · An A List Apart Blog Post

"This week I wrote about conducting CSS audits to organize your code, keeping it clean and performant—resulting in faster sites that are easier to maintain. Now that you understand the hows and whys of auditing, let’s take a look at some more resources that will help you maintain your CSS architecture. Here are some I’ve recently discovered and find helpful.

Organizing CSS
Harry Roberts has put together a fantastic resource for thinking about how to write large CSS systems, CSS Guidelines.
Interested in making the style guide part of the audit easier? This Github repo includes a whole bunch of info on different generators."

WordPress tv

7. David Pisarra: Calendar Your Way to Success | WordPress.tv

"PUBLISHED – September 25, 2014

This presentation on Creating Editorial Calendars will make blogging/podcasting a hassle free experience. It is designed for both potential and experienced writers/podcasters to realize and organize, how much information they have at their disposal to create a truly awesome creative experience

Every creator of content faces the same dilemma – what to write about – it can cripple a budding successful career. But with an editorial road map, and a flashlight, success is all but guaranteed.

There will be a live demonstration of how to organize loads of information into bitesized interesting units to produce blog posts and podcasts on a regular basis.

Viewers will gain an insight into their own topic areas depth and breadth and have a renewed vision for their success.

EVENT – WordCamp Los Angeles 2014"

Apple Insider

8. Microsoft looks to distance itself from Windows 8, jumps to Windows 10

"Software behemoth Microsoft on Tuesday announced that its next-generation desktop operating system would not follow the numerical progression of its two predecessors — which would have made it Windows 9 — but will instead be called Windows 10.

Windows 10

Microsoft executive Joe Belfiore demonstrates Windows 10. Photo courtesy of the Seattle Times.

‘Windows 10 represents the first step of a whole new generation of Windows,’ Microsoft operating systems chief Terry Myerson said during the unveiling, according to the Seattle Times. Leaked builds have shown a return to a Windows 7-style start menu with Windows 8-like tiles."

Wow a Start Menu – how innovative. The quote in the blog piece is about how ‘humbling’ it is to work on Windows 10 – maybe bumbling would be more appropriate. Pity the engineers working on this mess. Going from 8 to 10 will be well remembered if they screw up yet again.


9. How to Open Any File on iOS | Mac|Life

"As more and more people start to use their iPad as a real work machine and their iPhone as a primary way of managing emails on the move, we need iOS devices to be able to view a huge range of file types — from simple text documents to complex design layouts, 3D models, high-quality sound recordings, and fun videos.

The iPad and iPhone can view many file types out of the box with no extra software, but in some cases, they need a bit of help from the App Store. Of course, app developers have stepped up here and created a huge range of apps for handling lots of different files, from the common to the specialist. Using the context-sensitive ‘Open In…’ option in iOS, you can send files to apps that support them, many of which let you do much more than just view what’s in the files. Some have great editing capabilities and ways to share the files with others.

A lot of the time, unexpected files come to you over email, so we’ll show you how to open a file in another app right from the iOS Mail app. When someone sends you a URL to download a large file, or you just find one online that you want to download, the lack of a file system can seem to hold you back; there’s no obvious way to use such files, but we’ll show you a way around that, too."

One of the basic features that is lagging in iOS is file management. There are some good tips here.

10. Too much unwanted email? Use these tricks for identifying and unsubscribing | Macworld

"Reader Betina Baylor would like to do something about removing her name from marketing email. She writes:

Over the years I’ve purchased items from a variety of online merchants as well as signed up for some recommendation services. Because I have, I receive a lot of email from these places and I’d like to stop getting some of it. Do you have any suggestions for identifying and stopping these messages?
I do. Rather than suggest that you click through every message in your Inbox seeking Unsubscribe links, let’s use the power of email filters to bring these messages to your attention."

Smart mailbox rules

I’m going to give this a whirl….