How to Create YouTube Popup Buttons with CSS

Here’s  a very cool CSS trick I found that will let you have the same buttons as those in YouTube’s footer! But first, lots of thanks to the following coders below: Dennis Sa – for the jsbin of the matte buttons http://jsbin.com/efesot/6 Trevor Gerzen – for applying the transitions, and Chris Coyier – for coming [...]

Continue Reading →

TinyTips jQuery Plugin

Web designer Mike Merritt designed a jQuery plugin that will give more definition on your web site by adding tooltips to any element on a page. You can check out his work in this DEMO. Download the development version and production version zip files. HTML <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-type” content=”text/html; charset=utf-8″> <title>tinyTips 1.0</title> [...]

Continue Reading →

Reduce Spam in WordPress with .htaccess

Here’s a very useful snippet from allguru.net that helps reduce spam in WordPress. Blocking spam at the .htaccess level is more efficient and effective than merely using plugins, and you may want to try this out. It’ll help if make a backup copy of your .htaccess file first. Once you’re done, simply paste this code [...]

Continue Reading →

Tumblr Importer for WordPress

This new WordPress plugin called Tumblr Importer makes moving your Tumblr blog content to your self-hosted WordPress blog an easy feat. Since Tumblr is known for its multimedia posts, this plugin also keeps your audio, images and video intact. Plugin features: Imports posts, pages and drafts It handles post formats correctly Duplicate checking Media sideloading [...]

Continue Reading →

Auto-Convert Text To Different Cases Using jQuery

jQuery By Example’s author created this neat plugin for automatically converting your text to upper, lower, title, and pascal case. The auto feature is just half of it, the other half is that it converts your text in REAL-TIME! Check out the live demo here or take a look at its code here. First thing [...]

Continue Reading →

Create A Grayscale Image Hover In HTML5

It used to be that shifting an image from grayscale to colored and vice-versa as you hover over it required 2 copies of the said image — one in grayscale and the other in color.  But thanks to Darcy Clarke for the JavaScript & HTML 5 grayscale in this tutorial, this feat is easier and [...]

Continue Reading →

6 Useful CSS Color Tools

If you wish to design your WordPress blog’s appearance by yourself, you can rely on CSS. Here are 6 useful CSS color tools that could help get you started. Color Scheme Designer Color Scheme Designer provides colors in color wheel form.  It has different color variations in percentage ratio like mono, tetrad, triad, analogic, accented [...]

Continue Reading →

Make Blinking Neon Forms with CSS3 and jQuery

This cool form effect has the usual attributes we enjoy — rounded corners, stroke edges and other CSS-generated qualities. But thanks to web developer Rakesh Menon, this one’s got another thing up its sleeve: it’s got a  glowing neon border that pulsates! Here’s the demo for you to really appreciate it. Click here for the [...]

Continue Reading →

10 Nifty Image Slideshow Effects with jQuery

Here’s a list of 10 innovative plugins to create breathtaking slideshows for your image gallery or portfolio. How to Create a Slideshow Plugin with jQuery – This slideshow makes use of a jQuery plugin called Powerslide. Elastic Image Slideshow with Thumbnail Preview – Here’s a really cool slideshow that automatically adjusts according to the size [...]

Continue Reading →

Create Sticky Notes Using HTML5, CSS3, and jQuery

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” [...]

Continue Reading →

Page 1 of 912345»...Last »