Codrops release creative-css3-animation-menus, Simple composition of elements, an icon, a main title and a secondary title, that will be animated on hover using only CSS transitions and animations. We’ll be exploring some different effects for the elements.
There are 10 unique examples, all have the same HTML structure but different CSS styles that make use of CSS transitions …
CSSload is a free web-based application that can generate loading animation like spinners and bars with pure CSS.
Your can create loading animations from the pre-made templates, The cssload app currently offers six loader types and they can be customized in means of color, size and animation speed.
It uses the animation, transitions and transforms capabilities of CSS3 and compatible …
Modern framework rich, client UI widgets built on jQuery and designed to work across browsers and touchscreen devices. Everything you need for HTML5 UI in a single, compact package.
CSS3 Buttonize Framework is a new addition to this list which comes with styles for creating buttons in various sizes.
Icons can be used inside the items and there are ready-to-use classes for building disabled, striped or highlighted buttons and a panel/horizontal navigation.
You may be interested in the following modern trends related articles as well.
Using Modernizr in the backend, it detects which HTML5 and CSS3 are supported, shows the result in a nice interface and links to the related W3C or WHATWG page for each property.
Haz.io is an open source project where …
Mosaiqy is a jQuery plugin for viewing and zooming photos and images in a Mosaic-like grid interface.
The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.
Once a thumbnail is clicked, the original version is loaded inside the gridwith a nice slideIn/Out effect.
It retrieves images from a JSON/JSONP …
Gridless is a boilerplate for creating responsive and cross-browser/platform websites with beautiful typography. Gridless has a simple approach on markup and styles. There aren’t any pre-made grid systems and the CSS isn’t littered with silly classes. Gridless is only a starting point, that should be edited to suit each project’s needs.
It doesn’t come with any grid systems, rather, …
There are various new and exciting stuff with the website development like HTML5 and CSS3.
But, when it comes to designing HTML e-mails, it is still the tables and hacks for improving compatibility with different e-mail clients.
HTML E-mail Boilerplate is a project which presents a starting point for HTML e-mail design and includes solutions for the major rendering problems…
Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.
Normalize.css is a set of CSS rules for forcing HTML elements to render more consistently across all browsers.
Compared to CSS …
css-sprite.es is an online CSS Sprites Builder / Generator written by Nicolas Crovatti. This tool can, given a few image files, generate a clean image sprite with corresponding valid CSS and XHTML code along with an optional hover processing for rollover effects.
At WRD, several applications for generating CSS sprites are shared until now. With their pros and cons, all …