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

Add user login and MFA to your next project in minutes. Create a free Okta developer account, drop in one of our SDKs to your application and get back to building.

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

Launch your application faster with Okta’s user management API. Register today for the free forever developer edition!

Topics:

Published at DZone with permission of Hirvesh Munogee, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}