Piyush Patil

Joined: January 27, 2023
Articles: 282
Comments: 1

HTML & CSS, Advance, JavaScript, SCSS, TailwindCSS, Web Design, Web Development

30+ CSS 3D Examples

Calling all CSS wizards and pixel conjurers! Ready to push the boundaries of web design and unlock new dimensions of creativity? Today, we’re diving headfirst into the mesmerizing realm of CSS 3D, where flat surfaces come to life and ordinary…

Piyush Patil
January 2, 2024

HTML & CSS, Beginner, Frontend, JavaScript, Toggle Buttons, Web Development

50+ CSS Toggle Switches (PART 1)

Get ready to elevate your coding with 40+ vibrant toggle buttons that boast unique animations and interactions. Explore the source code to customize these dynamic buttons. Unleash your inner UI/UX rockstar with the Toggles - Void Portal collection and take your projects to the next level. Happy coding!

Piyush Patil
January 1, 2024

HTML & CSS, Card Designs, Frontend, JavaScript, JavaScript Games, Web Design, Web Development

Happy New Year 2024 using HTML CSS and JavaScript

Ready to unleash your inner tech magician and celebrate the arrival of 2024 in style? Buckle up, fellow code enthusiasts, because this blog’s about to show you how to build a breathtaking “Happy New Year 2024” webpage with the power…

Piyush Patil
December 31, 2023

HTML & CSS, Card Designs, Intermediate, JavaScript, JavaScript Games, TailwindCSS, Web Design, Web Development

Responsive NFT Landing Page using HTML and CSS

Your NFTs deserve a showcase that stuns across all devices. We’ll build a responsive landing page that adapts seamlessly, making every collector feel like a VIP. I would recommend you don’t just copy and paste the code, just look at…

Piyush Patil
December 28, 2023

HTML & CSS, Intermediate, JavaScript, JavaScript Games, Web Design, Web Development

Spider following to cursor animation using HTML CSS and JavaScript

This post introduces a playful cursor animation that mimics a spider following the cursor movements. With comprehensive HTML, CSS, and JavaScript codes accompanying the explanatory content, the writer encourages readers to grasp the code logic rather than just copying it. Credit for the code is given to an external source.

Piyush Patil
December 27, 2023

HTML & CSS, Beginner, Card Designs, JavaScript, Navbars, Web Design, Web Development

Article Details Page using HTML and CSS

Articles deserve a stage worthy of their brilliance! We’ll design a stunning details page that showcases your content with elegance and clarity, making every word shine. I would recommend you don’t just copy and paste the code, just look at…

Piyush Patil
December 26, 2023

HTML & CSS, Beginner, Card Designs, Frontend, JavaScript, Web Design, Web Development

3D Scrolling Gallery/Timeline using JavaScript

The post discusses creating a 3D scrolling timeline using HTML, CSS, and JavaScript to create an immersive, interactive experience. The walkthrough includes HTML code for a template, CSS for styling, and JavaScript for interactivity. Importantly, the author advises not to just copy the code but to understand it thoroughly. The article encourages reaching out for further assistance if needed.

Piyush Patil
December 25, 2023

HTML & CSS, Card Designs, Intermediate, JavaScript, SCSS

Linear Style Cursor Glow Effect using HTML CSS & JavaScript

Forget the boring black cursor! We’ll design a glowing masterpiece that trails your every move, adding a touch of personality and flair to your web experience. I would recommend you don’t just copy and paste the code, just look at…

Piyush Patil
December 25, 2023

HTML & CSS, Card Designs, JavaScript, Programming, TailwindCSS, Web Design, Web Development

Liquid Transition Effect using HTML CSS & JavaScript

The article provides a detailed tutorial on implementing liquid transitions in web pages using HTML, CSS and JavaScript. The code creates a kinetic slider with smooth, visually pleasing transitions. The author suggests typing out the code rather than copying it for better understanding. An interactive demo, HTML skeleton, CSS rules and a JavaScript function have been shared with readers. The material refers to an original codepen by Turk Aysenur.

Piyush Patil
December 24, 2023

HTML & CSS, Frontend, JavaScript, JavaScript Games, Web Design, Web Development

NOVA Points – A Stellar Animation using HTML CSS and JavaScript

Nova Points is an innovative animation system that generates a vivid light display in response to user clicks. To fully grasp the nova points system, it is advised to manually type the code, rather than simply copying and pasting. Created by Piyush Patil, any doubts or corrections are welcomed.

Piyush Patil
December 24, 2023