background preloader

The HTML5 test - How well does your browser support HTML5?

The HTML5 test - How well does your browser support HTML5?

10 Useful jQuery Plugins For Enhancing Your Website UX Incorporating jQuery effectively and modestly in your website build process is a great way to enhance and take your user experience to another level. Using jQuery plugins can be a great tool for helping display content to your users in a much more intuitive and interactive way. The jQuery community is fantastic, developers are consistently releasing new, quality jQuery plug-ins for us to incorporate into our websites. In this post I will take show you a collection of jQuery plugins that are really useful for improving your overall user experience on your website. Nivo Slider The Nivo Slider is a fantastic jQuery slider plug-in, it is available in two formats, one jQuery plug-in is a dedicated WordPress plug-in and the other is freely available for all websites. Isotope Isotope is a jQuery plug-in that can add some serious improvement to how your users navigate content displayed on a webpage. FlexSlider Mosaic Supersized jQuery Image Parallax jMenu Assign Dynamic Tag jQuery Tour

Create an Animated 3D Bar Chart/Graph The Truematter team was recently tasked with creating a fun, sexy web app that presents numerical data in an engaging way. After putting our heads together, we came up with a bar chart that responds interactively to user input without, heaven forbid, reloading any pages. We’re very pleased to be able to share that with the coding community. There are some CSS tricks involved, a dose of jQuery, and some graphic magic, but when we’re done with this tutorial, we’ll have a beautifully interactive chart that you can customize to your heart’s content. Prepping the Graphics The graphic elements and the way those elements are chopped up and compiled is what really gives this chart some wow-factor. The chart itself is composed of three separate PNGs stacked on top of each other using CSS, two of which are stationary (the front and back “glassy” chart casing pieces), and one of which is animated using jQuery (the green bar piece in the middle). Graphic Element 1: Back of the Chart The HTML Okay!

Free CSS Template - FineProduct Template: FineProduct Price:FREE TEMPLATE Includes:XHTML layout files (tableless), CSS stylesheets, JPEG/GIF images Click Download to download this template to your computer. Download * Displayed image(s) are low-quality previews of the template, reduced in size to fit on this page.The actual template you download comes with full-size, high quality images. Want to remove the credit link? Purchasing a template licence for a one time fee of $8 (USD) gives you a premission to remove the credit link from a template and use it for a personal or commercial project without limitations.

Related: