Skip to content
-
Subscribe to our YouTube Channel & never miss our best posts. Subscribe Now!
Ubes_Logo

Code With Ubes

  • Home
  • About
  • Blog
  • Skills
  • Contact Us
  • Instagram
  • Youtube
Top Stories
CSS Corner-Shape Animation with Scroll-Driven Effects
CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation
January 17, 2026
Fancy Cards with Hover Effects
Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design
January 16, 2026
Polished Button Collection
Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects
January 12, 2026
Search Engine with Voice Search
Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition
January 11, 2026
Glassmorphism Login Page with Google, Facebook & Twitter Login
Glassmorphism Login Page with Google, Facebook & Twitter Login | HTML CSS UI Design
January 10, 2026
Minimal Dot Clock
Minimal Dot Clock ⏱️ | 24 Hour Digital Clock using HTML, CSS & JavaScript
January 8, 2026
Glassmorphism Login Form Tutorial
Glassmorphism Login Form Tutorial | Modern UI Design in HTML & CSS
January 6, 2026
Payment Status Screen in HTML & CSS
Payment Status Screen UI Design in HTML & CSS | Success, Failed & Pending States
January 6, 2026
Elastic Checkboxes
Elastic Checkboxes in HTML & CSS | Smooth Bouncy Checkbox Animation (No JavaScript)
January 5, 2026
Responsive Stacked Overlapping images with hover
Responsive Stacked / Overlapping Images with Hover Effect | Pure HTML & CSS
January 4, 2026
Responsive Circular List of images with hover effect
Responsive Circular Image List with Hover Effect | HTML & CSS Only
January 4, 2026
Animated Segmented Control in Pure CSS | No JavaScript UI Toggle Animation
Animated Segmented Control in Pure CSS | No JavaScript UI Toggle Animation
January 3, 2026
Happy Birthday in HTML, CSS & JavaScript
Happy Birthday Animation 🎂 | HTML, CSS & JavaScript Birthday Card
January 1, 2026
Rating on Hover
Star Rating on Hover Using Pure HTML & CSS | No JavaScript
January 1, 2026
Happy New Year Animation 🎉 | Pure HTML & CSS | No JavaScript
Happy New Year Animation 🎉 | Pure HTML & CSS | No JavaScript
December 31, 2025
Snowy Weather Widget
Snowy Weather Widget ❄️🌧️ | Realistic Snow & Rain Animation using HTML CSS JavaScript
December 30, 2025
Simple timeline
Simple Timeline Using HTML & CSS | Vertical Timeline Design Tutorial
December 30, 2025
🎅 Merry Christmas Animation 🎄
🎅 Merry Christmas Animation 🎄 | HTML & CSS Festive Animation Tutorial
December 25, 2025
Christmas tree with three.js
Create a 3D Christmas Tree with Three.js | Festive Web Animation 🎄✨
December 25, 2025
Animated Gradient Text Effect using HTML & CSS
Animated Gradient Text Effect using HTML & CSS | CSS Text Animation Tutorial
July 12, 2025
Googly Eyes That Follow Your Mouse
Googly Eyes That Follow Your Mouse | HTML CSS JavaScript Animation
July 12, 2025
Responsive Image Slider
How to Create a Responsive Image Slider with HTML, CSS, and JavaScript
April 3, 2025
Eid Mubarak 2025
Eid Mubarak 2025 | Celebrating the Spirit of Eid with Joy & Blessings
April 1, 2025
Images inside wiggly boxes
Create Wiggly Boxes for Images in HTML & CSS: A Complete Guide
January 30, 2025
Happy Birthday Animation
Happy Birthday Animation with HTML5 Canvas | Fun & Easy Tutorial
January 29, 2025
How to Uninstall VirtualBox on Ubuntu
How to Uninstall VirtualBox on Ubuntu
January 20, 2025
Responsive Service Section
How to Create a Responsive Service Section with HTML & CSS (Step-by-Step)
January 20, 2025
Mood Quiz
Build a Mood Quiz with HTML, CSS, and JavaScript!
September 23, 2024
Happy Janmashtami
Create a Janmashtami Dahi Handi Animation using HTML, CSS, and JavaScript
August 26, 2024
map() vs forEach() in JavaScript
map() vs forEach() in JavaScript
August 24, 2024
Get a Free E-Commerce Template for Your Website
Get a Free E-Commerce Template for Your Website!
August 23, 2024
Halloween Creep Effect Blurred Text with Hover Animation using CSS
Halloween “Creep” Effect: Blurred Text with Hover Animation using CSS
August 1, 2024
Simple Buttons with Hover animations
Simple Buttons with Hover animations
July 31, 2024
Simple CSS Hover Animation
Simple CSS Hover Animation
July 31, 2024
Fancy menu hover effects
Fancy menu hover effects
July 30, 2024
CSS3 - Animated Butterfly Wings
CSS3 – Animated Butterfly Wings
July 29, 2024
All Named CSS Colors
All Named CSS Colors
July 28, 2024
3D Social Media Animated Buttons
3D Social Media Animated Buttons
July 27, 2024
Caption Hover Animation
Caption Hover Animation
July 27, 2024
Engaging button hover effect using CSS
How to create an engaging button hover effect using CSS
July 26, 2024
Text Hover Rainbow Color
Text Hover Rainbow Color
July 25, 2024
CSS sibling selector when hover
CSS Sibling Selector for Hover Effects
July 23, 2024
HTML CSS Loader
Loader in HTML & CSS
July 23, 2024
Login & Registration in Laravel 9
How to make login and register in Laravel 9
July 23, 2024
Install Laravel 9 Banner
How to install Laravel 9
July 23, 2024
Ripple Effect in HTML CSS & Javascript
Ripple Effect in HTML, CSS and JavaScript
July 22, 2024
CSS Corner-Shape Animation with Scroll-Driven Effects
Posted inCSS CSS3 HTML

CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation

The animation is about the corners of the shape moving and changing. We are going to make this…
Continue Reading
Posted by Ubes Aslam January 17, 2026
Fancy Cards with Hover Effects
Posted inCSS CSS3 HTML

Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design

In this tutorial, you’ll learn how to create fancy cards with smooth hover effects using pure HTML and…
Continue Reading
Posted by Ubes Aslam January 16, 2026
Polished Button Collection
Posted inCSS CSS3 HTML

Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects

Create a stunning Polished Button Collection using pure HTML & CSS ✨In this tutorial, you’ll learn how to…
Continue Reading
Posted by Ubes Aslam January 12, 2026
Search Engine with Voice Search
Posted inCSS CSS3 HTML

Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition

In this tutorial, you’ll learn how to create a modern search engine with microphone (voice search) using HTML…
Continue Reading
Posted by Ubes Aslam January 11, 2026
Glassmorphism Login Page with Google, Facebook & Twitter Login
Posted inCSS CSS3 HTML

Glassmorphism Login Page with Google, Facebook & Twitter Login | HTML CSS UI Design

Create a modern Glassmorphism Login Page UI using pure HTML & CSS with Google, Facebook, Twitter, and Email…
Continue Reading
Posted by Ubes Aslam January 10, 2026
Minimal Dot Clock
Posted inCSS CSS3 HTML

Minimal Dot Clock ⏱️ | 24 Hour Digital Clock using HTML, CSS & JavaScript

In this video, we create a Minimal Dot Clock with 24-hour format using pure HTML, CSS, and JavaScript.This…
Continue Reading
Posted by Ubes Aslam January 8, 2026

  • Snowy Weather Widget ❄️🌧️ | Realistic Snow & Rain Animation using HTML CSS JavaScript

    Snowy Weather Widget ❄️🌧️ | Realistic Snow & Rain Animation using HTML CSS JavaScript

    Create a beautiful Snowy Weather Widget ❄️🌧️ using HTML, CSS, and JavaScript.In this tutorial, you’ll learn how to…

    December 30, 2025

  • Simple Timeline Using HTML & CSS | Vertical Timeline Design Tutorial

    Simple Timeline Using HTML & CSS | Vertical Timeline Design Tutorial

    Learn how to create a clean and simple vertical timeline using only HTML and CSS.This beginner-friendly tutorial covers…

    December 30, 2025

  • 🎅 Merry Christmas Animation 🎄 | HTML & CSS Festive Animation Tutorial

    🎅 Merry Christmas Animation 🎄 | HTML & CSS Festive Animation Tutorial

    Celebrate Christmas with code! 🎄✨In this video, I created a Merry Christmas animation using pure HTML and CSS—no…

    December 25, 2025

  • Create a 3D Christmas Tree with Three.js | Festive Web Animation 🎄✨

    Create a 3D Christmas Tree with Three.js | Festive Web Animation 🎄✨

    we build a beautiful 3D Christmas Tree using Three.js 🎄✨Learn how to create festive shapes, materials, lights, and…

    December 25, 2025

  • Animated Gradient Text Effect using HTML & CSS | CSS Text Animation Tutorial

    Animated Gradient Text Effect using HTML & CSS | CSS Text Animation Tutorial

    Learn how to create a stunning animated gradient text effect using just HTML and CSS! This modern CSS…

    July 12, 2025
<
1 2 3 4 5 6 … 10
>

Ubes Aslam

I specialize in Laravel, PHP, MySQL, and React JS, and I continuously expand my skill set by learning new tools, frameworks, and best practices to stay up to date with modern web development.

  • Facebook
  • Instagram
  • YouTube

Recent Blogs

  • CSS Corner-Shape Animation with Scroll-Driven Effects
    CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation
    by Ubes Aslam
    January 17, 2026
  • Fancy Cards with Hover Effects
    Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design
    by Ubes Aslam
    January 16, 2026
  • Polished Button Collection
    Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects
    by Ubes Aslam
    January 12, 2026
  • Search Engine with Voice Search
    Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition
    by Ubes Aslam
    January 11, 2026
Tags

css css3 frontend development frontend ui design html html css animation javascript jquery mysql responsive web design web design tutorial

You May Have Missed
CSS Corner-Shape Animation with Scroll-Driven Effects
Posted inCSS CSS3 HTML

CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation

Posted by Ubes Aslam January 17, 2026
Fancy Cards with Hover Effects
Posted inCSS CSS3 HTML

Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design

Posted by Ubes Aslam January 16, 2026
Polished Button Collection
Posted inCSS CSS3 HTML

Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects

Posted by Ubes Aslam January 12, 2026
Search Engine with Voice Search
Posted inCSS CSS3 HTML

Search Engine with Voice Search 🎤 | HTML CSS Voice Recognition

Posted by Ubes Aslam January 11, 2026

About Myself

I specialize in Laravel, Codeigniter, ReactJs, ReactNative, PHP & MySQL, and I’m always learning and expanding my knowledge in this field.

  • Facebook
  • Instagram
  • YouTube
  • About Us
  • Blog
  • Contact Us
  • Disclaimer
  • Home
  • Portfolio
  • Privacy Policy
  • Skills
  • Terms & Conditions
  • CSS Corner-Shape Animation with Scroll-Driven Effects
    CSS Corner-Shape Animation with Scroll-Driven Effects | Modern UI Animation
    by Ubes Aslam
    January 17, 2026
  • Fancy Cards with Hover Effects
    Fancy Cards with Hover Effects in HTML & CSS | Modern UI Card Design
    by Ubes Aslam
    January 16, 2026
  • Polished Button Collection
    Polished Button Collection in HTML & CSS | Shiny Gradient Buttons with Hover Effects
    by Ubes Aslam
    January 12, 2026
Copyright 2026 — Code With Ubes. All rights reserved. Bloghash WordPress Theme
Scroll to Top