This is a request post from my reader. He asks me how to create a simple menu that have a flying effect when user hovering them using only CSS. As we know CSS3 is more powerful with its transition property, it help us creating animation without any JavaScript or even Flash help. We’ll use them for creating the flying effect and here is the result. Enjoy!
Read the rest of this entry »

Tags :   Code Snippet    CSS    Menu  

Share :           [CodeSnippet] CSS3 Flying Menu (via @hdytsgt)

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. Read the rest of this entry »

Tags :   Code Snippet    CSS  

Share :           [CodeSnippet] Twitter-like Input Using CSS3 (via @hdytsgt)

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! Read the rest of this entry »

Tags :   Code Snippet    jQuery  

Share :           10 Random jQuery Snippet (via @hdytsgt)

The following short code is a way to add a fade in effect to your webpage. The main task we want to do are hiding our webpage content then display it with fade in effect when the user load the webpage. These step will use two jQuery built-in function, hide() and fadeIn(). Read the rest of this entry »

Tags :   Code Snippet    CSS    jQuery  

Share :           [CodeSnippet] jQuery : Fade In Webpage (via @hdytsgt)

Don’t let your link that have a critical action (such as delete some data or something else) fly away on their own self, we must put a confirmation before do the action to prevent user’s mistake. Now, let us make that one. Read the rest of this entry »

Tags :   Code Snippet    CSS    Forms    jQuery  

Share :           [CodeSnippet] jQuery : Confirm User’s Action (via @hdytsgt)

You must be familiar with css button with hovered and pressed-style, we always meet them around the internet world with ease. Fortunately, we can make them with a very simple css technique. By using built-in css pseudo selector (:hover and :active) we can manipulate a boring link navigator into a cute one. Read the rest of this entry »

Tags :   Code Snippet    CSS    Menu  

Share :           [Code Snippet] CSS : Hover and Press Button (via @hdytsgt)

This is a very basic technique to show and hide HTML element, we just need to define the element then show or hide them with jQuery built-in function, $.slideToggle(). But if you see my sidebar in ‘Tags Collection’ section, you’ll notice that there’s a toggle to show or hide the tags collection (with undefined div’s height, of course) and that’s what i will explain. Read the rest of this entry »

Tags :   Code Snippet    CSS    jQuery    Menu  

Share :           [Code Snippet] jQuery : Show/Hide Element (via @hdytsgt)

Gmail compose has functionality to detect any content modification and confirm us before closing browser’s window because of unsaved content that we’ve modify, yes in this post i will try to explain how to make these function work on our webapps. Read the rest of this entry »

Tags :   Code Snippet    jQuery  

Share :           [Code Snippet] jQuery : Confirm Before Exit (via @hdytsgt)