DEV Community

Cover image for Essential Writing Tips in dev.to community πŸ‘©πŸΌβ€πŸ’»
ishrat
ishrat

Posted on

Essential Writing Tips in dev.to community πŸ‘©πŸΌβ€πŸ’»

Here are some essential writing tips and tricks for developer community members who are writing articles. πŸ‘©πŸΌβ€πŸ’»


✏️ Write the article

This is where you create your little, basic article.

It doesn't have to be very long; it is your first one, and probably nobody will read it, even if it is good, just because so few people know you can write a good article. Try to make one article every 2 days, and you will see the difference.

Think like you're writing some notes for yourself in the future.

βœ… Reread the article!

When you write an article, you may feel eager to share it with the world and become too lazy to proofread it.
However, I strongly advise you to take the time to do it anyway. You might be surprised by how many errors you catch.


πŸŒ‡ Chose an eyecatching cover picture that is relevant to the content

The content could be the best, but it is important to choose a good image; you can use, for example:

unsplash


πŸŽ₯ Embed a YouTube video

To embed a YouTube video,
First, go to the YouTube video you'd like to embed and have a look at the URL; it should look something like this:

https://www.youtube.com/watch?v=wXY0oSBVNgk&t=605s
Enter fullscreen mode Exit fullscreen mode

Right after the v= part, you should find your video ID, so for example, in the following case, wXY0oSBVNgk would be our ID:

Now, create a new post on dev.to and add the following liquid tag:

{% youtube <your-video-id> %}
Enter fullscreen mode Exit fullscreen mode

In our example, the code block should look like this:

{% youtube wXY0oSBVNgk %}
Enter fullscreen mode Exit fullscreen mode



When copying a URL, do not include other parts such as "&t=1s".


πŸ‘©πŸ»β€πŸ’» Embed the Codepen link

To embed the Codepen link for any specific pen just copy the URL and write like following:

{% codepen yourLink %}
Enter fullscreen mode Exit fullscreen mode

for example

{% codepen https://codepen.io/your-work %}
Enter fullscreen mode Exit fullscreen mode

🧷 Inline Anchor

You can use inline anchors with Markdown:

Chapter 1 This is chapter 1

Chapter 2 This is chapter 2

Chapter 3 This is chapter 3


πŸ“Œ Pin your Article to profile

Go to your articles(dashboard)>click MANAGE on the article you want to pin >The pin button appears on the next screen.

manage

pin


And finallyπŸ‘©πŸΌβ€πŸ’»

Let's learn from each other. If you have any other helpful hints, tips, or best practices for post authors, please share them below! We would love to hear about what you have discovered here on DEV and how you engage with your readers.

Please keep in mind that all posts must adhere to our Terms of Use and Code of Conduct. This entails using inclusive language, sharing only original work that you have the right to share (with due credit to any other original work you may reference), and avoiding posting solely for the purpose of generating backlinks or traffic to an external site.

Top comments (0)