Freebies
How to make a jQuery Drop-Down Menu with a CSS fall-back
The biggest problem with javascript is that we can’t completely rely on it. It can easily be disabled, and once this happens, websites should still function correctly. Javascript powered sub-navigation menus are a big problem, because if javascript is disabled, your website’s navigation suddenly goes out the door. But fear not, there is a solution!
Tags: CSS, javascript, jQuery
Posted in Freebies, Tutorial | 4 Comments »
Create a Search Form with CSS3 and jQuery
Most websites nowadays have a search form somewhere. I’m pretty sure I don’t need to explain why it’s a good idea to have a ‘search’ functionality built into a website and most Content Management Systems already come with the functionality built in. Usually the search area is in an easy to see/find place and it’s because of this reason it’s a good idea for it to look good – Or at least consistent with the rest of the website.
Tags: CSS, CSS3, javascript, jQuery
Posted in Freebies, Tutorial | 3 Comments »
Create a Speech-Bubble Tooltip using CSS3 and jQuery
There are a couple of ways to create tooltips, but I decided that I wanted to try and create a very lightweight and good looking tooltip without using any images.
Tags: CSS, CSS3, javascript, jQuery
Posted in Freebies, Tutorial | 8 Comments »
How to create a Fading Border gallery with Opacity Focus
Recently, someone asked me how they would go about creating a ‘fading border’. I can’t recall ever seeing one, so I decided to create this tutorial.
Tags: CSS, javascript, jQuery
Posted in Freebies, Tutorial | 2 Comments »
Create a Yoyo with jQuery and CSS3
Haven’t you ever just wanted a yoyo on your webpage? A beautiful, animated, spinning yoyo that slides down like a real yoyo would? I know I have never even thought of it and I probably would never have the need for it either, however it is very useful to learn (If you don’t already know) how one would go about creating a yoyo so you could use the techniques for other things. View the demo in Safari/Chrome and take full advantage of the CSS3.
Tags: CSS, CSS3, javascript, jQuery
Posted in Freebies, Tutorial | 6 Comments »
Connect