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

5 great code snippet websites for every web developer and designer

πŸ§΅πŸ‘‡πŸ»


1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

πŸ”—
https://t.co/91L4bAxkgF


2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

πŸ”— https://t.co/2sIAm73EdZ


3️⃣ Little Snippets

- A free collection of HTML and CSS code snippets

πŸ”— https://t.co/qxAyA2wA6U


4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

πŸ”— https://t.co/LcZYnipvCy
7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

β€’ Message broker
β€’ Schema Management
β€’ Zero ops
β€’ Cloud-native
β€’ Rapid development
β€’ Significantly lower development time

πŸ”—
https://t.co/w5L2aCM3do


2. The art of command line

Master the command line, in one page.

πŸ”— https://t.co/uF2RlcUIxb


3. Public APIs

A collective list of free APIs for use in software and web development

πŸ”— https://t.co/vDRQKBf15V


4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

πŸ”— https://t.co/bIGEEPcMkJ
JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth


2. Change marker styling


3. Add styling to video


4. Change input caret

More from Webdev

Five great icons websites for every web developer and designer ⏺️

A Thread πŸ§΅πŸ‘‡πŸ»


1️⃣ Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

πŸ–‡οΈ
https://t.co/inHse0QXBh


2️⃣ Icon Monstr

- Black and white themed minimal icons which looks super great. You can also cuatomize the thickness

πŸ–‡οΈ https://t.co/dbQrJi0IHf


3️⃣ Icon Icons

- Over one thousand free icons which you can download as icons or images

πŸ–‡οΈ https://t.co/h5NlH5fGGr


4️⃣ Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

πŸ–‡οΈ https://t.co/sqiZ6H9sR7

You May Also Like