Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Dismiss
Advertisement
  1. Web Design
  2. Gumby
Webdesign

Building Semantic Grids With Gumby

by
Length:QuickLanguages:
GumbyGridsSass
This post is part of a series called Getting to Know Gumby.
Setting Up Gumby With the Claymate Command Line Tool
Working With Gumby's Parallax Extension

In this tutorial we're going to build ourselves clean, readable markup with the help of Gumby's semantic grid structure. We'll continue working with the example we started in the previous lesson, getting rid of as much unnecessary mess from our code as possible, plus we'll be using Sass to speed things up.

Gumby's Semantic Grids

Alternatively, Download the video, or subscribe to Webdesigntuts+ screencasts via YouTube
Advertisement
Advertisement
Cory Simmons
Cory Simmons
Frontend Developer living around Washington D.C.
Cory created Lost Grid, Jeet, and a few other open-source projects. He's written for TutsPlus, CSS Tricks, .net Magazine, and Packt Publishing; worked for companies such as Scholastic, World Vision Charities, and TeeSpring; and intentionally moved to the middle of nowhere to better understand the sound of a whisper.
Weekly email summary
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered by
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
WordPress Themes
From $13
Magento Themes
From $17
ECommerce Websites
From $16
HTML5 Templates
From $4
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories