Home > Features > Dev Depot: Cute Grids, Provides a Clean Base for Responsive Designs • Bookmark   • Newsletters   • Register Search Options


Dev Depot: Cute Grids, Provides a Clean Base for Responsive Designs

Dev Depot: Cute Grids, Provides a Clean Base for Responsive Designs

May 29, 2014
Text size: 
View in Digital Mag
Get XBIZ News
XBIZ Research
Will virtual reality boost the paysite market?
Yes, it will soon
Yes, but in a few years
Out of 143 votes. Results based on votes submitted by members of XBIZ.net social network.

" Cute grids was made from the frustration of today‚Äôs world full of large overbuilt frameworks that can be overkill for most projects. -Darren Newberry "

As the lines between fixed and mobile Internet access continue to blur, the use of responsive or flexible web designs that accommodate visitors regardless of their viewing platform are increasingly gaining in popularity.

To address this, designers are turning to the blank canvas provided by frameworks that allow design options to be quickly spun up without designers having to reinvent the wheel, by incorporating pre-formatted CSS and coding blocks as a fast prototyping tool.

According to its publisher, Darren Newberry, Cute Grids (www.cutegrids.com) is a lightweight CSS framework that provides a clean base for responsive website designs.

Cute Grids uses five “em” width-based media queries to target five different screen sizes to accommodate nearly any device; allowing developers to choose the layout that best suits their design goals.

Cute Grids’ “mobile first” grid system provides mobile and tablet users with the best possible experience — using clean code without any predefined design limits in order to provide designs that work across all devices, from mobile phones to desktop computers.

Built from the ground-up with the needs of responsive designers in mind, Cute Grids forms a solid base for building any website, allowing full customization of how you want your site to look, with detailed documentation that helps users get started, with example code snippets illustrating how the different features work and how to implement them in a Cute Grids based responsive site.

“Cute grids was made from the frustration of today’s world full of large overbuilt frameworks that can be overkill for most projects and restrict the creativity of the designer with too many inbuilt design features that can make even the most creative person lazy,” Newberry notes. “With too many underused features and over bloated code in many frameworks the idea of cute grids is to clean out all the dirty stuff and leave you with a clean base to let you get on with designing your responsive site the way you like.”

Despite its simplicity, Cute Grids is not a featureless minimum grid system.

“It has been built with most features that are seen fit to make your grid work the way you need it to,” Newberry added. “This is just clean CSS. No SASS, No LESS.”

Despite the last comment, however, Newberry leaves open the possibility of a future version using SASS, for further appeal.

Like other similar frameworks, Cute Grids contains rows and columns, with every row holding up to 12 columns, each of which serves as a container for holding content.

Cute Grids’ 12 column responsive layout targets smaller phones at 30em (480px) and lower, plus larger phones at 48em (768px) and lower; as well as tablets at 48em (768px) and above, laptops at 62em (992px) and above, along with desktops at 75em (1200px) or higher screen sizes, making layout easy.

Cute Grids allows users to modify offsets, padding and column order, among other parameters and includes an optional CSS reset along with a plugin for responsive images.

Although Cute Grids may be a bit more basic in its offerings than some competitors, its ease of use and lightweight coding make it a great starting place for your next project.


E-Stim Basics: Selling Customers on Powerboxes as Pleasure Tools

Electrosex is a commonly misunderstood pleasure practice for good reason: Most of us have negative associations with electricity; maybe we’ve been shocked after rubbing our feet across a carpeted... More »

Search Oftentimes Is Left to Chance

Adult content is frowned upon in search, whether in paid, organic or social. With the big algo updates from the past few years, Google has cleaned up search, trying to get rid of spammy and low-quality... More »

Five Tips to Generate Repeat Business

A $50 sale is great. But what if you could get that same $50 sale to come back four times in the next few months? Here are some ideas how to achieve that. 1) On your receipts, you should have an option... More »
Stay informed of the latest industry developments. Get XBIZ newsletters delivered to your inbox. Subscribe today!
Enter email address:

* To manage existing subscriptions click here.

Submit your press release to
multiple news outlets with 1 click.
Subscribe to RSS news feeds or
add free content to your website.
Access XBIZ news and articles
with your mobile device.

Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /data/SFTP/xbizid/incoming/web/www/app/inc/proc.init.php on line 5
Subscribe to XBIZ World magazine, the industry's leading e-commerce trade publication, delivering in-depth coverage of the online, mobile and ancillary digital markets.



Oct 05 - Oct 07
Hannover, Germany


Nov 04 - Nov 06
Edison, New Jersey

2016 Inked Awards

Nov 05 - Nov 05
Edison, New Jersey

XBIZ 2017

Jan 09 - Jan 13
Hollywood, CA
Everyday thousands of business professionals browse XBIZ's industry directory for quality products and services. Not listed yet? Your company could be losing potential new business. Submit your company today!
Use XBIZ RSS feeds to stay informed of the latest industry developments or as a content syndication tool for your website!