Learn and share. The simplest harmony.


[CodeSnippet] Twitter-like Input Using CSS3

Posted on May 17, 2010 and got 5 shouts so far

Twitter has a nice effect in presenting their tweet box by adding outer glow effect on it while the tweeps are tweeting. If you’re webkit-based browser user you must’ve notice that glowing effect works with the animation. We’ve discussed that technique on previous post (Stylize Input Element Using CSS3), the thing we’ve not yet do is adding the animation on it.


Filter Image View Using jQuery

Posted on May 13, 2010 and got 83 shouts so far

Tobias Ahlin is a great designer from Sweden, I admire his work and his way showcasing his portfolio. It comes up with the list of all his works and the anchor for filtering work type above them, we can choose one of the filter and it’s automatically hiding and showing portfolio item using horizontal slide effect. Now, in my view, I am going to explain how they beautifully works.


CSS3 Music Player Menu

Posted on May 6, 2010 and got 13 shouts so far

This post is the sequel post from “Photoshop Effect vs CSS3 Properties“, as you know on previous post we have tried to maximize the CSS3 power to create Photoshop-like effect. So, as I promised earlier, this post will explain how to use CSS3 properties only to create CSS Music Player Menu.


Photoshop Effect vs CSS3 Properties

Posted on April 30, 2010 and got 23 shouts so far

In previous tutorial I was explained how to stylize input element with photoshop effect (color gradient, smooth border, box shadow, drop shadow) using CSS3 only. In this post We will play in depth with them, since they have advantages on their own field I’m not going to compare both of them nevertheless.


Stylize Input Element Using CSS3

Posted on April 26, 2010 and got 26 shouts so far

Stylizing input element is a common task for us as a web developer, we can make it look nicer by putting stylized input image (color gradient, smooth border, box shadow, etc) as an input background. Nice but the images also take some of our bandwidth, thankfully CSS3 adds some support for element styling, so we can replace them with only CSS.


10 Random jQuery Snippet

Posted on April 21, 2010 and got 4 shouts so far

In this post, I will list 10 random jQuery snippets I collected from all of my previous tutorial. If you always follow my tutorial you must be familiar with the following snippets, enjoy!


Nice Menu : CSS Animation & jQuery Animate

Posted on April 18, 2010 and got 37 shouts so far

Expressjs has a nice button menu. Yes it absolutely nice since it has opacity and box shadow on each button, automatically widen when mouseover and again opacity to transparent when mousedown. I’d like to explain how they works with pure CSS version and jQuery version.


Free PSD : Checkbox Replacement

Posted on April 15, 2010 and got 3 shouts so far

From the previous post, I was explained how to stylize our own checkboxes by replacing the default checkbox with image. The technique is very simple, we just need to prepare the image for replace the checkbox, set the CSS and let jQuery replace them, if you missed that one you can read the tutorial here.