Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

xy.css - A Lightweight CSS Template For Building Responsive Liquid-Grid Designs

DZone's Guide to

xy.css - A Lightweight CSS Template For Building Responsive Liquid-Grid Designs

· Web Dev Zone ·
Free Resource

Deploying code to production can be filled with uncertainty. Reduce the risks, and deploy earlier and more often. Download this free guide to learn more. Brought to you in partnership with Rollbar.

xy.css is a lightweight CSS template which allows us to build responsive liquid grid designs easily. xy.css is feature-packed.  It performs browser style resets using Eric Meyer’s CSS Reset. It also implements horizontal and vertical rhythm with liquid-grid layout and scalable typographic grid respectively.

xy.css allows you to create device-agnostic designs without cluttering your markup with non-semantic attribute classes. You design is progressively enhanced with CSS3, along with animated media-queries transitions.

You can find more grid frameworks on Functionn here: Functionn’s Grid Frameworks Channel.

Requirements: None
Demo:http:/ / xycss. com/
License: GPL

Deploying code to production can be filled with uncertainty. Reduce the risks, and deploy earlier and more often. Download this free guide to learn more. Brought to you in partnership with Rollbar.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}