style anchor tag with no href attribute In website development, we often come across anchors/link tags that do not have an ‘href’ attribute. This may be due to many reasons like the anchor is used just for a dropdown, or initiation of a modal, and does not...
Web Tools are a collection of free online productivity tools curated for web developers. Tools not only help us with our work by making it simple but also help us understand concepts more clearly as they are interactive. Here are few direct links to the tools that you...
Check out this great resizing and compression done (in the screenshot below) with this cool image resizer and compressor tool (link shared below). Also, you must use JPG/JPEG for images within content and articles as they are much better for websites as they are...
Webpage redirects are the simplest but widely used functions in website development. Here are simple one-liner scripts that you can use on your web page if you want it to automatically redirect to another location or web page using JavaScript. The two ways to do it is...
CSS Box-Sizing This is probably the most important concept for any web designer working with CSS. And it also seems confusing in beginning but is very simple to understand once we try it practically. Content-Box The default value of ‘box-sizing’ is...
CSS clip-path for various shapes Here are CSS clip paths for common shapes we usually use on our web designs. You can apply it to an HTML element with a background color or a background image. This can also be applied directly to images to get the desired clipping...
Hero section layout with spotlight effect and cursor tracking Here is HTML, CSS, JS code for a very cool hero section that has a spotlight effect, cursor tracking, and menu. The code uses the GSAP JavaScript library. The menu is also very cool that opens up with...
Blog
