1. Issue #120 | CSS Weekly

“In this in-depth article Maxim Shirshin explains that BEM is not just for big companies; it works for everyone by bringing unified semantics across all of the front-end technologies that are being used.”


2. Hacks for dealing with specificity – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

"As we’re all probably well aware by now, specificity is one of the quickest ways to get yourself in a tangle when trying to scale a CSS project: even if you have the most considered source order, and your rulesets cascade and inherit to and from each other perfectly, an overly-specific selector can completely undo all of it. Specificity throws a real curve-ball at a language which is entirely dependent upon source order. To make things worse, you can’t opt out of it, and the only way to deal with it is by getting more and more specific.

  • On larger projects, this is something we can really do without.
  • Like I said, we can’t opt out of specificity, but there are a number of things we can do to mitigate its effects:
  • Never use IDs in CSS, ever.
  • Do not nest selectors unnecessarily.
  • Do not qualify selectors unless you have a compelling reason to do so.
  • Make heavy use of classes because they are the ideal selector.


3. A Compendium of SVG Information | CSS-Tricks

"These are overview articles covering lots of stuff relating to SVG. Why to use it and the basics of how to use it. Mostly: img, background-image, svg, iframe, and object/embed.

Smashing Magazine

4. The Mystery Is Resolved: Chirpy Birds, Lost Numbers and Pretty Slow Wheels | Smashing Magazine

“Experiments and side projects are wonderful ways to challenge yourself and explore areas that you wouldn’t usually consider exploring. That’s what Smashing Mystery Riddles are for us: little experiments that challenge us to come up with something new, original and a bit crazy—every single time. The ideas are usually a synthesis of the things we discover, stumble upon or try out ourselves—and oh my, they take quite some time to get right.”

5. How Do You Design Interaction? | Smashing Magazine

“If you have to design an interface it’s almost obvious to think to begin the process by drawing. But is this the best way? I once casually started by writing an imagined human-computer conversation, and only afterwards I continued by drawing.”

6. You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy | Smashing Magazine

“You resize the browser and a smile creeps over your face. You’re happy: You think you are now mobile-friendly, that you have achieved your goals for the website. Let me be a bit forward before getting into the discussion: You are losing users and probably money if responsive web design is your entire goal and your only solution for mobile. The good news is that you can do it right.”


7. Create Reminders and Calendar Events from the Google Search Bar

"s long as you’re logged in to your Google account, creating new reminders or appointments on your calendar is as easy as visiting the Google homepage and typing into the search bar. You don’t have to open reminders specifically, or go right to your calendar—Google will handle the rest.

Google Operating System explained how this works. All you have to go is visit Google and, for reminders, type add reminder or create reminder into the search bar, and the interface will change to let you fill in the details. For reminders, you’ll get a field asking what you’d like to be reminded of, when, and where. You can even click to have Google Now remind you on your mobile device. If you type in more details from the start, like ‘add reminder to call Whitson tomorrow,’ the fields for when and what will fill themselves in automatically"

8. Use Text Expansion to Keep Track of and Update To-Do Lists

"We’ve talked about the best clever uses for text expansion apps, but blogger and podcaster Greg Hickman has a new one: write your daily to-do list so you can access it quickly when you’re stuck.

Hickman’s larger post is about using text expansion programs to help with daily journaling, which in turn helps him stay productive. But his tip about to-do lists is particularly interesting. He recommends using the keyword ‘;stuck’ for this task, so that whenever you feel like you don’t know what to do next, you can bring up your task list in a jiffy."

Textexpanders are generally underused by coders, who are the most ideal customer for this software.


9. præclarum – Mocast

“For the past couple months, I have been working on a top secret project that aims to redefine the way work will get done, address key industry mobility challenges and spark true mobile-led business change. I’m just kidding, it’s a podcast player!”

Got this reference from Daring Fireball. I’m giving the app a whirl. I’m not happy with my podcast experience at the moment

Mac 911

10. Marked 2 review: Preview and improve your online writing on the fly | Macworld

“Many of us here at Macworld are fans of Markdown, a nifty markup language that lets you write for the Web using plain text and a simple formatting syntax. We also frequently write in HTML. But one of the challenges in writing in these ‘languages,’ if you will, is that it’s tough to see exactly how what you’re writing will look once it’s published on the Web.”

Marked is an excellent reader-interpreter of Markdown. It has just been updated to v 2.3.