The Official Weblog for Restive Labs

Breakpoints have risen from obscurity and taken center stage in the life of the modern Web designer. They are necessary because they enable us set thresholds for our design aspirations. We live in a world where the Desktop Computer is not the only device holding sway, so we have to be cognizant of this reality and update our tactics to ensure that the Websites we build can work everywhere for everyone.

However, the tools that come standard for building these so-called Responsive Websites [Media Queries] do not really make it easy to target Device Classes like Smartphones, Tablets, TVs, etc. I find that odd because it seems like Device Classes should be logical breakpoints in every respect. I say that because when starting out, it's virtually impossible for you not to ask the question "How is this Website going to look in a Tablet?!"

Building Responsive Websites has now become a critical skill that every Web designer must know and master. Restive.JS helps to make this process a lot easier by significantly streamlining your workflow [by enabling you define all Responsive CSS markup inline with your original markup] and providing you with a robust arsenal of methods that help you do more if the need arises. It’s definitely a different experience to using Media Queries.

When we launched the Restive.JS Website, we got admonished by a few people who wondered why a Plugin that claims to help Web designers make their website Responsive would not have a Responsive website. I can only speculate, but I’m almost certain that this incorrect conclusion was reached via the ‘browser window resize’ test, where the tester simply resizes a browser window from a high-width to a low-width and examines how the website adjusts to these dimensional changes.

Responsive Web Design has been with us for a few years now. Ever since the concept came to the fore, Web Designers the world over have invested their time, blood, sweat, and some tears (we can't rule that out) to learn how to make their Web sites Responsive. Indeed, this noble quest is not without merit: The Desktop is no longer the only Web-enabled Device, and we need to accommodate the new entrants.

However, things seem to have gone amiss when everyone decided that CSS Media Queries was the method to do Responsive Web Design. When doing some research on this blog post, I stumbled on the Wikipedia entry for Media Queries where it says it is a cornerstone technology of Responsive Web Design. How did this happen?! I say this with the benefit of Hindsight, of course! I'm really puzzled as to why almost everyone assumed the 'Just Go With It' position?! Well, I guess because it's a Web Standard, but I hope I'm wrong.

Designing Web Sites for Smartphones and Tablets sounds really great when you read about it on Web Design Blogs. You get all excited about the awesome possibilities of having your Web site look and feel good on multiple mobile devices [and non-mobile devices alike]. However, when you actually stop the dreaming and get to the doing, your joy literally gets knocked in the teeth by the fearless fists of sorrow.

Have you ever been so frustrated that you shout out the phrase that is identified by those notorious initials "WTF", but you're so gobsmacked with said frustration that you skip the first word and then can't even finish the expletive, you're just like "...THE FFFFF...?!" Well, that's what it was like for me about a year ago when I was trying to get the hang of this Responsive and Adaptive Web Design thing, and I'm pretty sure I'm not the only one. It was - to put it lightly and like Jerry Maguire - "An Up-at-dawn, Pride-swallowing Siege". Numerous CSS Media Queries, Polyfills, and Shims, all conspiring like minions to make me less productive. This whole scenario is one of primary reasons I felt compelled to develop the Restive.JS.

What is Restive?!

Restive Labs is a creator of software and services for helping Web designers, developers, and enthusiasts build Websites that are both Responsive and Fast.