Alloy is a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure, style and behavior.
(Link: Alloy UI – A project of Liferay)
Alloy UI – A project of Liferay
CSS Reloader is a browser extension to reload the CSS of any site without reloading the page
CSS Reloader is a browser extension for Mozilla Firefox and Google Chrome, that allows you to reload all the CSS/stylesheets of any site without you have to reload the page itself. The goal for this browser extension is to enable developers to become more productive.
(Link: CSS Reloader is a browser extension to reload the CSS of any site without reloading the page)
Atlassian Open Sources its User Interface (AUI) – Developer Documentation
The Atlassian User Interface (AUI) is a set of reusable, cross-browser tested, high-quality JavaScript and CSS UI components. We developed AUI for use in Atlassian applications such as JIRA, Confluence and others. As a plugin developer, you will find AUI useful to provide standard, sophisticated UI components that plugin into the host application’s user interface. Refer to the version matrix to see which AUI version is included in each host application.
(Link: Atlassian Open Sources its User Interface (AUI) – Developer Documentation)
LESS.app For Mac OS X — LESS CSS app
These two guys, Alexis and Dmitry, invented a time machine. They went forward 10 years, brought back CSS 4.0 and called it LESS. It’s universally awesome and you can read about it here. This app makes working with LESS a snap by turning it into a graphical interface.
(Link: LESS.app For Mac OS X — LESS CSS app)
CSScharts – bar charts created with pure CSS
For a project I am working on right now I needed to have really fast bar charts that don’t need any plugins or rely heavily on JavaScript. This is why I’ve put together some bar charts in pure CSS. Try this – move your mouse over the bars
(Link: CSScharts – bar charts created with pure CSS)
Check out these 10 awesome CSS grid systems
Though grid layouts may not be new to print design and certainly not design in general, CSS grid systems are still somewhat new to the field of web development. CSS grid systems allow the developer to easily and quickly markup and create structured, grid styled websites and layouts. Each grid systems has its pros and cons, and different ways of accomplishing goals. Today, we’ll review 10 amazing CSS grid systems.
(Link: Check out these 10 awesome CSS grid systems)
Compass is a stylesheet authoring tool that uses the Sass stylesheet language to make your stylesheets smaller and your web site easier to maintain
Compass is a stylesheet authoring tool that uses the Sass stylesheet language to make your stylesheets smaller and your web site easier to maintain. Compass provides ports of the best of breed css frameworks that you can use without forcing you to use their presentational class names. It’s a new way of thinking about stylesheets that must be seen in action!
(Link: Compass is a stylesheet authoring tool that uses the Sass stylesheet language to make your stylesheets smaller and your web site easier to maintain)
iWebSkel: The Ultimate Website Skeleton! Uncompress and Code.
Why?
Because every time you design a new website, you always need the same basic ingredients. Why spending time collecting, organizing, and putting them together?
What’s in the bag?
Only the freshest, juiciest stuff out there:
* XHTML — The and most essential and flexible markup, ever.
* CSS — An immaculate sheet, and reset rules.
* ICONS — The best royalty-free icons: 6159 images.
* JS — MooTools or PrototypeJS? Pick your choice and enjoy!
Find out more on the official Guide to iWebSkel.
(Link: iWebSkel: The Ultimate Website Skeleton! Uncompress and Code.)


June 18, 2010
