Tweet

Maybe Scrolly?

H A J R A

Follow @codewithhajra

Jan 17,, 7 tweets, 2 min read

Learn Coding By Playing Games:

A thread 👇

1. FlexBoxFroggy: In this game, you will learn different properties of flexbox like flex-start, flex-end, center, space-between, and space-around.

2. CSS Grid Garden: In this game, you must water your carrot crops and poison the weeds by mastering the CSS grid.

3. CSSBattle: The objective of the game is to write HTML/CSS to replicate the given target image in the least code possible.

4. Codewars: Codewars is a coding practice site for all programmers where you can learn various programming languages.

5. CSSDinner: In this game, you will learn and practice CSS selectors.

That's all for the thread.
If you find it useful retweet the first one.

Happy Learning. 💙

• • •

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 @codewithhajra

H A J R A

@codewithhajra

Jan 19,

Must-Know CSS Shorthand Properties:

A Thread 🧵👇

Why use shorthand properties?

- Shorthand properties make the code cleaner and
easier to understand.
- It can help you to write more concise style sheets.

➡️Margin

Read 9 tweets

H A J R A

@codewithhajra

Jan 3,

What is function and why do we use it?
- Local and Global variables in JavaScript.

A small thread🧵👇

- A JavaScript function is a block of code designed to perform a particular task. It allows us to write more maintainable code. Define the code once, and use it many times. You don’t need to write the same code over and over again.

- It is defined with the function keyword, followed by a name and parentheses (). The code to be executed by the function is placed inside curly brackets: {}
- A JavaScript function is executed when "something" invokes it (calls it).

Read 7 tweets

H A J R A

@codewithhajra

Dec 19, 2021

75 Free Resources for Web Developers:

A Thread 🧵👇

Stock Photos:

1. Unsplash
2. Pixabay
3. Freepik
4. Stocksnap
5. Pexels
6. Reshot
7. Skitter photo
8. Dreams Time
9. Free Range Stock
10. Focastock

Illustration Websites:

11. storyset .com
12. illustrations .coo
13. Drawkit .io
14. Iradesign .io
15. Manypixels .co
16. illustrations .co
17. Pixeltrue .comnline
18. Pixeltrue .com
19. blush .design
20. humaaans .com

Read 10 tweets

H A J R A

@codewithhajra

Dec 14, 2021

Some useful HTML tags:

A Thread🧵👇

1- Figure: The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, etc.
- The <figcaption> element is used to add a caption for the <figure> element.

2- Details: The <details> tag is often used to create an interactive widget that the user can open and close. By default, the widget is closed. When open, it expands and displays the content within.
- The <summary> tag defines a visible heading for the <details> element.

Read 8 tweets

H A J R A

@codewithhajra

Nov 19, 2021

50 Free resources for Web Developers:

A thread 🧵👇

HTML Template sites for Developers:

▶️HTML5UP
▶️Graygrids
▶️Nicepage
▶️Free-CSS
▶️Mobirise
▶️Templatemo

Top FREE stock photo websites:

▶️Unsplash
▶️Pixels
▶️Pixabay
▶️Freepik
▶️Stocksnap
▶️Burst
▶️iStock
▶️Getty Images
▶️Canva
▶️Flickr

Read 10 tweets

H A J R A

@codewithhajra

Nov 8, 2021

HTML can do that?

A thread 🧵👇

- Send Mail: While using <a> tag as an email tag, you will use mailto: email address along with href attribute.

- Dropdown Input: The <select> element is used to create a drop-down list. It is most often used in a form, to collect user input.
- The <option> tags inside the <select> element define the available options in the drop-down list.

Read 11 tweets

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

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Share this page!

H A J R A

Try unrolling a thread yourself!

More from @codewithhajra

H A J R A

H A J R A

H A J R A

H A J R A

H A J R A

H A J R A

Did Thread Reader help you today?

Like this author's thread?