Programming2Learn

ကွန်ပျူတာ အခြေခံ သင်ပြီးပြီ ဆိုလျင် လေ့လာသင့်တာ…

[programming2learn]

Computer & Technology Basics Course for Absolute Beginners

[thetursithan]

The wait is over, finally free to go out....

[programming2learn]

Modern CSS Gradients Tutorial — From Basics to Advanced Design Effects

Welcome to the ultimate CSS Gradient Tutorial! In this video, you’ll learn everything about creating beautiful, modern gradients using pure CSS — no images, just code magic. Gradients are one of the most powerful CSS design tools for building visually appealing websites and user interfaces. They help you create smooth color transitions that make your layouts come alive.

Whether you're a beginner or a front-end developer improving your CSS skills, this tutorial covers everything — from linear and radial gradients to conic gradients, gradient borders, gradient text, overlays, and even animated gradients.

By the end, you’ll be able to create professional, colorful, and dynamic gradient effects for your web projects, landing pages, and UI components.

[trumpamerica]

[trainee-uhp]

YouTube Intro Splash Screen Animation Using Only HTML & CSS | No JavaScript

🔥 Recreate YouTube’s iconic intro animation using only HTML and CSS — no JavaScript required! In this quick and easy tutorial, you’ll learn how to build a stunning, smooth animation just like the YouTube app splash screen.

👨‍💻 Whether you’re a beginner or a pro, this CSS animation trick will level up your UI game!

✅ What You’ll Learn: • How to animate elements with keyframes • How to center and style elements with flexbox • How to create a triangle play icon using clip-path • How to mimic professional splash screens

[programming2learn]

How To Create a Solar System Animation | HTML | CSS | JavaScript | ASMR ...

[programming2learn]

10 CSS Tips You NEED TO KNOW

In this video I will reveal the top 10 Game-Changing CSS Tips for Web Developers.

[programming2learn]

Responsive navbar Using Tailwind CSS in React

In this video, I have explained How to build a responsive navigation bar using Tailwind CSS in React.

[programming2learn]

How to Create Floating Input Label Using HTML and CSS | CSS Tutorial

How to set up the basic HTML structure for your form CSS techniques to create smooth and responsive floating labels Tips and tricks to enhance the visual appeal of your form inputs How to ensure your form labels are accessible and user-friendly 📑 Key Topics Covered: 

Introduction to Floating Labels 

Basic HTML Form Setup 

Styling Form Inputs with CSS 

Implementing Floating Label Effect 

Enhancing User Experience and Accessibility

[programming2learn]

How to Center a DIV with CSS in 2 Minutes!

Stop wasting time trying to center divs! This video shows you the fastest, modern way to perfectly center a div vertically and horizontally using CSS in just 2 minutes! ⏱️💨

Centering elements in CSS can be frustrating, especially for beginners. Forget the old, complicated methods! In this super quick tutorial, discover the most efficient technique (likely using CSS Grid or Flexbox - adjust if needed!) to solve this common problem instantly.

You'll see the exact HTML setup and the few simple lines of CSS needed – like display: grid; place-items: center; – to achieve perfect centering every time.

[programming2learn]

5 Powerful HTML Tags

🫢

[programming2learn]

Learn CSS Grid Layouts the Easy Way

Learn the grid layout with this easy-to-follow CSS tutorial for beginners. Take a deep-dive with this video and start mastering css grids. Grid layouts are a must-know because they help you creating complex layouts in no time.

Chapters:

00:00 - css grid layout intro

00:40 - display: grid

01:04 - grid-template-columns

01:52 - grid-template-rows

02:10 - minmax() function

03:02 - repeat() function

03:28 - fraction unit (fr)

04:15 - grid gaps

04:58 - aligning items in grids

05:21 - position grid items

06:36 - grid-column & grid-row

06:58 - grid-area

07:15 - grid-template-areas

08:43 - outro

[programming2learn]

Learn CSS Flexbox in 20 Minutes (Course)

In this CSS Flexbox Crash Course for beginners you are going to learn about responsive web design by getting CSS Flexbox explained. How to use display: flex plays a major rule in making a website responsive, resize elements, wrap elements and align html elements anywhere inside a div. Of course you are also going to learn how to center a div.

[programming2learn]

Learn CSS Border Animations in 6 Minutes

Learn all types of CSS Border Animations in 6 minutes with explanations about animations, css pseudo-elements ::before and ::after and how to create a border animation in css using conic-gradients and css variables (custom properties). In this tutorial, we'll show you how to create border animations is css with a glowing border effect and rotating borders.

[programming2learn]

5 CSS Tips & Tricks for better Responsive Web Design

[programming2learn]

CSS Drop Cap effect | Quick CSS Tricks

[programming2learn]

HTML Forms