Learn CSS™

Create a login form page with the Glassmorphism effect

https://www.youtube.com/watch?v=7d5_N7o3bmg

#onlineTutorials #glassmorphism #css #html

YouTube

Animated Glassmorphism Login & Registration Form using Html CSS & Javascript

Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…

325 views04:35

Learn CSS™

Create an accordion function with HTML and CSS

https://dev.to/tota11ydev/accordions-1-5-and-10-minute-versionsall-accessible-quicka11y-2d3b

—-

Create link elements with HTML

https://www.freecodecamp.org/news/html-links-explained-with-examples/

#accordion #css #html #href

DEV Community

Accordions: 1, 5 and 10 minute versions...all accessible [quicka11y]

I saw a post a few days ago that was a "CSS only accordion". Sadly the techniques used were not...

334 views04:45

Learn CSS™

Create a hover effect menu display with a modern appearance with Online Tutorials

https://www.youtube.com/watch?v=TsoruqI_tAU

—-

#html #css #onlineTutorials

YouTube

Modern Menu Hover Effects | CSS & Javascript

Get Master HTML to React Frontend: Zero to Hero ebook Now👇
https://bit.ly/3E40YEV
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here.…

327 views11:06

Learn CSS™

Create a Youtube homepage clone with Tailwind, React, and TypeScript with Web Dev Simplified

https://www.youtube.com/watch?v=ymGB1lqP1CM

—-

#webdevsimplified #react #nextjs #typescript #tailwind

YouTube

How To Create The YouTube Home Page With Tailwind, React, and TypeScript

The YouTube home page may seem simple at first (that is what I thought), but there are so many small complex interactions that actually make building out this home page design quite complicated. In this video I will show you exactly how to build out the entire…

356 views11:20

Learn CSS™

How to style a list with CSS and HTML with Kevin Powell

https://www.youtube.com/watch?v=bRYwmmLC_Ns

#css #list #html #kevinPowell

YouTube

How to create and style lists with HTML and CSS

Lists are one of the most common elements we have on websites, so I decided to do a beginner-friendly deep dive on them, exploring ordered and unordered lists, from how to create them, the difference between the two of them, their default styling, and how…

382 views11:26

Learn CSS™

Tips for using Custom Properties in CSS with Kevin Powell

https://www.youtube.com/watch?v=_2LwjfYc1x8

#css #customProperty #kevinPowell

YouTube

Using CSS custom properties like this is a waste

If you're interested in checking out ICodeThis, you can find it here: https://icodethis.com/?ref=kevin and if you want to sign up for one of their premium plans, use KEVIN at checkout for an extra 10% off.

Custom properties are amazing, but a lot of people…

416 views11:30

Learn CSS™

Training from Traversy Media creates a portfolio web application with HTML and CSS

https://www.youtube.com/watch?v=HXYZxVbWkjc

#traversyMedia #html #css

YouTube

Professional Website From Scratch | HTML & CSS For Beginners

We will create a professional-looking website from scratch using HTML, CSS and a bit of JavaScript. This project is beginner-friendly, but it's also a fun project for more experienced developers.

Figma File:
https://shismqklzntzxworibfn.supabase.co/stor…

410 views06:31

Learn CSS™

Online Tutorials - Infinite Scrolling Animation | CSS Only Text and Image Carousel

https://www.youtube.com/watch?v=2l99ERCnB9c

#css #html #onlineTutorials

YouTube

Infinite Scrolling Animation | CSS Only Text and Image Carousel

392 views06:31

Learn CSS™

Create responsive layouts with the help of the Pure CSS library

https://blog.openreplay.com/responsive-mobile-layouts-with-purecss/

#responsive #layout #css #pureCSS

Openreplay

Responsive mobile layouts made easy with Pure.CSS

A new lightweight CSS framework to simplify developing a responsive layout

454 views06:36

Learn CSS™

Introduction to the relative color property in CSS

https://developer.chrome.com/blog/css-relative-color-syntax/

#css #relativeColor

Chrome for Developers

CSS relative color syntax | Blog | Chrome for Developers

Create new colors based on another color's channels and values.

723 views06:41

Learn CSS™

keyboard-shortcuts-windows (1).pdf

142.3 KB

keyboard-shortcuts-macos (1).pdf

202.4 KB

624 views11:02

Learn CSS™

The CSS Flexbox Handbook – Complete Guide with Practical Examples

https://www.freecodecamp.org/news/the-css-flexbox-handbook/

#css #flexbox #handbook #freecodecamp

freeCodeCamp.org

The CSS Flexbox Handbook – Complete Guide with Practical Examples

Flexbox is a useful tool for creating beautiful and responsive layouts for web pages. In this guide, you will learn everything you need to know to start using CSS Flexbox like a pro. We'll also go through loads of practice examples. This is a perfect...

484 views13:31

Learn CSS™

Explanation of the roadmap learning flow to become a Web Developer

https://dev.to/aswin2001barath/junior-to-senior-web-developer-roadmap-breakdown-1525

#webdev #roadmap

DEV Community

Junior to Senior Web Developer Roadmap: Breakdown

Are you someone who is a junior developer struggling to climb up the corporate ladder and become a...

441 views13:46

Learn CSS™

Online Tutorials - Animated Circle Text on Mousemove using CSS & Javascript 02

https://www.youtube.com/watch?v=Vd9WXLeFBgc

#css #html

YouTube

Animated Circle Text on Mousemove using CSS & Javascript 02

509 views11:50

Learn CSS™

James Quick - HTML File Uploads in 5 Minutes (Plus Some JavaScript Features)

https://www.youtube.com/watch?v=iAxUpo0aJSk

#html #css #upload

YouTube

HTML File Uploads in 5 Minutes (Plus Some JavaScript Features)

Learn to upload files using HTML, the file input type, and multipart form-data. We'll also add a bit of extra logic with JavaScript to show a preview of a video.

Astro Course - https://astrocourse.dev/

**DISCORD**
Join the Learn Build Teach Discord Server…

701 views11:51

Learn CSS™

Domain Modeling: Creating Conceptual Models for Software

https://dev.to/nvspavankalyan/domain-modeling-creating-conceptual-models-for-software-emh

#beginner #DomainDrivenDesign
#FrontendDevelopment #frontend

DEV Community

Domain Modeling: Creating Conceptual Models for Software

Introduction What is Domain Modeling? Domain modeling refers to the process of...

560 views12:06

Learn CSS™

Forwarded from 👨‍💻Coder Blast🌋

Free Platforms to Learn Coding 🔎

🌎 HTML - https://html.com
🌈 CSS - https://web.dev/learn/css
🧩 JavaScript - https://javascript.info
🎟 React - https://reactplay.io
🎫 Vue.js - https://learnvue.co
🎯 Git - https://git-scm.com/book/en/v2
🎮 Web3 - https://learnweb3.io
⚓️ Python - https://learnpython.org
🚦 SQL - https://www.w3schools.com/sql
📀 BlockChain - https://cryptozombies.io
💻 Nextjs - https://nextjs.org/learn/foundations/about-nextjs
🧭 AI - https://www.elementsofai.com
⚙️ ML - https://www.freecodecamp.org/learn/machine-learning-with-python
⛓ PHP - https://phptherightway.com
🧿 API - https://rapidapi.com/learn
📍 GO - https://learn-golang.org
✂️ Rust - https://www.rust-lang.org/learn

➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️

Share with your buddies 🤝

584 views05:26

Learn CSS™

Online Tutorials - Animated Sliding Menu Indicator using Javascript | Curve outside
https://www.youtube.com/watch?v=E84bMKIpV5g

—-

CSS Optimization: Avoiding and Optimizing for Faster Website Speed

https://levelup.gitconnected.com/css-optimization-avoiding-and-optimizing-for-faster-website-speed-ccd33854cd01

—-

Modern CSS Layouts: Hero Sections
https://javascript.plainenglish.io/modern-css-layouts-hero-sections-673e56386b16

—-

How to Center Text Vertically with CSS
https://www.freecodecamp.org/news/how-to-center-text-vertically-with-css/

#css #slidingMenu #layout #optimize #center

YouTube

Animated Sliding Menu Indicator using Javascript | Curve outside

668 views11:31

Learn CSS™

The problem with mobile-first CSS

https://www.youtube.com/watch?v=p3k_IrXLNRc

#css #mobilefirst

YouTube

The problem with mobile-first CSS

👉 I’ve started a second channel @GeneralMusings for my podcast! You can check out the channel if you prefer YouTube, or https://kevinpowell.co/podcast if you prefer it in podcast form.

Mobile-first is generally accepted as a best practice when it comes…

914 views11:31

Learn CSS™

Forwarded from Learn Web Development

8 free eBooks and websites to help you learn web development (for free):

1. The Magic of CSS

The content in this eBook is for all-level developers. Learn about layout, box-model, positioning etc. with sample code snippets.

→ adamschwartz.co/magic-of-css/

2. DOM Enlightenment

"DOM Enlightenment" is a free online book that explores DOM in-depth, providing a clear and detailed understanding of how it works.

→ domenlightenment.com

3. Eloquent JavaScript

Introduction to programming in JavaScript focuses on writing real-world websites.

→ eloquentjavascript.net

4. Pro Git book

Learn everything about Git with infographics.

→ git-scm.com/book/en/v2

5. SQL

SQL is one of the crucial skills for web development.

Down these well structured notes in PDF format for free.

→ goalkicker.com/SQLBook/

6. Law of UI and UX

Collection of best practices that developers and designers can consider when building user interfaces.

→ lawsofux.com

7. Learn CSS Grid

This guide was created as a resource to help you better understand and learn Grid.

→ learncssgrid.com

8. React

React Express is a free eBook/guide that covers the basics of React, including components, state, props, and more.

→ react.express

#Webdevelopment #JS #JavaScript #Html #Css #React

Follow @learn_webdevelopment for Web development content

1.1K views12:33

About

Blog

Apps

Platform