Tag archives for interactive web applications

CSS - Cascading Style Sheets

Show Logo as pre-loader while web-page is loading

Today. we will create an animated pre-loader Logo image while loading it's web-page content. It will fade-out after loading all the web-page content. It will be helpful when, web pages takes time to load and sometimes when page is too heavy (full of images/video). Nowadays, sometimes we use too much…
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

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

Add style to console log statements

Searching for errors in programming code is called code debugging. Debugging is not easy. But fortunately, all modern browsers have a built-in debugger. Built-in debuggers can be turned on and off, forcing errors to be reported to the user. With a debugger, you can also set breakpoints (places where code execution can…
Continue Reading
JAVASCRIPT

JQuery or JavaScript tricks for mobile devices like – Android, Windows, BlackBerry, Apple, iphone, ipad

JavaScript support is very good on modern mobile browsers. The mobile version of Firefox and Chrome provide pretty much desktop-level support for HTML5(CSS 3 + JavaScript + HTML 5 ) features. Most mobile phones are running some version of WebKit (what Chrome runs on), so you're pretty much guaranteed better…
Continue Reading