In this tutorial, I will show you how to create an interesting jQuery-powered one-page site. One page sites are usually a great way to show your prospective clients how good you are at what you do. This one is no exception.
Best jQuery Animation Plugins & Tutorials with Demo
jquery.videoBG – Make an HTML5 video a background
videoBG is a jQuery plugin that allows you to very easily use an HTML5 video as a background to a website or any div. For browsers that don’t support the HTML5 video tag, it will simplu use an image.
Bear in mind bandwidth usage for both you, and your visitors. Also don’t use it too often, too many video instances will slow down the browser.
Circle Navigation Effect with CSS3
Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions.
Scrollbar Visibility with jScrollPane
Sometimes it can be very useful to hide the scrollbar of elements in a website and only show it when the user really needs it. The real-time activity feed in Facebook is an example for such a behavior. Today we want to show you how to use jScrollPane and extend it with the functionality to hide the scrollbar and show it on hover.
Create An Animated Bar Graph With HTML, CSS And jQuery
Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page. But that’s not very accessible or interesting. We could use Flash, which is quite good for displaying graphs — but again, not very accessible. Besides, designers, developers and deities are falling out of love with Flash. Technologies such as HTML5 can do many of the same things without the need for a plug-in. The new HTML5 <canvas> element could even be adapted to the task. Plenty of charting tools are online that we might use.
Create Sticky Notes To-Do List In CSS And JQuery
In this tutorial you will learn how you can create your own simple To-Do list using CSS and JQuery.
First you will design the To-Do list, this is going to be a simple form where you can quickly add your tasks for the day.
Then we will learn how to take this list and turn the items on it into Sticky Notes so you can display this information in a graphical way to help you remember.
jQuery charToTable plugin
I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?
The idea evolved and I started to write a new jQuery plugin, charToTable.
I really don’t know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.
