The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

CSS/CSS3

CSS/CSS3 Category

Responsive 960 Grid CSS Framework — Gumby

Gumby is a user-friendly CSS Grid framework with extended support of HTML5 and CSS3 goodies.

gumby Responsive 960 Grid CSS Framework    Gumby

Gumby is meticulously documented and easy to grasp; in fact, it’s similar to numerous CSS frameworks — especially 960 grids — out there.

The framework ships together with some reusable elements that allow constructing prototypes rapidly; there is extensive support for mobile devices, too.

Build Desktop Apps W/CSS, JS, and HTML — AppJS

AppJS is a desktop application development framework.

appjs Build Desktop Apps W/CSS, JS, and HTML    AppJS

AppJS is currently available only on Linux, but Mac and Windows ports are on the way.

The application’s core is Chromium, allowing you to use the newest and the most complex HTML5 APIs and functions available out there.

Overall, AppJS is an interesting solution at the very least, especially given that it uses Node.js as its backbone — fascinating for desktop app development, really.

3D CSS Earth — LAB!

3D CSS Earth is an experiment by LAB! which tries to create the planet earth using CSS3′s shading and layers.

css3dearth 3D CSS Earth    LAB!

Although the result is somewhat cube-based, it makes you wonder about the often abandoned possibilities of CSS.

The demo uses a modified version of PerspectiveTransform.js and some port libraries from Java.

Intuitive Development Of Responsive Websites — Responsive Grid System

Responsive Grid System is a grid system for intuitively developing responsive websites.

gridsystem Intuitive Development Of Responsive Websites    Responsive Grid System

This grid framework comes in three versions, with 12, 16, and 24 columns.

It comes with media queries for standard devices, clearfix, and an optional reset.

This framework is rather easy to get into, and provides flexibility without sacrificing structural simplicity.

Neat CSS3 Scroll Effects — stroll.js

stroll.js is a neat CSS3 demonstration from the talented Hakim.

csstransitionssss Neat CSS3 Scroll Effects    stroll.js

Although these examples lack in practical use, these CSS3 scroll effects are still top-notch eye candy, and the code is pretty admirable, too.

And, as the code is MIT-licensed, feel free to incorporate these breathtaking effects into your designs.

Interactive Grid Generator — Tiny Fluid Grid

Tiny Fluid Grid is a web app for creating a grid system for an upcoming website.

tinyfluidgrid Interactive Grid Generator    Tiny Fluid Grid

You can set the number of columns, gutter percentage, min & max width.

The application will then ship a zip file showcasing the demo code, along with grid.css — a stylesheet with the grid you created.

Tiny Fluid Grid is a huge time saver for anyone who needs a quick layout.