I have some handwritten CSS Layout notes for you πŸ§΅πŸ‘‡πŸ»
I have created a PDF file for you and uploaded it on GitHub. You can download it for free ❀️

github.com/PrathamKumar14…
Grid cheat sheet
Flex cheat sheet
Two axes of flexbox
Alignment in Layouts
Quick reference for Grid layout

P.S. There is a spelling mistake in the heading (Grid*)

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Pratham πŸ‘¨β€πŸ’»πŸš€

Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

17 Mar
5 amazing websites that will blow the mind of a developer. Definitely check them out

πŸ§΅πŸ‘‡πŸ»
1️⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

πŸ”— keyframes.app
2️⃣ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

πŸ”— playground.tensorflow.org
Read 6 tweets
16 Mar
A beginner's guide to getting started with CSS art and illustration

ThreadπŸ§΅πŸ‘‡πŸ»
Ok I consider CSS arts as the combination of some CSS properties

- Position
- border
- background
- animation
- transform
- perspective
- box-shadow

{ 1 / nn }
Mastering the above mentioned properties can complete 90% of the work for you

Although the process is little tough but tough things are cool 😎

{ 3 / nn }
Read 18 tweets
16 Mar
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

πŸ”— github.com/loverajoel/jst…
2️⃣ CSS Protips

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

πŸ”— github.com/AllThingsSmitt…
Read 8 tweets
15 Mar
Want to learn or improve CSS?

These 5 websites can help πŸ§΅πŸ‘‡
1️⃣ CSS reference

- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content

πŸ–‡οΈ cssreference.io
2️⃣ Learn to code HTML and CSS

- Learn how to build beautiful and intuitive websites by way of clear and organized lessons

πŸ–‡οΈ learn.shayhowe.com
Read 6 tweets
15 Mar
If you're learning or planning to learn Web Development in 2021 then this thread is for you

πŸ§΅πŸ‘‡πŸ»
WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

{ 2 / 16 }
WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

{ 3 / 16 }
Read 16 tweets
15 Mar
These 5 productivity tools will boost your coding potential πŸš€

πŸ§΅πŸ‘‡πŸ»
1️⃣ Music For Programming

- A sort of music palyer with editor like interface. You can visually link this website to your coding editors and hence help you to keep focus

πŸ”— musicforprogramming.net
2️⃣ Clockify

- Time tracking software used by millions. Clockify is a simple time tracker and timesheet app that lets you and your team track work hours across projects. Unlimited users, free forever.

πŸ”— clockify.me
Read 6 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!