Share this page!

Pratham Profile picture
Twitter logo
Aug 22 • 25 tweets • 6 min read
23 CSS tips and tricks that will help you become a standout developer 🧵:
1. Smooth scrolling

2. Change marker styling Image
3. Add styling to video subtitle

4. Change input caret color

5. Typewritter effect using pure CSS

6. Customize text selection

7. Zoom image on hover

8. Customize first letter

9. Pure CSS image carousel

10. Comma separated list

11. Text outline using 1 CSS property

12. Customize list style type

13. Style range input

14. 3D elements using CSS

15. Optimize the performance

16. Create round text

17. Wavy underline

18. Truncate text using CSS

19. Negative selector

20. Prevent text selecting

21. Make div scrollable

22. Image reflection

23. Image rendering

Like this thread?

Visit @Prathkum and check out more exciting web development content.

• • •

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
Aug 21
My 8 handmade sketch notes you won't want to miss (learn web development for free):
1. What is semantic HTML Semantic HTML
2. CSS Positioning CSS Positioning
Read 11 tweets
Pratham Profile picture
Aug 20
3 mistakes you can easily avoid during your next salary negotiation:
1. Revealing your current salary

Did you know that in New York, it's illegal to ask a candidate their current salary?

It's not the same in Europe, but this doesn't mean you have to reveal your salary during the recruitment process.
It doesn't matter what your current salary is. What matters in a negotiation is what you want and what you are worth.

So be the first to bring up pay, and talk only about your desired salary.
Read 5 tweets
Pratham Profile picture
Aug 18
7 websites a developer should definitely check to change their life (trust me):
1. Scribe

Screen recording extension that turns any process into a guide instantly.

🔗 scribe.how/chrome Image
2. EditorX

Make your own website with just a few clicks and drag and drop.

You can also write your custom code if you want.

🔗 editorx.com Homepage of EditorX.
Read 9 tweets
Pratham Profile picture
Aug 4
9 chrome extensions for every web developer to unlock full productivity (they are free) 🧵
1. ScribeHow

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

You don't need to explain the process manually. Just record it, and the ScribeHow extension will convert it into a guide.

🔗 scribe.how/chrome
2. Similar sites

Discover similar sites & topics while browsing particular websites.

🔗 similarsites.com
Read 11 tweets
Pratham Profile picture
Aug 1
9 websites that will help you learn web development faster (they are free) 🧵
1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 howhttps.works How HTTP works screenshot.
2. 30 Days of Node

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

🔗 nodejsera.com/30-days-of-nod… 30 days of Node.
Read 11 tweets
Pratham Profile picture
Jul 29
Five free VS Code extensions that will change the way you do web development:
1. RapidAPI Client

Fulfill all your need for API development.

• Test and consume APIs
• Work with your VS Code theme
• Generate TypeScript, Swift, and Python interfaces from responses.

🔗 marketplace.visualstudio.com/items?itemName… RapidAPI Client for VS code extension.
2. Better Comments

Create more human-friendly comments in your code.

• Alerts
• Queries
• TODOs
• Highlights

🔗 marketplace.visualstudio.com/items?itemName… Better comment VS Code extension.
Read 7 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

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(