6 beginner friendly websites that will boost your HTML and CSS learning process ๐Ÿš€

๐Ÿงต๐Ÿ‘‡๐Ÿป

1๏ธโƒฃ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

๐Ÿ”— https://t.co/W1XytKL1MI
2๏ธโƒฃ HTML best practice

- A very well written document on HTML best practice

๐Ÿ”— https://t.co/6PTcY1U5Cw
3๏ธโƒฃ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

๐Ÿ”— https://t.co/LwY9E2qUNS
4๏ธโƒฃ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

๐Ÿ”— https://t.co/EpQyhlN7pv
5๏ธโƒฃ CSS reference

Visual guide to learn CSS

๐Ÿ”— https://t.co/qZk0IeawBo
6๏ธโƒฃ Griddy

- Learn and create CSS grid

๐Ÿ”— https://t.co/SNvl4YXCLW

More from Pratham

I've brought you some amazing GitHub repositories of web development tips and tricks ๐ŸŒŸ

THREAD๐Ÿงต๐Ÿ”ฝ

1๏ธโƒฃ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

๐Ÿ”—
https://t.co/r0J9vW8WrH


2๏ธโƒฃ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

๐Ÿ”— https://t.co/5haB2xTWuz


3๏ธโƒฃ JS Tips and Tricks

- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level

๐Ÿ”— https://t.co/NvfoANwweV


4๏ธโƒฃ Git Tips

- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks

๐Ÿ”— https://t.co/34qvOhYCZE
5 great background websites for every web developer and designer

๐Ÿงต๐Ÿ‘‡


1. Magic pattern

Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.

๐Ÿ–‡๏ธ
https://t.co/ZqczrPfkdZ


2. Cool backgrounds

Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers

๐Ÿ–‡๏ธ https://t.co/df7VSb9t8H


3. Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required

๐Ÿ–‡๏ธ https://t.co/R58zrwpZCH


4 Mesh gradient

Creat aurora UI like gradients using few simple clicks

๐Ÿ–‡๏ธ https://t.co/vOHHDASr1V
12 websites that will help you learn web development faster (completely free): ๐Ÿงต

1. How HTTP Works

Everything you need to know about HTTP based system.

๐Ÿ”—
https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

๐Ÿ”— https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

๐Ÿ”— https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

๐Ÿ”— https://t.co/rQJMISBDfS
Six tools that will change the way your write code: ๐Ÿงต

1๏ธโƒฃ HarperDB

Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.

Access data using API endpoint.

๐Ÿ”—
https://t.co/qf5CalexfA


2๏ธโƒฃ Visual Go

Visualizing data structures and algorithms

๐Ÿ”— https://t.co/b8YeMYdOaf


3๏ธโƒฃ Extends Class

Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.

๐Ÿ”— https://t.co/GlKjoBnzqg


4๏ธโƒฃ Codeshare

Share Code in Real-time with Developers. An online editor for teaching and interviewing.

๐Ÿ”— https://t.co/2m1Ne3KJRK

More from Webdev

5 great gradient background sites for every web developer and designer ๐ŸŽจ

๐Ÿงต๐Ÿ‘‡๐Ÿป


1๏ธโƒฃ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

๐Ÿ”—
https://t.co/EainhiePop


2๏ธโƒฃ Eggradient

- Ready to use gradient background colors. โœ“ Cool Gradients are prepared according to the latest design trends

๐Ÿ”— https://t.co/F0uYVsZbA4


3๏ธโƒฃ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

๐Ÿ”— https://t.co/MV8PT7q3Kz


4๏ธโƒฃ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

๐Ÿ”— https://t.co/dlCExilHAT

You May Also Like