Tag archives for page elements

JAVASCRIPT

javaScript / jQuery – Techniques of add, remove, toggle and change classes of an Element

After updating HTML to modern HTML5 and java-script to ECMAScript 6, we can say that web industry is now turning as a Self Dependent Platform. Flash and Java applets has been finished and older versions of IE and their troubles which always sucks have been completely vanished and now rememberes as…
Continue Reading
Game

Input Phone number Auto Formatting as user types in jQuery / javascript

I have done a small coding with help of jQuery and develop a <input/> with telephone formatting effect. This <input> can format it's values like telephone numbers after inputting the numbers automatically. First, I would like to confirm that the telephone formatting is only written with few lines of jQuery…
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

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