Share this page!

Ravi Kumar Profile picture
Twitter logo
Mar 10 โ€ข 7 tweets โ€ข 2 min read
Top 5 Free SVG shape generator websites.

๐Ÿงต๐Ÿ‘‡
1โƒฃ Blob maker

๐Ÿ”—
blobmaker.app
2โƒฃ ssshape

๐Ÿ”—
fffuel.co/ssshape/
3โƒฃ Squiecley

๐Ÿ”—
squircley.app
4โƒฃ Softr

๐Ÿ”—
softr.io/tools/svg-shapโ€ฆ
5โƒฃ Haiki

๐Ÿ”—
app.haikei.app
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 11
Complete guide about CSS selectors.

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

๐Ÿงต๐Ÿ‘‡ Image
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. Image
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. ImageImage
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. ImageImage
Read 4 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
Ravi Kumar Profile picture
Feb 27
Advance CSS Sizing Units for Responsive web page.

๐Ÿงต๐Ÿ‘‡
1โƒฃ Absolute vs Relative Sizing.

There are two types of sizing units in CSS.

Absolute units like px, pt, cm and in stay the same size regardless of the parent element of windows size.

Relative units like%, em, rem, vh, vw, scale up or down, depending on the size of the screen.
2โƒฃ When to use what?

Use Relative Units when responsiveness is not a factor.

Use Relative units when scaling or responsiveness is important.
Read 10 tweets
Ravi Kumar Profile picture
Feb 10
Best Responsive Web Design Practices to follow.

๐Ÿงต๐Ÿ‘‡
1โƒฃ Set The Viewport.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

๐Ÿ‘‡ Image
2โƒฃ Use the media queries.

This CSS property has a feature to enable your webpage content to adapt to different screen sizes. ImageImage
Read 9 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

:(