😁12 things you didn't know you could do with DEV
Tags: writing, tutorial, beginners, howtodevto
Published: 2024-01-30 19:05:28

As a developer, I'm always looking for those little details because, well, the details matter. 

We're all part of one big community here on DEV, and in this post, I'm excited to share some unexpected features and tricks that you might not be aware of on this platform.

Let me take you through 12 surprising things you can do on DEV, from creating custom buttons to creating your comment templates!

Please comment and let me know which point surprised you the most.

---

## 1. Filter posts using tags.

With the constant intake of posts in our feeds, having some control and filters is essential. One way is to filter posts by using tags. 

For instance, to view posts with the `#discuss` tag, simply navigate to [dev.to/t/discuss](https://dev.to/t/discuss).

Likewise, if you want posts with the tag `#softwaredevelopment`, head over to [dev.to/t/softwaredevelopment](https://dev.to/t/softwaredevelopment).

As a general rule, you can use this.
```
https://dev.to/t/paste_your_tag_without_spaces
```

You can paste the above URL with your tag to see the top posts in that relevant category.

![discuss direct page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xez2qykasum194xa3t6z.png)

You can discover tag moderators responsible for handling that particular tag. 
In case you're wondering, tag moderators are responsible for maintaining the relevance of the tags with the post.

You can check the tags you're following at [dev.to/dashboard/following_tags](https://dev.to/dashboard/following_tags).

A comprehensive list of all tags is available at [dev.to/tags](https://dev.to/tags).

---

## 2. Handy resources based on official tags.

It might be related to the first one, but it's not true for every tag.

Certain tags provide handy official resources, such as documentation for `tailwindcss` or helpful guides for `nextjs`. These resources can be valuable, especially if you're new to a particular tag.

![docs](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lnik2l3b2x5bp649qkoz.png)

For instance, the `nextjs` tag has decent resources :)

![resources](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p7oqgn0muzzk8o9egf55.png)

These "little details" make the DEV platform more user-friendly and informative.

---

## 3. RSS Feed.

Explaining RSS feed to a 5-year-old:

> Imagine you have a favorite cartoon show, and every time there's a new episode, your magical TV shows it to you. The RSS feed is like that magic messenger for websites. It tells your computer when there's something new on your favorite website, so you can see it without having to check all the time. It's like a friendly notification that says, "Hey, something interesting happened on the website you like!".

It's like having a personalized news feed with content from multiple sources.

- Check your DEV RSS feed using: `dev.to/feed/your_username`

- Check [Chrome extension](https://chromewebstore.google.com/detail/get-rss-feed-url/kfghpdldaipanmkhfpdcjglncmilendn) that I use to find RSS Feed URLs.

Learn more about how drafts are created from your feed at DEV in this [guide](https://dev.to/p/publishing_from_rss_guide).

&nbsp;

Head to [dev.to/settings/extensions](https://dev.to/settings/extensions) to paste your RSS Feed URL and integrate it with your DEV profile.

Suppose you have your own blog, and whenever you publish a blog to your website -> dev will fetch that blog as a draft post which you can publish from the dashboard.

![paste your rss feed url in dev settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ca9lfcew9a524hcjq3dd.png)

&nbsp;

### What is a Canonical URL?

Imagine you have a webpage, and there are a few copies or variations of it. (Your personal blog + DEV blog)
A canonical URL is like tagging the main one as the boss—the original source. 
It helps search engines know which version is the most important or preferred, preventing confusion and improving your webpage's search engine ranking.

Understanding canonical URLs is crucial when re-publishing content to maintain clarity for search engines.

---

## 4. Crazy Badges for Lots of Innovative Things.

DEV awards several badges weekly based on the technologies featured in articles. From tech stack badges to quirky ones like the "Beloved Comment" badge, each badge holds its own charm.

For example, if you write an article with React and are considered a top author of the week, you will be awarded the React badge.

![tech stack](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7valy0cbn7wouq0b1o3c.png)

I can't help but share my excitement about some adorable badges I've seen.

![icebreaker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rd4gcyakplp2p6jc34am.png)

I know a couple of guys who have this beloved badge. 
If you know, comment down!

![beloved comment](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0o6tl1cd8yrvkirvzsfw.png)

![badge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/py0vn9hfgmy4xfcv5e8n.png)

![badge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2stxb69m95gc64ce94wo.png)

Who has this one? LOL! Worth a party.

![special badge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ouklp3ttg8i6dl8ctrsb.png)

I have this one but didn't win any game 🤣

![game time](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0rn4x22j94wgsb5sg3s8.png)

The Top 7 Author Badge, often regarded as the most prestigious, is my personal favorite. Earning this badge is truly an honor in its own right. 

![top author](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rcw2pzgwypm555lff2dn.png)

I can't list them all; otherwise, people will get angry. LOL!

Explore the complete list of badges at [dev.to/badges](https://dev.to/badges). 

---

## 5. Software comparisons.

Comparing Software is not a new trend. We do it all the time.

So, the DEV Team made a list of top posts that the community has created. These are the posts folks have generally continued coming back to over and over again.

The list has around 350+ software companies. Must check!

- [dev.to/software-comparisons](https://dev.to/software-comparisons) - software comparisons

![software comparisons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mblkz3u3rnogkpivsgjr.png)

---

## 6. Adding a caption to your image.

In DEV posts, you can add captions to your images that provide context or additional information to complement the image shown. 
It's an interesting way to navigate within the image.

Here's how you can do it.

You have to use the `<figcaption>` tag after the image.

For instance, see the image below along with it syntax.

![GitHub Profile with username Anmol Baranwal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2klya81kv58vcr94yqks.png)
<figcaption> GitHub Profile of Anmol Baranwal </figcaption>

&nbsp;

```
![GitHub Profile with username Anmol-Baranwal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2klya81kv58vcr94yqks.png)
<figcaption> GitHub Profile of Anmol-Baranwal </figcaption>

```

---

## 7. Subscribe to comments.

Typically, as the author of a post, you're automatically subscribed to all comments.

This means you'll receive notifications for every comment on that post.

However, what's interesting is that you can also subscribe to comments on other posts. I recommend doing this, especially for posts with a `#discuss` tag, as it exposes you to various perspectives, leading to valuable learning experiences in the end.

- Notifications of `top-level comments` is a handy one.

![subscribe to comments](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6uiol91dzwo41gw8mwzf.png)

---

## 8. Embed & Line break.

Most of the people would already know this. 
But for those who don't, you can embed any video so that you can play the video rather than pasting a link.

It allows viewers to watch the video directly without visiting another site.

```
{% embed paste_url_here %}
```

For example, embedding my DEV profile will look like this.

{% embed https://dev.to/anmolbaranwal %}

Some might not be aware of creating line breaks using `&nbsp;`. 
This simple technique improves the readability of your posts.

For example, This first sentence can be separated from the next content using `&nbsp;`.

&nbsp;

The second sentence is separated by a line break. 

---

## 9. A call-to-action button.


This is the coolest!
Did you know you can make a personalized button with a description? So exciting!
It's a handy way to grab attention and enhance engagement, and it's super easy to implement.

For instance, let's create a CTA for my GitHub profile:

{% cta https://github.com/Anmol-Baranwal %} 🚀 Visit My GitHub Profile {% endcta %}

&nbsp;

You can use the below syntax for creating that button:
```
{% cta https://github.com/Anmol-Baranwal %} 🚀 Visit My GitHub Profile {% endcta %}
```

This personalized touch can add a whole new dimension to your posts.

The syntax uses [liquid tags](https://github.com/Shopify/liquid) created by Shopify.

---

## 10. Complete Editor Guide.

Here's a hidden gem that even top authors might not be aware of.

The DEV team has made a comprehensive editor guide covering almost every aspect of using the editor. It's a one-stop resource for answering questions like:

- How to add a caption to your image
- Supported URL embeds
- How to add comments (author notes) which won't show up in the content
- Markdown basics + recommended cover image size (1000 * 420)
- They have even covered accessibility and much more.

Read the complete guide at [dev.to/p/editor_guide](https://dev.to/p/editor_guide).

Big kudos to the DEV team for creating such a handy guide! Do follow the official DEV team and join the fun :)

{% embed https://dev.to/devteam %}

---

## 11. Comment Templates.

Another nifty feature that DEV offers is the ability to save comment templates. Whether it's for introducing yourself or sharing your social media URLs, these templates can save you time and add consistency to your interactions.
It may be small, but it packs a punch!

It closely mirrors a functionality commonly found on GitHub.

![GitHub](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2dqbw39cdchi56atqnd1.png)

&nbsp;

Let's see how it works.

To set up your comment templates, visit [dev.to/settings/response-templates](https://dev.to/settings/response-templates)

![templates for comments on DEV settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3vble5ghyx9i0urv929g.png)

&nbsp;

You can easily add new templates with short titles for quick reference.

![add a new template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7lwfn9lq5zr2qwxqg24.png)

&nbsp;

When you're in the comments section of a post, click the three dots on the bottom right -> then the bookmark symbol. You'll find a list of templates that you can directly use.

![insert comment templates](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8m8g8q72po3vhmy7n4ik.png)

Trusted users even get a predefined list of templates for extra ease.

![predefined list of comment templates as a trusted user](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8zrekwoyiftsdg567m0b.png)

---

## 12. Podcasts? Videos? And the power of Hidden tags.

Did you know you could upload videos for your posts on DEV?

![upload video draft post](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2i3qcgje263mcyihvg9.png)

You can find the option to upload the video in the left bottom corner at [dev.to/dashboard](https://dev.to/dashboard)

![dev upload in dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/khabbv85ptmnkuvartfq.png)

It's a fantastic way to improve your post. Discover these video posts at [dev.to/videos](https://dev.to/videos).

DEV also hosts a section dedicated to podcasts. You can even submit your own podcast for review and explore various others at [dev.to/pod](https://dev.to/pod).

> Hidden Tags for Personalized Feeds

Hidden tags are a way to provide you with more control over what you see and a means of hiding content from your feed that you don't want to see.

![You can hide tags over on the tags page - use the search to find a specific tag you want to hide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ypwlmwzt2wi6o80j8syo.png)
<figcaption> You can hide tags over on the tags page - use the search to find a specific tag you want to hide </figcaption>

&nbsp;


![You can also hide tags over on the "Following tags" section of your dashboard - press the three dots to access the hide option](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3lia6wh3w3f7by8k3ih6.png)
<figcaption> You can also hide tags over on the "Following tags" section of your dashboard - press the three dots to access the hide option </figcaption>

&nbsp;

- You can find hidden tags at [dev.to/dashboard/hidden_tags](https://dev.to/dashboard/hidden_tags).

![You can see which tags you've hidden on your dashboard and unhide them](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/if2z1yl7ezb3w2qkdsjk.png)

<figcaption> You can see which tags you've hidden on your dashboard and unhide them </figcaption>

&nbsp;

This feature ensures a more personalized and enjoyable browsing experience on DEV.

I'm not covering APIs since it would make the post very long.
However, if you're interested, you can explore more about [Forem APIs](https://developers.forem.com/api/v1).

---

## Bonus

I know, I know!
I promised 12 things, but here's a little extra on "How you can earn money whenever someone reads your blog!"

Explore the concept of Web Monetization in this insightful [blog post](https://dev.to/hacksultan/web-monetization-like-i-m-5-1418). It's an awesome guide that explains everything you need to know.

You can also read more on how to become a [DEV Mod](https://dev.to/community-moderation) and collaborate with fellow community members.

---

I don't know about you, but I'm extra excited, and there might be more treasures that the `DEV` Team is hiding. LOL!

I hope you learned something new today. 

I love the DEV community as it is an excellent place for encountering great content of all kinds: lively discussion posts, in-depth tutorials, library updates, career advice, and a lot more. 

> If you are keen on sponsoring this post, shoot me a message at anmolbaranwal119@gmail.com or hit me up on Twitter! 🚀

If you enjoy my content, please support me by following me on my GitHub & Twitter.

- [GitHub](https://github.com/Anmol-Baranwal) - Keep building!
- [Twitter](https://twitter.com/Anmol_Codes)
- [LinkedIn](https://www.linkedin.com/in/Anmol-Baranwal/)

{% embed https://dev.to/anmolbaranwal %}

Write more, inspire more.

![Ending GIF waving goodbye](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ylsck6b9c7ei6makpqd.gif)