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


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
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? 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
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...