Tag archives for html basics

CSS - Cascading Style Sheets

Create a Under Construction / Coming Soon Page to Engage Visitors even when your Site is Down

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 the websites manage to get as many leads as possible before launching their site using…
Continue Reading
CSS - Cascading Style Sheets

Custom 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 was dominating the WEB; FORM Elements were the most uninteresting, uninviting and inaccessible parts…
Continue Reading
CSS - Cascading Style Sheets

How 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 map. In most cases, frontend developer always stuck at this requirement. But, It’s very easy! Thanks to google API.…
Continue Reading
CSS - Cascading Style Sheets

Disable 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, we always wonder that, "is there a way to disable the zoom via mouse scroll…
Continue Reading
CSS - Cascading Style Sheets

Request 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 desktop version of that site. I mean to say that, i am sharing a trick…
Continue Reading
CSS - Cascading Style Sheets

CSS 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 properties can change gradually from one value to another, like size, numbers, percentage and color. Now, when you'd…
Continue Reading
CSS - Cascading Style Sheets

Animated 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 demo, we use a simple image for the conical flask and then create the bubbles entirely with…
Continue Reading
CSS - Cascading Style Sheets

Change 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 previous articles, we have already covered some beautiful CSS effects on INPUT and Input . What is Placeholder? The placeholder attribute specifies a…
Continue Reading