You may be interested in the following modern trends related articles as well.
- 25 Useful Responsive Frameworks For Front-End Design
- 10 Fresh jQuery Plugins for Designers & Developers
- jQuery Plugins Best Of 2012
- 34 Fresh CSS3 and jQuery Tutorials
Here is the list of 25 responsive frameworks for front-end design. Enjoy!
It is a foundation that offers the base (keyboard + touch support and adding the necessary classes to slide items) and the rest (CSS transitions or any other JS ) can be developed however preferred.
A simplistic plugin for only getting the images of a user and displaying them as a gallery. Just define the number of images to be pulled and that’s it.
iWantHue is a web-based color palette generator that provides powerful settings for finding the colors that play well with each other. It works by defining a range of hue, chroma +lightness and the app can return a palette of any size instantly.
Stately is a symbol font that makes it easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visualizations. And since it’s a font, it scales bigger and smaller while staying sharp as a tack.
Twitter has released new library named Typeahead.js for building smart auto-complete form fields. It comes as a jQuery plugin, shows suggestion as-users-type and can feature top suggestions with the help of styling. The plugin can work with both local or remote datasets and it is optimized for speed as it can prefetch the dataset, store it on the client-side and run the queries quickly.
Maplace.js is a jQuery plugin that embed Google Maps into websites. Its quickly create markers and controls menu for the locations on map. It works with the latest Google Maps API (v3) and has methods for adding markers + custom content and drawing paths, polygons or routes.
Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.
The most unique feature of Roole is that it has vendor prefixing built-in, so the language stays dead simple yet being able to prefix some extremely complex rules transparently. Since Roole is also a superset of CSS, you can use it directly as a CSS prefixer.
It accepts multiple file formats for cross-browser compatibility, has caching and can play many sounds at the same time (it is also mute/un-mute them one-by-one or globally).
It works with using HTML-CSS + SVG to create good-looking and custom-data-driven charts with ease. to create good-looking and custom-data-driven charts with ease.
The library doesn’t depend on any JS frameworks, can show notifications in a modal window and also feature growl-like messages.
Sparklines mean that graphics are no longer cartoonish special occasions with captions and boxes, but rather a sparkline graphic can be everywhere a word or number can be: embedded in a sentence, table, headline, map, spreadsheet, graphic.
Fine Uploader is a plug ‘n’ play script that ease file uploads and improve usability with the Ajaxed interface.
The most popular one is probably the jQuery UI’s picker but it is heavy in size for any project that actually does only need a datepicker.
Chardin.js is a jQuery plugin which does that in a very chic way (inspired from the recent Gmail new composer tour).
The library enables us to manipulate CSS using keyframes and it supports custom controllers.