Tag archives for html5

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

Toggle the Visibility of Password Field with Eye Icon

Nowadays, in FORM (login, register) we can see a password field with Eye icon. It allows the visitor to toggle the password input field text visibility by clicking the toggle Eye icon. Sometimes, we may require to hide/show password input field so, user can see what he written in password…
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

Create a flashing button with CSS3 @keyframes Animation

Often, we need a promotional or highlight button like "Hot Offers/Deals/Promotional Discounts" with flashing effects. Today, we will create a beautiful flashing button without any GIF image using Pure CSS3. Before this, I am going to remind the basic ruls of CSS3 Animation first. CSS3 animations allows animation of most HTML…
Continue Reading
CSS - Cascading Style Sheets

Preview an image / thumbnail before it is uploaded – Html5 FileReader()

It is very easy to preview an image or thumbnail on client side before uploading on the server in jQuery and HTML 5 FileReader() . Suppose you have an application where user uploads bulk photo and then the users want to upload only some selected photo,  in this case, we as a…
Continue Reading