Currently Browsing: javascript
Creating Guided Product Tours like Google & Facebook
When you log into Gmail or Facebook for the first time, you can see a bunch of tooltips introducing you to the app. You can also see them whenever…
FlippingText.js: Create a Ticking Intro Animation for Your Typography
I love flat design. It allows us designers and developers to be able to focus on content and typography instead of spending our time aligning pixels for elements with…
Label your Input Fields like a Boss with Label_Better.js
Forms and inputs have been an integral part of web design since the birth of it and with the introduction of the HTML5 attribute, “placeholder”, the need to label…
Turn your Website into a Fully Dynamic, Full Page, Column Based Navigation
Dealing with a column based layout can be a nightmare, especially in the age of responsive design and the abandonment of <table> tags used in layouts. Today, I’ve decided…
AutoFix_Anything.js: Fix Any Div Container into View Port
Trying to fix a div container dynamically can be a real pain for developers. The CSS only solution doesn’t offer enough flexibility for it to be used in real…
Creating a Parallax Scrolling Webpage Using Jarallax.js
We come across a number of websites daily whilst browsing, but what makes a website grab our attention at first sight is a wonderful design and its interactivity. There…
Create a Smooth Jump-To Sub Navigation Menu in One JS Call
Sometimes, the message the writer wants to convey to his/her audience can’t be expressed in short paragraphs. Long and rich content is the way to go but this can…
OnePageScroll.js: Creating an Apple’s iPhone 5S Website
On the 9th of September, 2013, Apple announced 2 new versions of the iPhone called the iPhone 5S and the iPhone 5C. Like all new product announcements these days,…
LoadingBar.js: Adding a YouTube-Like Loading Bar to Your Website
YouTube have recently added a red loading bar at the top of the page to indicate that the next page is loading. You may wonder why they didn’t rely…
