💛 CSS Property: border-radius 💛
.
.
↓↓↓↓↓↓↓↓↓↓
Let's learn about "border-radius" through illustrations.

Topics are,

1️⃣ Introduction
2️⃣ How to define?
2️⃣.1️⃣ One/Two/Three/Four Values
2️⃣.2️⃣ Percentage Value
2️⃣.3️⃣ Horizontal and Vertical Radius
3️⃣ Other Related Properties
4️⃣ Shapes using border-radius
5️⃣ Conclusion
1️⃣ Introduction
2️⃣ How to define?
2️⃣.1️⃣ One/Two/Three/Four Values
2️⃣.2️⃣ Percentage Value
2️⃣.3️⃣ Horizontal and Vertical Radius
3️⃣ Other Related Properties

border-radius is the shorthand property for 4 other CSS properties.

✪ border-top-left-radius
✪ border-top-right-radius
✪ border-bottom-right-radius
✪ border-bottom-left-radius
4️⃣ Shapes using border-radius

Let's draw various shapes in CSS using border-radius property.

✪ Circle
✪ Ellipse
✪ Blobs
5️⃣ Conclusion

• • •

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

Keep Current with Swapna Kumar Panda ✨

Swapna Kumar Panda ✨ 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 @swapnakpanda

27 Nov
💡 Memorise Data Structures in 6 Steps 🚀

→ Array
↳ 1-Dimensional
↳ Multi Dimensional
→ Linked List
↳ Single
↳ Double
↳ Circular
→ Stack
→ Queue
→ Set
→ Hash Table
→ Tree
↳ Binary Tree
↳ Binary Search Tree
→ Graph

⇩
1️⃣ Type

↳ Linear
↳ Non-Linear
2️⃣ Memory Allocation

↳ Contiguous
↳ Non-contiguous
Read 7 tweets
26 Nov
💙 My Twitter Circle 💙

Here is my Twitter family for November. If another layer of circle were allowed, I would have definitely added. 😂

If you find difficulty in finding yourself, check images mentioned below for each layer. Image
Circle 1️⃣ Image
Circle 2️⃣ Image
Read 7 tweets
26 Nov
☁️ Cloud Service Providers & Free Tiers 🚀

⇥ AWS
⇥ Azure
⇥ Google Cloud
⇥ Oracle Cloud
⇥ IBM Cloud
⇥ Alibaba Cloud
⇥ Heroku
⇥ Others (Netlify, Vercel and Surge)

⇩
0️⃣ Introduction

✪ Find how you can host your app/service in cloud with zero cost.

✪ Most of the cloud service providers are allowing to use some of their products/services for free of cost.

Let's explore all these.
1️⃣ AWS

AWS provides more than 100 products. Many of which are

⇨ Always Free
⇨ 12 months Free (with monthly usage limits)
⇨ Free Trials

If you cross usage limit, you need to pay for it.

✪ For more details: https://aws[.]amazon[.]com/free/
Read 11 tweets
24 Nov
💙 25 Project Ideas for Web Developers 🚀

⇨ Ideas includes for Colours, Shapes, Emojis, GIFs etc.
⇨ Skills: HTML/CSS, JavaScript, Python (Optional)

⇩
These projects can be categorised into

1️⃣ Utility Apps
2️⃣ Color Based
3️⃣ Shapes
4️⃣ Image Related
5️⃣ Drawing
6️⃣ Add-Ons
7️⃣ Authentication and, Authorisation
1️⃣ Utility Apps

P1️⃣ Single Page App
⇥ To start with build a SPA and, make it responsive. It could be a portfolio page or, a product catalog page.

P2️⃣ Landing Page
⇥ Landing pages are very important. Show products/features in carousels. Allow to zoom-in/zoom-out.
Read 18 tweets
24 Nov
NoSQL Interview Questions

⇩
Disclaimer:

• The questions covered here are mostly conceptual
• I do not claim only these type of questions are/should be asked during interviews
• For interviews, you should have fundamentals strong. And you should be able to provide solutions to practical problems.
Series: 1️⃣
Level: Beginner
Topics:

1️⃣ Basics
2️⃣ CAP Theorem
3️⃣ Categories
4️⃣ Concepts
Read 10 tweets
23 Nov
💜 NPM Commands Cheat Sheet

Find reference to some of the most used NPM commands for Nodejs Development.

⇩ Image
There are more commands than listed here. If you want to know about all those commands, NPM has a very nice documentation.

Find reference to all commands here 👇

https://docs[.]npmjs[.]com/cli/v6/commands
1️⃣ npm init Image
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

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Thank you for your support!

Follow Us on Twitter!

:(