Simple Filter Using jQuery Here is a simple filter system using jQuery to hide and show the list on the left side as a user clicks on the filter. You can modify and enhance it according to your needs… Demo Open demo in a full window –...
Here is a desktop-only website structure template adaptive downwards till Ipad resolution of 1024px. Below this screen width, the website will scale down in size. No frameworks like bootstrap are used except jquery, jquery modal and reboot CSS to standardize...
This is a reset CSS for cross browsers implemented by Bootstrap 4 Front-end framework for web development. You can use this in case you do not want other elements of Bootstrap 4 to standardize web development. Reboot CSS – Bootstrap 4 Reboot is a collection of...
Flip and Click Cards Here is an HTML template with a demo for flip and click cards. I have used jQuery for the active state and worked on CSS to transform rotate the card. After rotation user can see the associated text can click on it to go to the associated URL....
Convex Borders CSS Here is a method to create convex borders for a box through CSS with no extra element. Check out HTML and CSS in the tabs below. Demo Open demo in a full window – https://demos.webdevpuneet.com/css/convex-borders/index.html HTML <div...
IPad-Specific CSS Here’s IPad only CSS that worked for me. You might have a situation where you need to add certain styles targeting IPads only. Use this code and please let me know in comments if it worked for you. CSS File – Include Method Add this code...
Media query is a CSS technique introduced in CSS3. It is a cool way to target different screen sizes, orientations, and devices. Here are CSS Media Queries for iPhone X, 8, and 8 Plus. iPhone X, 8 and 8 Plus CSS Media Queries Media Query for iPhone X @media only...
Blog
