CSS :valid & :invalid pseudo elements 🔥

🧵
1️⃣ :valid

The :valid CSS pseudo-class represents any <input> or other <form> element whose contents validate successfully.

2️⃣ :invalid

The :invalid selector allows you to select <input> elements that do not contain valid content,
Checkout the codepen here👇

codepen.io/suprabhasupi/p…
Thanks for reading this thread ❤️

If you found useful, please retweet the first one ☺️

• • •

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

Keep Current with Suprabha

Suprabha 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 @suprabhasupi

4 Jul
Found Amazing 4 Websites for Web Developers 👇

🧵
1️⃣ Boring Avatars 💁‍♀️

Boring avatars is a tiny JavaScript React library that generates custom, SVG-​based, round avatars from any username and color palette.

boringavatars.com
2️⃣ The Button Cheatsheet 🧾

You can find Button actions; Common button styles; Button colours & styling; Button states and feedback; Button labelling; Touch targets

buttoncheatsheet.com
Read 6 tweets
3 Jul
Algorithms you should know as developer 👇

🧵
1️⃣ Sorting 🔥

Sorting Algorithms, Arrange the items of a list on order

➡️ Bubble Sort
➡️ Merge Sort
➡️ Quick Sort
➡️ Heap Sort
2️⃣ Search 🧐

Find a element in a data set.

➡️ Binary Search
➡️ Breath First Search
Read 8 tweets
2 Jul
Few JavaScript Plugins which you will definitely love ❤️

🧵
1️⃣ Tilt JS

Tilt.js, a small easy to use 60+fps requestAnimationFrame powered parallax hover tilt effect for jQuery.

gijsroge.github.io/tilt.js/
2️⃣ AOS JS

Animate On Scroll Library

michalsnik.github.io/aos/
Read 7 tweets
1 Jul
Amazing 4 Animation tools for web developers 🔥

🧵
1️⃣ Granime JS

Create fluid and interactive gradient animations with this small javascript library.
Read 7 tweets
27 Jun
Amazing Web Tools for Frontend Engineer 🚀

A Thread 🧵
1️⃣ Learn X in Y minutes ⏰

Take a whirlwind tour of your next favorite language. Community-driven! Algorithms & Data Structures.

learnxinyminutes.com
2️⃣ JSON Editor Online 📝

JSON Editor Online is a web-based tool to view, edit, format, transform, and diff JSON documents.

jsoneditoronline.org
Read 8 tweets
25 Jun
Understand Public and Private class fields in Javascript 🔥

Class fields are public by default, but private class members can be created by using a hash # prefix.

Thread 🧵 Image
There are two types of object fields:

1️⃣ Public:
Accessible from anywhere. They comprise the external interface. Until now we were only using public properties and methods.

2️⃣ Private:
Accessible only from inside the class. These are for the internal interface.
ImageImage
Read 4 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!

:(