1140 CSS Grid
1140 CSS Grid is an open-source CSS framework that provides a responsive grid system to build websites. It contains templates, code snippets, and useful guidelines to create layouts easily.
css
grid
layout
responsive
framework
frontend
1140 CSS Grid: Open-Source Responsive Grid Framework
1140 CSS Grid is an open-source CSS framework that provides a responsive grid system to build websites. It contains templates, code snippets, and useful guidelines to create layouts easily.
What is 1140 CSS Grid?
1140 CSS Grid is an open-source CSS framework created by Andy Taylor to help web designers and developers quickly build responsive websites. It contains a 12-column responsive grid that adapts to various screen sizes and devices. Some key features of 1140 CSS Grid include:
- Lightweight and optimized for speed
- Responsive 12-column grid down to mobile sizes
- Typography templates for easy formatting
- Helpers for forms, buttons, clearfix etc.
- Easy to customize - add your own CSS
- Works well alongside other frameworks
- Free to use under MIT License
The number 1140 refers to the maximum width the grid layout can extend up to. At widths below 1140px, the grid fluidly resizes itself. This framework emphasizes designing for the content first. The grid adapts itself based on the content rather than forcing content to fit the grid.
The responsive templates, meaningful class names like header, footer, container etc. make it convenient for developers to build websites of all complexities quickly. The focus remains on coding and not battling CSS issues. Most common CSS tasks have Mixins written that can simply be reused. It has detailed documentation on how to customize and extend the framework.
1140 CSS Grid Features
Features
- Responsive 12-column grid system
- Flexbox support
- Nested grid system
- SASS variables for easy customization
- Mixins for generating columns
- Media queries for responsive breakpoints
- Default typography styles
- Helper classes for spacing, hiding content, etc.
Pricing
- Open Source
Pros
Lightweight and easy to implement
Good documentation and examples
Works well across devices and screen sizes
Makes responsive layouts easy to build
Very customizable
Cons
Less features than some other CSS frameworks
May require overriding some default styles
Not as widely used as Bootstrap or Foundation
Limited browser support (no IE)
Official Links
The Best 1140 CSS Grid Alternatives
Top Development and Css Frameworks and other similar apps like 1140 CSS Grid
Here are some alternatives to 1140 CSS Grid:
Suggest an alternative ❐
GroundworkCSS
GroundworkCSS is an open-source CSS framework designed to streamline responsive web development. It offers a lightweight grid system for layouts that adapt across devices, along with predesigned UI components and styles for typography, forms, buttons, navigation bars and more.Some key features and benefits of GroundworkCSS include:Responsive 12-column grid with breakpoint...
Purecss
Purecss is an open-source CSS framework designed for quickly building lightweight, responsive web interfaces. Here are some key details about Purecss:Created and maintained by Yahoo/Verizon Media.Very lightweight at 4.5KB minified and gzipped.Follows a modular approach, allowing developers to include only the CSS for components they need.Provides layout modules like grids,...
Skeleton
Skeleton is an open source, lightweight front-end framework for developing responsive web pages and apps. It's designed to be a starting point rather than a UI library like Bootstrap or Foundation.Here are some key features of Skeleton:Lightweight at just 400 lines of CSSFully responsive grid down to mobile devicesSyntax highlighting...
Picnic CSS
Picnic CSS is an open-source CSS framework that focuses on simplicity, minimal code, and ease of use. It provides basic styling and components to quickly build websites and web applications without complex setup.Some key features and benefits of Picnic CSS:Lightweight at only 5KB minified and gzippedMobile-first responsive design12-column flexbox grid...
960 Grid System
The 960 Grid System is a popular CSS framework used by web designers and developers to quickly create responsive website layouts. It provides a flexible grid system based on 12 or 16 columns, with preset CSS classes that make it easy to define column widths and positions within the layout.Some...
The Goldilocks Approach
The Goldilocks Approach is an agile project management software designed to help teams work together effectively to build great products. It provides a complete platform with intuitive tools for planning projects, managing tasks and issues, facilitating collaboration, tracking progress, and gathering feedback.Key features include:Interactive boards for visualizing workflows and tracking...
Golden Grid System
Golden Grid System is a popular modular grid framework used by graphic designers and web developers to easily build layouts and websites. It provides a set of preset columns, gutters, margins, and templates to allow for the quick structure of responsive projects.Some key features of Golden Grid System include:Comes with...
Less Framework
The Less Framework is an open-source CSS framework that makes it easy to build responsive web interfaces and apps. Here are some key things to know about Less Framework:Lightweight - Only 10KB minified and gzipped, with no JavaScript dependenciesResponsive - Supports natural responsive web design across devices and screen sizesCustomizable...
Refills
Refills is a browser extension that automatically saves you money whenever you shop online. It works in the background to automatically find and apply coupon codes and cashback offers at checkout. Refills has access to extensive databases of valid coupons and promo codes for thousands of online stores.When you go...
Responsable
Responsable is a leading health and safety management software designed to help businesses track, manage and improve their safety programs. It provides a centralized cloud-based platform to standardize safety processes, reduce risk and increase productivity.Some key features of Responsable include:Incident reporting and investigations - Log incidents with rich data like...
320 and Up
320 and Up is a user-friendly website builder that enables people with no coding skills to create stunning, responsive websites. With an intuitive drag-and-drop interface, 320 and Up makes website creation simple and efficient.320 and Up offers dozens of professionally designed templates suited for different industries such as retail, restaurants,...
