Three RWD Technologies That have Created Their Own Categories

by Sheila Berger

Over the past few years, responsive web design (RWD) has been a major driving force of web design and technologies. Web design has changed, not just in terms of aesthetics, but also in terms of how information is prioritized and organized. Front-end development methods have changed due to the need to create scalable user interfaces that will display well on any device. This has led to the creation of new categories of technologies and services that fill the needs of designers and developers as a result of RWD.

1. SASS, SCSS, LESS

The category of CSS extensions became popular in part because of how they lend themselves to RWD in two main ways. First, they make it easier to create the robust grids needed for responsive layouts using math operators to calculate widths. Second, they provide a cleaner, more compact way to organize the larger amounts of CSS responsive designs called for (TheSassWay).

2. Font Awesome and Other Icon Libraries

Images often look blurry on mobile devices due to their high resolution, and resizing images with CSS to fit on smaller screens can often cause degradation of quality. Icon libraries filled the need for scalable icons that will look crisp at any screen size, and eliminated the need for sprites to handle multiple small icons and images. Font Awesome is driving the shift from raster images to scalable vector graphics and has positioned itself as arguably the most popular icon library.

3. Bootstrap

Reusable grid frameworks emerged as a way to make RWD faster and easier. They helped change the way sites are designed and built by allowing for a more fluid content layout (GetBootstrap). There are multiple grid systems to choose from, but Twitter’s Bootstrap has become synonymous among designers and front-end developers with the reusable grid framework.


About Sheila Berger

Sheila is a Front-End Developer at Merit. Her experience ranges from large responsive eCommerce sites, to WordPress multi-site builds, and custom animations. Sheila navigates complexity and projects like a well-trained Ninja.

See More
Adam Vasquez

What is Market Invention?

It's the new era of marketing.

Market Invention is the process of creating and maintaining market dominance by leveraging insight, purpose, position, and experience to establish, grow, and maintain customer and company value.

Alex McCreary
The Evolution of Online Giveaway Promotions

Online giveaway promotions have come a long way since the early 2000’s.

READ IT
Haley Dobart

Why Responsive Web Design Matters

Responsive design is crucial, not just because it allows anyone to view a website from anywhere, but because it sets up companies to move apart from their competitors.

READ IT
Michael Murray
The Death of a Learned Routine

Oftentimes change can be refreshing. Sometimes the death of a learned routine can be the change agent for a totally new way of thinking.

READ IT
Alex Rhodes

Show Love by Giving Back

At Merit, one of our values is to “show love”. I’d heard that before but I had never truly seen that put into action.

READ IT
Brandon Kreiser

Video is an Ugly Word

There is a staggering amount of video content already at the tips of our fingers. Websites and services such as Netflix, HBO, Hulu, YouTube, Vimeo, Facebook, Twitter, and many others are all desperate to get you to click on that little play button and start watching endlessly.

David Kimmick
A New Kind of Business Card

With the launch of Merit, we wanted to rethink how we use business cards, and create something in a category of its own.

READ IT
Michael Murray

Magento 2 Debugging, Module Manipulation, Configuration and Compilation

Magento is an open source enterprise-ready ecommerce platform that has been widely adopted as an easily deployable, highly configurable code base

READ IT