Smaller and optimized CSS files are important for your website's loading time and bandwidth. The use of these tips will improve your CSS coding productivity and skill and have a positive impact on your loading time and bandwidth expenses!
A few weeks back I wrote an article about MooTools Link Nudging, which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here’s how to do it using jQuery.
This post illustrates the use of event delegation to create a "bubble" menu, with the Yahoo YUI library.
jQuery.popeye is a jQuery plugin that turns a list of images into a gallery. Images can be enlarged in a lightbox style but with a slightly different aproach.
In this post I'll show you 8 practical tips which helped me to get a B grade in YSlow! for web pages that I develop.
Link nudging is the process of adjusting the padding on a link slightly to show a simple, tasteful “jump” when you place your mouse over a link. The effect is magnified when mousing on and off a link quickly. Here’s the short snippet of code.
Make the compressed CSS code readable. Generate formated HTML code. Save time when you have CSS code to be published on the web page or blog.
JMesa is a very useful open source project.It is a dynamic HTML table that allows you to edit, filter, sort, paginate and export your data.
In this tut we will create a professional interface for your web applications using the killer javascript library jQuery, as we used to create the stunning and smooth popup in jQuery.
Nowadays, websites are more and more rich and interactive and users are becoming more and more critical with all things in websites. Using windows popup to show important information are in the air and We are going to learn how to create a stunning and great window popup from the scratch using jQuery in a simple and clean tutorial.
We all love CSS it’s fundamental to the web. However most of us do not use the full power of CSS. A quick rummage around the W3C specification and you will see how powerful CSS can really be. I’m talking about the CSS selector, sure we all use the basic selectors, but what about the more complicated ones.
One of the pet peeves of being a web designer is that you sometimes end up not feeling very creative and in need of inspiration. Of course there are thousands of CSS galleries out there, but we thought we could just go ahead and make our own list of great website designs. Hoping this will help you get your creative juices flowing!
Sometimes you need to to only allow certain characters to be entered into an input box. This jQuery plugin lets you do just that, all you need to know is a little bit of regex to configure the plugin.
I’ve always taken a lot of pride in the fact that I’ve taught myself most of what I know. It started when I was 13 and taught myself HTML, then CSS, then Javascript, then PHP, and the process continues today with MooTools, jQuery, and whatever else comes my way. I’d be lying if I said I didn’t learn some things the hard way though. Have a chuckle at some of my past CSS mistakes.
Download free standards compliant CSS templates.Web Template Source has a huge selection of web templates, available for immediate download. You will find well-categorized HTML, Fireworks, Flash and PHP Nuke templates.
Playable game in 200 lines of html/javascript. No any 3d libraries or macromedia flash.
Has smooth movement and fade effects.
Also there is some notes how it was done.
There a many examples of egregious usages of Ajax out there but every once in a while you find a great usage of Ajax. One great usage is the username availability checker. Let me show you how to make one!
Processing JSON data from an external source with Javascript templates is a natural fit. Create a template inside your HTML Document by adding class names and variables and write a few lines for fetching the JSON, that’s all. This tutorial is an example for my Javascript Template Engine called Patroon.
Sidebar is a very important part of your blog. Though, it can quickly look the same than in many other blogs. I’ve compilated 8 excellent resources to help you buid a better sidebar for your Wordpress blog.
So, time for another small jQuery extension I wrote up - for myself this time, it’s for styling check boxes and radio buttons, all in all it’s *very* self explanatory.
Navigation menus are traditionally boring, right? Most of the time the navigation menu consists of some imagery with a corresponding mouseover image. Where’s the originality? I’ve created a fancy navigation menu that highlights navigation items and creates a chain effect.
Let's take a second and appreciate just how much work must go into building a popular open source JS toolkit.
So simple to use, yet highly configurable. This plugin is pure javascript, so you can add image cropping and even general image boundary selection features to your site without requiring your users to have Flash functionality. Works very well on just about all browsers and platforms.