Gergő Pásztor Profile picture
Oct 29, 2022 8 tweets 3 min read Read on X
#webdev

5 CSS one-liners to reduce time spent styling

(Thread🧵) Image
1️⃣ Inset

Inset is a shorthand property for top, bottom, left, and right. Image
2️⃣ Scroll-behavior

You can create a smooth scrolling animation by setting the scroll-behavior property to "smooth". Image
3️⃣ Cursor

Change the appearance of the cursor with this property.
You can set images too. Image
4️⃣ Appearance

You can overwrite the native appearance of the elements by setting this property to none.
By default, it's set to auto which determines the look of the element based on the OS. Image
5️⃣ Hyphens

The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. Image
Save this thread 🔖 for later use with @SaveToBookmark (created by @csaba_kissi) and review your collection at savetobookmarks .com.
@csaba_kissi That's a wrap!

If you found this thread useful:
1️⃣Like ❤ and RT 🔄 the first tweet
2️⃣Follow me, @G3rgoPasztor, for daily tweets on:

💡Tips & tricks related to programming
🛠 Handy web development tools
🤣Programmer memes
📖Motivational texts

• • •

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

Keep Current with Gergő Pásztor

Gergő Pásztor 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 @G3rgoPasztor

Oct 23, 2022
5 Chrome extensions to boost your productivity and get more things done.

(Thread🧵)
Read 8 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!

:(