Advertisement

960 Grid System

  • Responsive Web Design
    Migrating From 960 Grid System to ZURB FoundationF5
    294 shares
    While not always elegant or glamorous, retrofitting an existing site can be the most efficient way to update or redesign. In this tutorial, I'll walk you through taking your site from a fixed 960 Grid System framework to a new responsive ZURB Foundation 5 theme.Read More…
  • HTML & CSS
    Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 4Title image
    Continuing on with our Photoshop to HTML session, in this lesson, we'll learn how to use the 960 grid framework. Read More…
  • HTML & CSS
    Mastering the 960 Grid SystemPreview
    16 shares
    We're already familiar with the 12- and 16-column variants of 960.gs, but did you know that a 24-column alternative exists too? In this article, you'll master the 960 grid system by dissecting the 24-column version demo. If you've only used 960gs before for Photoshop mockups, consider this your lucky day. By the end of this article, you'll be able to convert your designs to HTML and CSS in no time at all.Read More…
  • HTML & CSS
    How to Build a Newspaper Website with a GridCode
    2 shares
    In this Tuts+ video tutorial, you’ll learn how to utilize a grid to create a simple newspaper-like website. Along the way, you’ll learn helpful techniques, such as easy ways to target IE7 and IE6 with only a single character, using the 960 grid system, and even using CSS3 to create columns! It’s an hour long; ready to dig in?Read More…
  • HTML & CSS
    6 Ways To Improve Your Web TypographyPreview
    9 shares
    Typography on the web is anything but simple, and for many, it is a troubling mystery. Today, we're going to review six ways that web designers and developers can improve the typography of the sites they create.Read More…
  • HTML & CSS
    Design a Beautiful Website From Scratch200x200
    74 shares
    Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I will point out these tiny details which make a website design look beautiful. Fire up Photoshop and let's get going! Read More…
  • 960 Grid System
    A Detailed Look at the 960 CSS Framework200x200
    33 shares
    CSS frameworks are bloated. CSS frameworks are for people who don't know how to code. CSS is too simple to implement a framework. If you've ever read a tutorial on a CSS framework, I can guarantee that many comments mimic the previous statements. My guess is that the majority of these comments are stemmed from slight ignorance. Once you take the opportunity to spend some time with 960, you'll be amazed at how much time can potentially be saved when developing your web applications. At the very least, take ten minutes to review the framework. You can always press the delete key...though I doubt you will! Read More…
  • HTML & CSS
    Prototyping With The Grid 960 CSS Framework200x200
    16 shares
    Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups. Why? Because they do all the heavy lifting allowing you to get faster results.Read More…
  • WordPress
    Build a Newspaper Theme With WP_Query and the 960 CSS Framework200x200
    6 shares
    WP_Query is a powerful tool to control what comes out of your loop. Today I'm going to teach you all how to use it to make a 3 columned newspaper theme that has all your main blog posts in the main column, and off to the side a set of posts with a certain category. We'll be using the 960 CSS framework for the basic layout and reset of our theme, it will chop a lot of work off what's needed!Read More…
  • HTML & CSS
    Which CSS Grid Framework Should You Use for Web Design?200
    5 shares
    Ever wondered how all those slick "magazine" themes for WordPress and other platforms were created? Many, if not all, were designed using a CSS Grid Framework - at least in essence if not in actual fact. That is, you can use an existing CSS framework or build your own from scratch. While it's possible to design complex web page layouts without a framework, it's arguably an act in masochism. In this article you'll get an overview of the current batch of Frameworks and which you should choose to use.Read More…
Advertisement
Advertisement