Ajay Yadav 🎯 Profile picture
Mar 12 β€’ 10 tweets β€’ 3 min read
πŸ“Œ Do you know??

β†’ The HTML structure is also confusing for many developers.

β†’ Learn how to build structures for this login form.

β†’ That means which item going to be kept in another container.

β†’ Once we build the structure of the page, then very easy for the design.

πŸ§΅β†“
1
2
3
4
5
6
7

That's all, this is the HTML structure for this login page.

And CSS designing is up to your requirements.
πŸ“Œ Codepen link:

codepen.io/atechajay/pen/…
πŸ’š That's all for now, we will meet in the next thread!

But if you like 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
γ€€

Keep Current with Ajay Yadav 🎯

Ajay Yadav 🎯 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 @ATechAjay

Mar 11
πŸ’› Day 1️⃣1️⃣ / 3️⃣0️⃣ days of basics in JavaScript series

β†’ Arithmetic operator?

β†’ Prefix & Postfix operator?

β†’ Assignment operator?

β†’ Comparision operator?

β†’ == VS === operator?

β†’ Logical operator?

β†’ String operator?

#javascript30

Let me explain!πŸ§΅πŸ‘‡
πŸ“Œ Arithmetic operator?

β†’ It is used to perform mathematical calculations.

πŸ‘€ +, -, %, *, **, etc

β†’ ** is a square operator or power operator.

πŸ‘€ 2**3 = 2x2x2
β†’ % is a modulus operator, not a percentage.

β†’ It is used to find the remainder of an expression.

πŸ‘€ 11 % 10 = remainder ( 1 )
Read 14 tweets
Mar 10
πŸ’› Day 1️⃣0️⃣ / 3️⃣0️⃣ days of basics in JavaScript series

β†’ What is an expression?

β†’ What is an operator?

β†’ What is an operand?

β†’ What is a unary operator, binary operator, ternary operator?

#javascript30

Let me explain!πŸ§΅πŸ‘‡ Image
πŸ“Œ What is an expression?

β†’ Expression is the combination of operator, operand(value), and variable that produce new value.

πŸ‘€ c = a + b;

- a, b is a value, and + is an operator that produces and new value as a c variable.
πŸ“ŒWhat is an operator?

β†’ It is used to manipulate values.

πŸ‘€

+, -, *, etc
Read 10 tweets
Feb 27
πŸ“Œ 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!
Read 11 tweets
Feb 26
πŸ’šDemanded ThreadπŸ’š

β†’ How to use SVG files in my projects?

β†’ How to copy SVG code?

β†’ From where to copy SVG code?

πŸ“Œ Learn step by step with me!

A ThreadπŸ§΅πŸ‘‡
πŸ“Œ Suppose this is the SVG image.

β†’ And this image you want to use in your projects.
β†’ Then simple we have to right-click on that SVG image.

β†’ Click on inspect.
Read 8 tweets
Feb 25
πŸŽ‰ Celebration + Experience of 100 Days Of Coding Challenge.

β†’ 2nd time, I have completed this achievement!

πŸ€”Why should you take a challenge like #100DaysOfCode?

β†’ You will get a GitHub Repo of our series, as well as a Twitter moment.

πŸ“Œ Studies = TB patients

A ThreadπŸ§΅πŸ‘‡
πŸ“Œ Why should you take a challenge like #100DaysOfCode?

β†’ I have heard that if a TB patient discontinues his medicine, then he has to start from zero.

β†’ Exactly the same happens in studies.

β†’ Read less but read every day.

β†’ This is the "medicine" of your success.
πŸ“Œ Some key points keep in mind during this marathon.

β†’ Try to learn a topic every day.

β†’ Try to explain each and everything.

β†’ Try to explain with simple English words.

β†’ Try to learn a topic from multiple sources.

β†’ Try to answer the people on that topic.
Read 7 tweets
Feb 25
πŸ”₯ The only thread on JavaScript resources you need to follow!

πŸ‘‰ If you are a beginner then you should follow these resources.

πŸ“Œ My rule:

πŸ‘‰ Follow minimum resources and learn from multiple resources.

A ThreadπŸ§΅πŸ‘‡ Image
πŸ€” What is my rule "Follow minimum resources and learn from multiple resources" ❓❓

Suppose

😎 I want to learn functions in javascript,

πŸ‘‰ Then first of all I will learn from the minimum resources.

πŸ‘‰ It can be udemy paid courses, freecodecamp courses, etc
πŸ‘‰ After that, I will type the "function in javascript" on google and try to learn those topics from the top 2 or 3 websites that are recommended by google search.

πŸ‘‰ It can be MDN, W3school, G4G, etc
Read 12 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!

:(