Front end round-up #2

This week’s roundup has a bit of a focus on responsive web layouts and structures, primarily as a result of a presentation we did this week at the IxD Responsive Web Meetup.

Scattered among the list are some great visual interfaces and finally the greatest CSS guide known to man kind.

Get your reading glasses on, and let’s do this thing…


Responsive Layout Wireframes

Responsive Wireframes

While understanding responsive layout and building for the responsive web in itself is an involved process, this quick little tool helps you ideate through some content representation variations. They present grid systems and ideas on how to rearrange your content for smaller resolutions. Absolutely great for when you need some ideas.


Evolution of the Web

Evolution of the web

The Internet and the technologies we use to develop for it have come a long way in a very short period of time. This beautifully built interface does a great job at showcasing the progression of web technologies over the last few years. It’s mind boggling how many new tools are available in just the last 2 years alone. It’s an exciting time to be a web developer.


Responsive images for content

Responsive images for content

The topic of how to present in-line images for responsive layout has been much discussed in the community for the last couple of years. This is a comprehensive and straight forward explanation of the problem and some potential solutions.




Looking to build a visually stunning presentation deck? Look no further – we won’t spoil anything for you, so click away and get the creative juices flowing with ideas on how to present your topics.


SMACSS – The definitive guide to modular CSS Architecture

Scalable and Modular Architecture for CSS

I’ve always stated that there are as many approaches to any given problem/scenario as there are developers you can throw at it. CSS, in particular, is one of the more subjective scripting languages out there. Jonathan Snook attempts to set forth some well constructed direction on how to standardize your CSS structure and development. An absolute must-read for anyone who writes any level of CSS.


That’s it for this week’s round-up, make sure to check in next week for more front end tools, tips, tricks and demos.


Andrej Simeonov | Technical Experience Director | @Pud_Ca

Andrej Simeonov  is also one of the major forces behind bringing jQuery Conference to Canada. Sign up to keep in the loop for event details.

Want to work with us?

We love exploring new opportunities — business, career, or otherwise. Let’s talk.