3D Parallax effect with CSS, javascript or jQuery
Parallax effect is a long-known and widely used animation effect. Lately, the parallax effect has become a wide-spread and quite a trend element in web design, often referred to as “parallax...
View ArticleMerry Christmas Greetings – JavaScript and CSS Parallax effect
I hope you have enjoyed my previous article about 3D Parallax effected webpage. Now, like previous year, on occasion of Christmas and winter Holidays, I thought to wish this festival by create a...
View ArticleChange an input’s HTML5 placeholder color with CSS
Today, We will play with some more interesting CSS style properties for HTML5 INPUT placeholder styling. Let’s explore, how to style placeholder text within INPUT elements with some unique CSS code. In...
View ArticleAnimated bubbles upwards continuously with pure CSS
Here is a pure CSS experimental work to create floating bubbles without using JavaScript. These animated bubbles are also with popping effect. All these animation is created by Pure CSS. For our little...
View ArticleAnimated aquarium with pure CSS
Here is a pure CSS experimental work to create a aquarium. Image / javascript hasn’t been used for aquarium or it’s animation. I have used jQuery only for random air-bubbles. All these animation is...
View ArticleCSS Custom Cursors
The cursor property specifies the type of cursor to be displayed when pointing on an element. Some CSS properties are animatable, meaning that they can be used in animations and transitions. Animatable...
View ArticleUpdating address bar with new URL without hash or reloading the page
Just to make it easier to understand the article, this is what Facebook does when you open a photo, for example. The url bar changes to point DIRECTLY to that photo, so you can share the URL without...
View ArticleRequest Desktop view and disabled zoom viewport meta tag for all mobile browsers
Today, I am going to brief about the working of – “Request a Desktop Site” & “Switch from a Mobile Site” or, Choose “Request Desktop Site” link and let the current webpage reload to the full...
View ArticleDisable mouse scroll / wheel Zoom on embedded iframe Google Maps
Web Designer / Developer usually embed Google Maps using iFrame in most websites. But, page scrolling stuck when user use mouse scroll in Google map area, and now it is working as Map zoom in/out. So,...
View ArticleHow to Add Multiple Locations on Embed Google Maps
Nowadays, it’s a trend to show office locations in contact page. For this, front-end developers always embed Google map API. Sometimes, its required to show multiple office locations in same google...
View ArticleCustom Styling Checkbox and Radio buttons inputs with CSS
At the time of designing a website, as a designer, one of my favorite work is to customize the design of FORM elements, especially a radio button and checkbox with CSS. Previously, when IE and Mozilla...
View ArticleCreate a Under Construction / Coming Soon Page to Engage Visitors even when...
Coming-soon page helps you to retain customers when you are busy in revamping your website or Creating new Website. It will help your visitors to revisit your site after a certain time. Even some of...
View Article
More Pages to Explore .....