Total 1k Views, 100+ reactions, and 30 comments on my first blog from various platforms. 😎😍

5 things I learned during the creation of that article.

thread🧵👇
1️⃣ Research before write:-

I chose gradient because I use gradient a lot in my CSS art creation and,

I noticed there are not many well-detailed blogs available on the internet.

So I decided to go with it 🤠
Key point -

1. always do research about your blog topic.

2. Nothing is 100% new but we can improve at least 1% for easy understanding of readers.

3. Don't fall into research hell.

how to avoid research hell thread by @akoskm
2️⃣ First Draft -

Don't care much about how your article looking,
start writing and write, write, write.

Finish the writing first draft of the article.
3️⃣ Start Editing your Draft -

Read your draft twice and then think from the reader's perspective, and start editing the draft.

1. Try to break all big paragraphs into small ones.
2. include examples and visuals.
3. Maintain the flow.
4️⃣ Header and image -

Create an attractive and SEO-friendly header for your article and also create a beautiful cover image.
5️⃣ Choosing platform -

If you're writing on a tech topic then hashcode and dev both are good choices to start with.

you can also go with multiple platforms like me.

"Your valuable content needs different channels of distribution to reach a bigger audience."
I decided to follow excellent advice by @ikoichi .

And I published my blog on 3 platforms -

- hashnode
- dev
- medium



words by @ikoichi
And that's it. I tried my best to share my experience with you.

If you like this thread, drop a like and retweet, means a lot to me 💛 Image
Oops I forgot to add my article link 😹
Hashnode -
ali6nx.hashnode.dev/how-to-create-…

• • •

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

Keep Current with Mahesh 👽

Mahesh 👽 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 @Ali6nX404

8 Oct
Confused About rem and em units in CSS?

Which is better to use in CSS 🙄

Let's understand both units ✨

thread🧵👇
em and rem both are known as relative units in CSS.

You've probably been using em and rem units now for a while already,

but still, you might be confused about which unit is best in which scenario.
1️⃣ What is em?

An em value is equal to the computed font size of the parent of that element.

example if font size of parent element is 20 px then 1em is equal to 20px.
Read 15 tweets
2 Oct
Are you using solid color background?🙄

Let's upgrade it with beautiful CSS gradients ✨

Mega thread🧵👇
1️⃣ What is the gradient?

CSS gradient allows you to create anything from a smooth gradient between two colors, right up to impressive mixing and multiple gradients.

Gradient makes the background more attractive than a solid color.
We all know about Instagram but did you notice that the Instagram logo is also a gradient.

The genius is in its simplicity.✨
Read 29 tweets
2 Oct
Are you using solid color background?🙄

Let's upgrade it with beautiful CSS gradients ✨

Mega thread🧵👇
1️⃣ What is the gradient?

CSS gradient allows you to create anything from a smooth gradient between two colors, right up to impressive mixing and multiple gradients.

Gradient makes the background more attractive than a solid color.
We all know about Instagram but did you notice that the Instagram logo is also a gradient.

The genius is in its simplicity.✨
Read 20 tweets
30 Sep
We're shifting on web 3.0 or you are still using Div element all along.🙄

That's not fair🤦‍♂️🤷‍♂️

Let's upgrade Div with Semantic tags. 🤯✔

thread🧵👇 Image
1️⃣ Wtf is Semantic?

Semantics refers to the meaning of a piece of code:-

"what purpose or role does that HTML element have".

The semantic element itself conveys some information about the type of content contained between the opening and closing tags.

1/3
Semantic elements increase the:-

- Accessibility
- Improve Search Engine Optimization
- Maintainability

And this makes code more readable for machines and humans too.

2/3
Read 17 tweets
29 Sep
Best CSS animation libraries for Web Developers✨

thread🧵👇
1️⃣ animate - This is a cross-browser library of CSS animations.

It’s extremely easy to use and helps you create beautiful CSS animations for web projects.

animate.style
2️⃣ Hover - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on

ianlunn.github.io/Hover/
Read 7 tweets
28 Aug
Are You a Frontend Developer?

Or want to boost your frontend skills?

Here are 6 awesome websites to boost your Frontend skills.

Thread 🧵
1. frontendmentor - Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional designs. one of the best website to get inspiration for your next projoct.

frontendmentor.io
2. codewell - Improve your HTML and CSS skills by practicing on real design templates.

codewell.cc
Read 9 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 Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(