Platinum Partner
css,html5,tips and tricks

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

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

Published at DZone with permission of {{ articles[0].authors[0].realName }}, DZone MVB. (source)

Opinions expressed by DZone contributors are their own.

{{ tag }}, {{tag}},

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

{{ parent.tldr }}

{{ parent.urlSource.name }}
{{ parent.authors[0].realName || parent.author}}

{{ parent.authors[0].tagline || parent.tagline }}

{{ parent.views }} ViewsClicks
Tweet

{{parent.nComments}}