Tweet

Maybe Scrolly?

H A J R A

Follow @codewithhajra

Jan 22 • 10 tweets • 3 min read

8 Amazing websites that will save your time while writing CSS!

A thread 🧵👇

1. mycolor .space
Never waste hours on finding the Perfect Color Palette
JUST ENTER A COLOR!
And create an amazing color palette.

2: cssbuttons .io
Find the perfect button for your project
All content is open-source and free to use!

3: getwaves .io
A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!

4: neumorphism .io
CSS code generator that will help with colors, gradients, and shadows.

5: bgjar .com
Free SVG background generator for your websites, blogs, and app.

6: Remove .bg
Removes the background of any image.
100% Automatic and FREE.

7: shadows.brumm .af
Create smooth beautiful shadows for your web development projects.

8: cssgradient .io
Transitions in linear gradients occur along a straight line determined by an angle or direction. A CSS linear gradient can be coded by using the linear gradient.

@codewithhajra

That's all for the thread.

If you find it useful retweet the first one.
- follow @codewithhajra

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 17

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.

Read 7 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

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?