Share this page!

Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
Twitter logo
28 Feb, 16 tweets, 4 min read
I have covered some important CSS topics in my thread in last couple of days.

Here is a quick sneak peek 🧡
πŸ“Œ Relative and Absolute positioning

πŸ“Œ Responsive web design

πŸ“Œ Media query

πŸ“Œ Flex box layout

πŸ“Œ Grid layout

πŸ“Œ Filter functions

πŸ“Œ Basic CSS

πŸ“Œ Z-index

πŸ“Œ Border-radius

πŸ“Œ CSS terminologies

πŸ“Œ How to make gradient border

πŸ“Œ Create different shapes

πŸ“Œ Dropmorphism

πŸ“Œ Play games

I think there are many more, but I have not been able to find themπŸ˜…

Also if you want me to write on a specific topic tell me below😊

β€’ β€’ β€’

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

Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
1 Mar
6 GitHub repositories that can help you as a developer

🧡 πŸ‘‡πŸ»
πŸ“Œ Art of Command Line

Learning command line interface is always beneficial for developer. In this repo you'll find different section for Linux, windows and MAC commands

github.com/jlevy/the-art-… Image
πŸ“Œ Front-end Developers Bookmarks

A huge collection of resources for frontend web developers including appearance, architecture, compatibility etc

github.com/dypsilon/front… Image
Read 8 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
1 Mar
A quick start guide to CSS animations πŸ‘‡πŸ»

Thread 🧡 Image
Animations on your web pages or website can catch more audience

You can create some amazing animation using CSS itself. In this thread, we will try to learn some decent knowledge about it

Let's start πŸ‘‡πŸ»

{ 2 / 19 }
Animation is all about changing one style to another at certain intervals or times

For doing that, first and foremost thing which we need to learn is @ keyframes at rule

{ 3 / 19 }
Read 19 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
28 Feb
useReducer Hook - an alternative to useState Image
useReducer is preferable to useState when you have some complex state.

It accepts three parameter out of which two are mandatory I guess

The first one is reducer function and second one is initial state
useReducer returns two things

- The first one in current state
- The second one is a dispatch function using which you can change your current state by passing action type is dispatch.
Read 4 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
27 Feb
A quick guide to CSS Grid layout πŸ‘‡πŸ»

Thread🧡
Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start β˜•

{ 2 / 17 }
First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 17 }
Read 18 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
26 Feb
Some general tips for writing an effective tweet or thread

🧡 πŸ‘‡πŸΌ
1️⃣ Write about the things you are good at

I always try to write tweets related to web technologies. More specifiy I try to cover CSS, JavaScript and React. By writing about the stuff that you're good, you can share huge amount of knowledge from your tweet

{ 2 / 10 }
2️⃣ Support your point with an example

If you're writing about some coding tips or tricks, It would be great if you give a example in the form of image, video, gif or link

{ 3 / 10 }
Read 10 tweets
Pratham πŸ‘¨β€πŸ’»πŸš€ Profile picture
25 Feb
Web development resources for free

Mega Thread 🧡 πŸ‘‡πŸ»
1️⃣ Online learning platforms πŸ“˜

- Udemy
- FreeCodeCamp
- Treehouse
- Frontend masters
- Coursera
- Traversy media
- SoloLearn
- Codecademy
- Udacity
- Alison
- Code college
- LinkedIn Learning
- Skillshare
- EdX
2️⃣ Editors and share code snippets ✍🏻

- PlayCode
- JSFiddle
- CodePen
- StackBlitz
- JSBin
- Codesandbox
- Codeinterview .io
- godbolt .org
- wandbox .org
- carbon .now.sh
- pastebin .com
- ideone .com
- ide .judge0.com
Read 24 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!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum