Blog
Select Page

Category: Misc

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

Flip and Click Cards using jQuery and CSS

Flip and Click Cards using jQuery and CSS

Misc

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

Convex Borders – CSS

Misc

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

IPad-Specific CSS

Misc

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...
CSS Media Queries for iPhone X / 8 / 8 Plus

CSS Media Queries for iPhone X / 8 / 8 Plus

Misc

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...
Media Query for IPad Pro – CSS

Media Query for IPad Pro – CSS

Misc

Media Query for IPad Pro – CSS Here is Portrait and Landscape CSS media query specially designed for the iPad Pro tablet. You can directly copy and paste the media queries to your CSS file and write your styles within the {} curly braces. CSS /*...