Recreate Apple’s Retina display with this awesome tutorial! Thanks to web developer Martin Angelov, he designed a fully functional Apple-like Retina effect using the jQuery library. Below are the steps on how to achieve this effect. 1. XHTML The markup is pretty much straight forward and has few divs and images. <div id=”main”> <div id=”iphone”> [...]
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> [...]
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 [...]
Go crazy with the cool CSS Filter Effects 1.0 tutorials from WebKit Nightly ! Here you’ll learn how to customize basic image or video rendering with Photoshop-like effects. Let’s check it out. Note: To test and view the effects, use Webkit Nightly and Chrome Canary. Here are some CSS snippets that will change the element: [...]
AS we usher in 2012, the web development community has been coming up with several forecasts for the industry. Although most of this surrounds an influx of greater improvements in the technological frontier, it may also spell doom for some brands. The question is, how will these changes affect the entire tech landscape for users, [...]
If you want to develop user-friendly apps and plugins for your WordPress blog website, you need to use jQuery. To date it is one of the best scripts that so many web designers and web developers swear by. Below is a simple tutorial by Queness.com that might be very useful in your site promotion. This [...]
How to Display your Yahoo Messenger Online status on your Blog Ever visited a blog, and wish you can IM that blogger right away to ask a quick question? Well… now you can! This little widget allows you to alert your readers when you are signed on, and ready for quicky conversations on Yahoo Messengner. [...]
0
1397
390
