Some amazing templates👇

📌 html5up .net
• Free fully responsive HTML5 template

📌 bootswatch .com
• Free themes for Bootstrap

📌 html5boilerplate .com
• The web’s most popular front-end template

Are you planning to learn CSS for adding some cool styling in your website?

In this thread, I'm covering all the basics and proper plan you need to know in order to getting started with CSS.

🧵 👇🏻

We need to know the importance of CSS first. Why CSS?

Well I guess CSS is the only language that add some visuals in website. Without CSS, Without it, websites would still be plain text on white backgrounds.

{ 02 / 17 }

Let's compare a website with and without CSS

Image 1: With CSS
Image 2: Without CSS

{ 03 / 17 }

I this should be enough to explain you why CSS is so important. So lets start

You can gain some decent amount of CSS knowledge in 30 days. And after that you will definitely able to create some good looking website. Let's see how 👇🏻

{ 04 / 17 }

First things first, you need to learn basic stuff

- How to link your CSS files with HTML file
- How to select elements so that you can add styling

{ 05 / 17 }

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

Let's create Phineas using CSS in few simple steps😄

THREAD🧵

STEP 1. Create a head

create a triangle and rotate it so that it looks like a head

STEP 2. Create smile and ear

We have a pseudo elements in CSS, so we can create smile and ear using head::after and head::before

STEP 3. Create eyes

This is the most trickiest part because in order to make an eye we have to create

- One bigger white circle
- then a small black pupil inside white circle
- then a small white reflection in black pupil

Let's create a outer white circle first

STEP 3(I). Create a black pupil

We can create pupil using pseudo element

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

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

Pratham
@Prathkum

Top 5 free APIs for web developers

🧵👇

1️⃣ Custom Search API

- Create your own custom search engine. You can search for image, videos, and news.

🔗 https://t.co/nTvv3c3W06

2️⃣ Movie Database API

- Access movie and TV information similar to that of IMDB.

🔗

3️⃣ Dad Jokes API

- Get random endless dad jokes

🔗

4️⃣ COVID-19 Data API

- Every 15 minutes updated statistic about Coronavirus. Latest stats by country, are collected from several reliable sources.

🔗

Pratham
@Prathkum

6 websites that are so fantastic you'll wonder how they even exist (for developers):

1. ScribeHow (@ScribeHow)

Turn any process into a step-by-step guide, instantly.

• Click record
• Do the thing you want to show someone (like how to reset a password)
• Get a beautiful auto-generated guide

No manual screenshots.

🔗 https://t.co/8EnpUIvIeR

2. SourceAI

Explain what you want in plain English, and AI will generate a code snippet for you.

🔗 https://t.co/KFLbBBjllm

3. Blackbox

Turn any questions into a code snippet or extract a code snippet from a video.

🔗 https://t.co/6Z4fM5ieWn

4. Figstack

One-stop for developers.

• Understand code in any programming language
• Translate programming languages
• Automate documentation for your functions
• Get the time complexity of your program

🔗 https://t.co/koY4cmciR3