960.gs

What It Is

960 Grid System is a CSS grid system designed for web development workflows. Its core idea is to use 960 pixels as the base width, offering common, easily divisible layout dimensions. It is mainly intended for rapid web prototyping and fixed-width page layouts, though it can also be used in production. The page clearly notes that users looking for a responsive grid framework should check Unsemantic.com, which indicates that 960.gs is positioned more as a traditional fixed-grid system.

Core Features and Ecosystem

It provides two main grid options: 12 columns and 16 columns, with column-width increments of 60px and 40px respectively. Each column has 10px margins on both sides, creating a 20px gutter. There is also a 24-column version, with 30px columns and 10px gutters. Layout and spacing are handled through classes such as container_12/container_16, grid_XX, alpha, omega, prefix_XX, and suffix_XX, while push_XX/pull_XX can adjust visual positioning without changing the HTML order. The package includes more than just CSS: it also provides printable sketch sheets, design layout files, and templates for Acorn, Fireworks, InDesign, GIMP, Illustrator, Photoshop, Visio, and more. In terms of ecosystem, the main content mentions a GitHub repository, Photoshop/Fireworks plugins, a Dreamweaver extension, as well as Drupal themes and fluid/responsive derivative projects.

Pricing and Open Source

960 Grid System is free to use and is explicitly licensed under both GPL and MIT, allowing users to reuse and modify it according to project needs. It has no SaaS subscription, commercial licensing, or payment information. In essence, it is a downloadable front-end resource package that can be self-hosted within a project.

Pros, Cons, and Who It’s For

Its strengths are its extremely simple rules, intuitive class names, and consistent dimensions between design mockups and CSS, making it easy for designers and front-end developers to align quickly during early prototyping. Its templates and plugins also offer broad coverage across traditional design tools. The downside is that it is based on a fixed 960px width, so it is naturally less suited to mobile devices than modern responsive frameworks. The documentation is mostly a single-page explanation, demos, and a collection of external tutorials, with limited information on ongoing maintenance, version roadmaps, or support. It is well suited to maintaining legacy projects, teaching grid concepts, and building fixed-width prototypes for designers and front-end developers. It is less suitable for building new mobile-first projects from scratch.

Access in China

The main content does not provide information about access from mainland China, mirrors, payments, or compliance, so its accessibility status is unknown. Since the project is free and open source, practical use can prioritize downloading the package or saving the GitHub repository into a local project. If a modern alternative is needed, the main content directly points to Unsemantic.com, and its fluid or responsive derivatives may also be worth considering.