pedronauck Profile picture
Jul 3, 2021 8 tweets 3 min read Read on X
6 coisas que possivelmente você NÃO SABIA que consegue fazer apenas com #CSS

🧵👇🏻
1️⃣ Drop shadow
Sabe quando você quer colocar sombra apenas no elemento, não no box inteiro? Fazer aquela sombra ficar certinha e não quadrada. Poisé, da pra fazer isso só com CSS Image
2️⃣ Smooth Scrolling
Que tal fazer o seu scroll ficar mais fluído apenas com CSS, sem ter que usar nenhuma lib de Javascript? Image
3️⃣ Cursor Style
Não sei o porque, mas pode ser que você queira colocar um emoji no lugar do cursor padrão do seu browser. Se você quiser fazer isso, é possível também. Image
4️⃣ Caret Color
Sabe aquela linha que fica piscando no input sinalizando pra você digitar algo? Então, é possível mudar a cor dela também. Image
5️⃣ Truncate text
Você pode limitar o tamanho de um box de texto e acrescentar os "..." apenas com CSS, sem nem uma linha de Javascript. Image
6️⃣ Box Resize
Assim como no textarea você pode fazer um resize apenas aumentando com o mouse o tamanho dele. Você pode definir esse comportamento para qualquer elemento usando CSS. Image
E aí, curtiu as dicas?

Se você gostou dessas dicas já ME SEGUE aqui no Twitter pra não perder nenhum outro post 🔥

#css #webdevelopment #javascript #html

• • •

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

Keep Current with pedronauck

pedronauck 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 @pedronauck

Dec 20, 2021
🧙‍♂️ Quer se tornar mestre em Javascript? Então se liga nesses 4 repositórios incríveis com muito conteúdo que vai te ajudar demais!
Awesome Javascript projects: github.com/Vishal-raj-1/A… Image
2️⃣ Airbnb Javascript Style guide: github.com/airbnb/javascr… Image
Read 7 tweets
Dec 14, 2021
Você sabia que as soft skills podem ter um enorme impacto na sua carreira na programação? 🧵👇
Comunicação Image
Gerenciamento de tempo Image
Read 8 tweets
Oct 27, 2021
Você tem uma mina de ouro em suas mãos, ou melhor no seu computador!

8 repositórios no GitHub para você se tornar um mestre Jedi em Javascript. 🧵👇
1️⃣ What the F*uck Javascript: github.com/denysdovhan/wt… Image
2️⃣ JS the right way: github.com/braziljs/js-th… Image
Read 10 tweets
Oct 25, 2021
Se você está sem ideia de como fazer a construção do seu site, se liga nesse post com 11 sites de templates incríveis de HTML pra te ajudar nessa missão. 🧵👇
Read 13 tweets
Oct 4, 2021
Você passa horas procurando ícones diferentes?

Então dá uma olhada nessa lista com 6 sites pra encontrar ícones de vários tipos para dar um up nos seus próximos projetos e economizar tempo.🧵👇
1️⃣ Icons 8: icons8.com
2️⃣ Icon - Icons: icon-icons.com
Read 8 tweets
Sep 27, 2021
Sites pra você estudar enquanto joga assim nem vai ver o tempo passar e ainda melhorar as suas skills e se tornar fera em javascript. 🧵👇
1️⃣ CodinGame: codingame.com/start
2️⃣ CodeCombat: codecombat.com
Read 10 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!

:(