Add fun and functionality to your website by adding Windows-style sticky notes! Thanks to the combined powers of HTML5, CSS3, and a bit of jQuery in this tutorial by Teylor Feliz, we can do just that. Let’s being with the HTML markup: < !DOCTYPE html> <html lang=”en”> <head> <meta charset=”utf-8″ /> <title>Posticks</title> <link rel=”stylesheet” rev=”stylesheet” [...]
Here’s a terrific jQuery plugin that can make viewing your website extra-fun for visitors! Created by a web developer at Dailycoding.com , ImageLens is one cool plugin that zooms in on images when you hover over them. Here’s what you will need: jQuery, image and the ImageLens plugin – jquery.imagelens.js. Check out the demo and [...]
Ivan Vanderbyl ‘s cool CSS3 tutorial actually shows us a numeric representation (i.e. percentage) of how long a process is going to take in modern browsers. Below is a screenshot of the resulting product, which you can click on to view the demo. Now let’s start with the HTML. HTML Markup <!DOCTYPE html> <html> <head> [...]
No music, no life. And as far as web design is concerned, this awesome CSS3 music player would be perfect for adding a new dimension to your blog or website. Indonesian artist Hidayat Sagita made this tutorial in which the goal is to use CSS3 instead of images, so CSS3 properties replace the following Photoshop [...]
It’s been another very productive year for web designers and developers this past 2011, which was brimming with jQuery plugins. And according to my observation, many of them are content sliders. So to start off this year, we’ll focus on another particular set of plugins that have made 2011 a bit easier for web developers. [...]
The use of speech bubbles in web design has become so popular that it has become an integral feature in commenting. This tutorial by Nicolas Gallagher teaches us how to create our own. Many tutorials out there rely on HTML and JavaScript which, aside from being tedious to work on, don’t work well on IE5. [...]
This neat CSS3 snippet I found makes your text appear in isometric projection. Since it’s in CSS, you can also apply other effects like shadows, 2D transforms, blur, etc. Here’s the snippet of the CSS used to accomplish the sample image above. But if you want to get the full code, you can either click [...]
One of the latest languages in web development that has created a buzz among users is HTML5. Combined with CSS3, it produces web design tools that are innovative, useful, user-friendly, and even fun. I’ve gathered a list of free templates below which use HTML5 and CSS3 supplemented with other features like jQuery. These templates have [...]
If you’re looking for an elegantly designed content or image slider that can adapt to different screen sizes then I have good news for you. Tyler Smith has created a jQuery slider plugin that utilizes responsive methodology called FlexSlider, which was released for Smashing Magazine. Aside from the regular features such as fading and sliding [...]
This tutorial by Martin Angelov of tutorialzine.com will show you how to create a cool shiny knob control called KnobKnob. Made with jQuery and CSS3, this plugin uses CSS transformations and features jQuery’s new handling method. It will definitely give users a fun and interesying way of interactively selecting a pool of values from a [...]
0
1402
309
