Share this page!

Ravi Kumar Profile picture
Twitter logo
Mar 13 β€’ 7 tweets β€’ 3 min read
Top 5 online code editor for WEB developer.

πŸ§΅πŸ‘‡
1⃣ Stackblitz

πŸ”—
Stackblitz.com
2⃣ Codesandbox

πŸ”—
codesandbox.io
3⃣ Codepen

πŸ”—
codepen.io
4⃣ JsFiddle

πŸ”—
Jsfiddle.net
5⃣ Jsbin

πŸ”—
jsbin.com
Thanks for reading the thread.

If you find it useful. Give the first one a retweet and if you have any feedback, let me know in the comment.

πŸ”—

β€’ β€’ β€’

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

Keep Current with Ravi Kumar

Ravi Kumar 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 @ravikmmr

Ravi Kumar Profile picture
Mar 12
Do You know how to design your websitesπŸ€”??

Here's a list of the Top 10 components of UI that will help you get a good understanding of UI.

πŸ§΅πŸ‘‡
1⃣. Typography

01. Use only good and popular typefaces and play it safe.

02. It’s okay to use just one typeface per page! If you want more, limit it to 2 typefaces.

03. Choose the right typeface according to your website personality.

πŸ‘‡
04. When choosing font sizes, limit choices! Use a β€œtype scale” tool or other pre-defined range.

05. Use a font size between 16px and 32px for β€œnormal” text.

06. For long text (like a blog post), try a size of 20px or even bigger.
Read 15 tweets
Ravi Kumar Profile picture
Mar 11
Complete guide about CSS selectors.

1⃣ Basics CSS selectors.
2⃣ Combinator selectors.
3⃣ Pseudo-classes.
4⃣ Pseudo-element.
5⃣ Attribute selector.

πŸ§΅πŸ‘‡
1⃣ Basic CSS Selectors.

πŸ”—
2⃣ Combinator Selectors.

πŸ”—
Read 7 tweets
Ravi Kumar Profile picture
Mar 10
CSS filters

πŸ§΅πŸ‘‡

use can style your images with several filter properties using CSS.
1⃣ CSS filter property

you can apply different filters to elements.

Syntax :

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | url();

you can also apply multiple filters by using space.
2⃣ Backdrop CSS filter CSS

The backdrop-filter property in CSS is used to apply filter effects support to the background/backdrop of an element. The backdrop filter has the same effect but applies only in the background.

note:- it does not supported by Mozilla.
Read 4 tweets
Ravi Kumar Profile picture
Mar 10
Top 5 Free SVG shape generator websites.

πŸ§΅πŸ‘‡
1⃣ Blob maker

πŸ”—
blobmaker.app
2⃣ ssshape

πŸ”—
fffuel.co/ssshape/
Read 7 tweets
Ravi Kumar Profile picture
Mar 9
Do You Know about CSS variables?

know everything about CSS variables.

πŸ§΅πŸ‘‡
1⃣ Intro of a CSS variable

It is a custom property of a CSS that is defined by a CSS author that contains some specific values that are reusable through a document.

it is used in the google chrome browser. Image
2⃣ Syntax or how to use

πŸ‘‡πŸ‘‡

:root{
-- color-primary: #001f3f;
}

p {
color: var(--color-primary);
} Image
Read 7 tweets
Ravi Kumar Profile picture
Mar 1
Html tags you should definitely know.

πŸ§΅πŸ‘‡
1⃣ Abbr tag

this tag is used to define abbreviation or an acronym.
2⃣ Sup & Sub tag

The <sub> tag defines subscript text. Subscript text appears half a character below the normal line.

The <sup> tag defines superscript text. Superscript text appears half a character be above the normal line.
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 on Twitter!

Like this author's thread?

Get emails when @ravikmmr has new unrolls!

Check out other threads from @ravikmmr!

Read all threads by @ravikmmr

:(