We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more..

Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”).

The effects are collected under few categories (magic, perspective, rotate, bling, static, slide) and all of the effects are pretty attractive.

Each of them has their own classes and the easiest way to use them is by adding/removing these classes to the targeted elements via JavaScript.

Hitch is a lightweight JavaScript library that adds expressive capabilities to CSS files.

It has some of the powers of CSS preprocessors like prefixing or variables but also some other stuff.

The library comes with multiple ready-to-use selectors like “anyof, allof, has..” and allows us to define any new ones (called hitches).

These hitches are simple JavaScript functions and can be written easily (once the library has more users, there will probably be many hitches around)

Hitch is very well-documented, has examples and it works on all modern browsers..

It is so good to see new and quality frameworks are being introduced regularly by the web design/development community.

Pure is a fresh one that is created by Yahoo!. It uses Normalize.CSS and doesn’t use any JavaScript but only HTML-CSS.

The framework is built with responsive layouts in mind and has styles for typography, grids, forms, buttons, tables and navigation.

Markup used is very simple and the whole framework is pretty lightweight (5.7KB minified and gzipped).

Also, it is modular and styles for each module can be used separately.

There are many frameworks out there which mimic the user interface of iOS but not much exists for Android

Fries is a solid HTML-CSS-JS framework for creating Android-like UIs both for real-world usage and prototyping.

The framework has all the major components like forms, action bars, lists, buttons, spinners or tabs.

It is also optimized for PhoneGap and can be easily converted to a native app.

We use labels on many parts of web design like providing information about images, form elements, videos..

Label.css is a simple-yet-useful set of CSS rules that provide a global label usage.

Each label can be attached to any element, positioned how we want (right, left, top, bottom, inside, outside) and can be animated with float or fade effects.

It works by adding pre-defined classes to the elements and the content of the labels are stored inside the data-label attributes of each element.

Simply, a good addition to any stylesheet (or CSS framework).

Skel.js is a tiny JavaScript framework (~6kb gzipped and minified) that simplifies building responsive layouts very much.

It has a JavaScript-powered and 12-column grid system that can handle any type of complex layouts + has easy-to-understand rules.

Managing breakpoints is just about adding the width ranges in the options of the skel.js‘ main function.

There is a plugin system for extending it further (a UI plugin is mentioned to be released soon).

Also, many helpful options exist like the ability to applying reset.css or normalize.css and defining the box model instantly.

CSS frameworks are great to save time from recreating rules for typography, forms, tables, etc.

However, they are not that great for everyone. There are many designers/developers that prefer to recreate such stuff from scratch so that each of their work looks/feels different. Or, many others have their own CSS snippets that fasten the development.

If you are one of these designers/developers and looking for only a grid system but nothing more, Fitgrd can be a good fit : ).

Fitgrd is a responsive grid system with 12 columns and no strict sizes for the min-max widths.

Each column has 2 percent of margin on both sides and everything works with percentages.

Many web designers and developers use code sharing websites like jsFiddle or Codepen.

Editr is a simple and self-hosted app (that doesn’t use any server-side code) for creating a similar interface for editing/improving and sharing any HTML-CSS-JS projects.

Sharing can be done by simply embedding an instance on it (this is done with jQuery) to any web page.

The app uses the beautiful Ace Editor which can be themed with ease and offers a great experience while editing code.

There are several CSS and front-end frameworks for developing websites easier.

Markup Framework, a fresh one, is a collection of layouts, widgets, typographic styles and other UI components which can be used as a base for any web project.

It is mostly HTML-CSS with very few JavaScript and focuses on providing the base/skeleton rather than the look/design.

The framework includes multiple style choices for typography, forms and UI widgets. Also, there are many ready-to-use layouts (with mobile-first approach), a flexible grid and CSS reset.

When we need to update the styles of websites that are already online, we either perform the change locally (if we have the source with us) or FTP-edit it.

bluePen Editor is a PHP-powered CSS editor that can be installed to any static or dynamic website and makes live CSS editing possible.

Once triggered (with a bookmarklet), it opens the editor widget and makes all HTML elements hoverable so that blupePen can locate the CSS rules of them (like Chrome Dev Tools).

It has features like color-picker, file manager, ruler, color comparison and more.

The editor keeps track of the changes made and auto-backups them in case you prefer to revert the styles.