CSS clip-path for various shapes

Dev Tools

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

Dotted Text Using CSS Only

Misc

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

Misc

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

Responsive calendar made with simple HTML and CSS

Misc

Responsive calendar made with simple HTML and CSS This is a very simple and clean HTML and CSS-based calendar. Currently, there is no functionality to it other than just looks with year, month, and current date active state (green colored background). DEMO Open demo...

Dropdown functionality for WordPress tag cloud widget

Misc

Today I created a very cool dropdown for my WordPress blog’s tag cloud widget. Initially, it took full height with lots of tag links inside it but that did not seem great to be concerning user experience. So I just created and this cool piece of jQuery and CSS...