Post

How to get URL link on X (Twitter) App

On the Twitter thread, click on or icon on the bottom
Click again on or Share Via icon
Click on Copy Link to Tweet
Paste it above and click "Unroll Thread"!
More info at Twitter Help

Ajay Yadav

@ATechAjay

Feb 27, 2022 • 11 tweets • 4 min read • Read on X

Scrolly

📌 Do you want to learn

→ What is a box-shadow?

→ How to use box-shadow?

→ What is X offset?

→ What is Y offset?

→ Multiple values with box-shadow?

⛔ So, this thread is for you!

💚 Learn step by step with me :)

#webdev

A Thread 🧵 ↓

❓ First of all, we have to know, what is the syntax of the box-shadow?

📌 𝒃𝒐𝒙-𝒔𝒉𝒂𝒅𝒐𝒘 : 𝑿-𝒐𝒇𝒇𝒔𝒆𝒕 𝒀-𝒐𝒇𝒇𝒔𝒆𝒕 𝒃𝒍𝒖𝒓 𝒄𝒐𝒍𝒐𝒓;

📌 𝑿-𝒐𝒇𝒇𝒔𝒆𝒕

→ Distance in the X-axis from the left edge of the box.

👀 See the "white" part!

📌 𝒀-𝒐𝒇𝒇𝒔𝒆𝒕

→ Distance in the Y-axis from the top edge of the box.

👀 See the "white" part!

📌 𝒀-𝒐𝒇𝒇𝒔𝒆𝒕

→ But when we set the values as Y offset then the shadow of that box has moved down as they specified.

→ Or, moved 100px from the top to down.

👀 See the image!

📌 𝑿-𝒐𝒇𝒇𝒔𝒆𝒕

→ Similarly, when we set the values as X offset then the shadow of that box has moved right as they specified.

→ Or, moved 100px from the left to right.

👀 See the image!

→ But, when we set 𝓫𝓸𝔁-𝓼𝓱𝓪𝓭𝓸𝔀 : 0 0 0 𝔀𝓱𝓲𝓽𝓮;

→ Then the shadow of the box will not be visible to the user.

👀 See the image!

→ Now, if we set the blur value then the shadow of the box will be visible to the user.

👀 See the image!

→ We can also set multiple values as the values of the box-shadow.

→ Do not forget to separate these values with a comma( , )

→ Remove comma( , ) from the last value.

👀 See the image!

👀 See the result in the next thread!

🤩 Result of the above image.

@ATechAjay

If you like this make sure to:

1. Follow me @ATechAjay

2. Retweet the first tweet.

3. Turn on the notification to never miss these amazing tweets.

Thank you so much for staying to the end of this thread.

• • •

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

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @ATechAjay

Ajay Yadav

@ATechAjay

Sep 7

Unlocking the Secrets of Big-O Notation.

Let's see the ultimate guide: 🧵

✅ Overview of Big-O

Big-O notation is a way to describe the time-complexity of an algorithm, representing the "upper bound" of its running time in terms of the "input" size.

It provides a high-level understanding of how the algorithm's performance scales with the size of the input.

In Big-O notation, the letter "O" stands for order of magnitude. The notation is written as O(f(n)), where f(n) is a mathematical function that describes the upper bound on the running time or space complexity in relation to the input size (n).

✅ Common Big-O Notations:

1. O(1) - Constant Time Complexity: Represents algorithms whose running time is constant, regardless of the input size. For example: Accessing an element in an array by index, basic arithmetic operations.

2. O(log n) - Logarithmic Time Complexity: Common in algorithms that divide the problem into smaller subproblems. For example: Binary search, and certain divide-and-conquer algorithms.

3. O(n) - Linear Time Complexity: The running time grows linearly with the size of the input. For example: Iterating through an array, finding the maximum element in an array.

4. O(n log n) - Linearithmic Time Complexity: Common in efficient sorting algorithms. For example: Merge sort, heap sort, etc.

5. O(n^2), O(n^3), ... Polynomial Time Complexity: The running time is a polynomial function of the input size. For example: Simple nested loops, and some sorting algorithms with poor performance.

6. O(2^n), O(n!) - Exponential and Factorial Time Complexity: Usually indicates inefficient algorithms with rapidly growing running times. For example: Recursive solutions with high redundancy.

Read 8 tweets

Ajay Yadav

@ATechAjay

Aug 30

Browsers are the new operating systems, with 137,345 apps at your fingertips!

Here are the top 8 browser apps you won't want to miss.

1. Thunderbit - It offers AI-powered templates for effortless automation.

With one click, you can:
- Extract data
- Sync emails
- Generate replies
- Create social media captions, and much more.

👉 thunderbit.com

2. BiRead: It's an extension that helps you overcome language barriers.

- Reading papers
- Scrolling social media
- Reading books
- Searching for travel tips
- Reading emails
- Learning a language

👉 biread.com/?via=ajay

Read 9 tweets

Ajay Yadav

@ATechAjay

Aug 14

The internet is a FREE library for books.

Top 7 websites to read or download books for FREE.

[Save these]

1. Google Books

Google Books offers millions of searchable books and magazines.

Browse, preview, and read full texts. Discover new titles, build your own library, and access your books across devices.

A treasure trove for readers and researchers.

2. PDF Drive

The world's largest free PDF book database. Browse millions of titles across genres without signup.

New books added regularly. Download and read instantly on any device. A book lover's paradise.

Read 8 tweets

Ajay Yadav

@ATechAjay

Aug 1

You're in an interview and the interviewer asks:

"Explain the core principles of responsive web design?"

Here is how you can answer:🧵

Responsive web design is built on 4 core principles:

1. Fluid layout
2. Responsive units
3. Flexible images
4. Media queries

Let's see one-by-one...

1. Fluid layout

Ensures web pages adapt to the viewport width and height, providing a seamless user experience on different devices.

Instead of using fixed units like pixels (px), use relative units like percentages (%), viewport height (vh), and viewport width (vw). These units adjust elements based on the current viewport size.

Utilize the property like, max-width instead of width to allow elements to resize but not exceed a specified maximum width, ensuring they fit within their container.

Read 7 tweets

Ajay Yadav

@ATechAjay

Jun 20

10 Incredible AI Tools You Won't Believe Exist in 2024!

[Bookmark for later use 🔖]

1. Momen: Build Web Apps with No-Code

Momen simplifies AI app creation with user-friendly tools, easy data integration, seamless workflow integration, and customizable frontend design using a component library and infinite canvas.

go.momen.app/QJfvkTDb

2. Microsoft Loop

An online collaboration platform by Microsoft, seamlessly integrating teams, content, and tasks across apps and devices.

loop.microsoft.com

Read 12 tweets

Ajay Yadav

@ATechAjay

Jun 19

Google Chrome offers 130,445 extensions, but only a few extraordinary.

These 7 will save you hours.

[Bookmark for later use 🔖]

1. Pop AI

Student's best friend for an easy life, enabling them to chat with PDF, create presentation , generate organizational charts,write,academic essays and craft killer CVs all in one platform.