Designing and developing HTML5+CSS3 webistes and mobile apps

In my previous post “CSS3 Tools“ we saw I few well-known websites which provides frameworks and tools to start with CSS3.

Here, I’d like to complete and extend that list with more useful frameworks, libraries and other assets to play with the new version of the html markup. 

Applications

Libraries

Frameworks

Helpers

Documentation and Books

I’ll update with more resources soon, just keep tuned.

    CSS3 Tools

    Digging into web and gathering recommendations, I’ve created this post with a set of tools for CSS themer who wants to develop with the latest version of cascade style sheets CSS3.

    Hope you find them useful, too.

    Modernizr 

    Open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

    Selectivzr

    JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.

    CSS3.Me and CSS Generator

    CSS3 Generator helper tools.

    CSS Template layout mode

    This specification is part of level 3 of CSS (“CSS3”) and contains features to describe layouts at a high level, meant for tasks such as the positioning and alignment of “widgets” in a graphical user interface or the layout grid for a page or a window, in particular when the desired visual order is different from the order of the elements in the source document.

    Font Dragr

    A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

    Compass and Sass.

    Compass is an open-source framework that uses Sass.:an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass generates well formatted CSS and makes your stylesheets easier to organize and maintain.

    CSS3 Cheat Sheet.

    A complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. Each property is provided in a section that attempts to match it with the section (module) that it is most actively associated within the W3C specification.

    HTML5 & CSS3 for designers

    Book CSS3 HTML5

    “Start now”, with this statement Dan Cederholm, the author of “CSS3 for Web Desginers” book, encourages us to work with the evolution of web markup style. And his not alone, with the same spirit, Jeremy Keith show us the history and the ‘whys’ of the new version of HTML.

    But, is it now the right time? Even if we don’t believe in the consensus, and the first standard recommendation is planned to 2022, even if it’s really up to the vendors to support the new features and still you feel there are not enough of them to make the web styling really cool, even if you have worked with XAML and have in mind “why they don’t just copy it”, and even if you feel that it is a kind of “back to the future” the answer would be “yes”.

    This is, as always, a business, the web browser war never counted with designers and developers’ desires, but they used our work to justify their steps ahead. It is like when one of those big companies - I won’t say the name - creates a copied technology to gain developers to gain terrain (to gain money) and it is supported just meanwhile there are someone who keeps on trying it: at the end, if there are not enough people using that “new” technology the company will says “bye” progressively in a gentle way - if you don’t believe me, tell Silverlight developers (oops). 

    This is only my personal view, I think that if the most of websites are built in HTML documents and are styled with CSS, the evolution of both are the right way to go. It will be slowly and plenty of complaints but always is like so. Is it risk? maybe, is it familiar? of course it is; is it RIA? hummm… we will see it, if we start trying it today.