Select Page
Webpage redirect using JavaScript

Webpage redirect using JavaScript

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...
Box-Sizing – CSS

Box-Sizing – CSS

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

CSS clip-path for various shapes

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 with cool spotlight effect and cursor tracking

Hero with cool spotlight effect and cursor tracking

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...
Dotted Text Using CSS Only

Dotted Text Using CSS Only

Dotted Text Created With CSS Only Here is a demo with source code to create a Dotted text headline above dark/black background. You can use it in your projects to give a unique look to your website titles and headings. Demo Open demo in a full window –...
Outlined text using CSS

Outlined text using CSS

Here is a cool demo with source code to create an outlined text with CSS only. Initially, I searched on the internet and tried to replicate it myself here on my website with the demo. I think it looks absolutely stunning. This can be used with a black/dark backgrounds...