Select Page

Category: Misc

Tips, Scripts, Tools, Bookmarks, and Inspiration for Web Designers and Developers.

Pointer and Touch Event Listeners – JavaScript

Pointer and Touch Event Listeners – JavaScript

The following script can be used for web app supporting pointer events and touch events. Pointer events are DOM events that are fired for a pointing device. They are designed to create a single DOM event model to handle pointing input devices such as a mouse,...
Customize HTML File Input with CSS & jQuery

Customize HTML File Input with CSS & jQuery

Custom File Input Check out the following demo with code to style file input select button as a web browser do not allow to style it directly like a div element. It’s a bit of jQuery to copy the file name and display it inside label, and some CSS to hide the...
Get the get-values from URL – jQuery

Get the get-values from URL – jQuery

Here is a function that you can use to get the get-values from URLs and can use it to manipulate web pages on document load. get-values from URL – jQuery var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1),...
How to remove :hover on touch devices?

How to remove :hover on touch devices?

How to remove :hover on touch devices? As touch devices like mobiles and tablets do not have mouse cursors like desktops and laptops, they display a hover state whenever you touch the element. They keep on displaying the hover state even when you are not touching the...
Trigger input “change” for UI to work – jQuery Mobile

Trigger input “change” for UI to work – jQuery Mobile

If you want to manipulate the state of range on a web page created with jquery-mobile, you will have to trigger input “change” for UI to work in sync with the manipulated state otherwise UI will display false old state. I encountered this thing in...