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.
Likewise, if you want posts with the tag #softwaredevelopment, head over to 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.
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.
A comprehensive list of all tags is available at 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.
For instance, the nextjs tag has decent resources :)
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_usernameCheck Chrome extension that I use to find RSS Feed URLs.
Learn more about how drafts are created from your feed at DEV in this guide.
Β
Head to 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.
Β
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.
I can't help but share my excitement about some adorable badges I've seen.
I know a couple of guys who have this beloved badge.
If you know, comment down!
Who has this one? LOL! Worth a party.
I have this one but didn't win any game π€£
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.
I can't list them all; otherwise, people will get angry. LOL!
Explore the complete list of badges at 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 - software comparisons
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.
Β
<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 commentsis a handy one.
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.
Some might not be aware of creating line breaks using .
This simple technique improves the readability of your posts.
For example, This first sentence can be separated from the next content using .
Β
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:
Β
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 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.
Big kudos to the DEV team for creating such a handy guide! Do follow the official DEV team and join the fun :)
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.
Β
Let's see how it works.
To set up your comment templates, visit dev.to/settings/response-templates
Β
You can easily add new templates with short titles for quick reference.
Β
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.
Trusted users even get a predefined list of templates for extra ease.
12. Podcasts? Videos? And the power of Hidden tags.
Did you know you could upload videos for your posts on DEV?
You can find the option to upload the video in the left bottom corner at dev.to/dashboard
It's a fantastic way to improve your post. Discover these video posts at 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.
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 find hidden tags at dev.to/dashboard/hidden_tags.
Β
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.
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. It's an awesome guide that explains everything you need to know.
You can also read more on how to become a DEV Mod 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.
Write more, inspire more.
Top comments (38)
As an author, I've wanted to share this for a long time.
I believe people need to have fun, go deep, and find these small details about DEV.
Telling you the truth, I began my writing journey on DEV and never wrote on Hashnode or Medium before DEV. I'm not a fan of Medium because of the paywall, and Hashnode seems challenging for beginners.
I only want people to read my content and enjoy it.
See you later. Hope you like it!
I didn't know about the Software Comparisons page or the CTA tag! How did you find out about them?
Yeah CTA isn't mentionned on comments sections with buttons or documentation.
But one post about that, a post from the DEV Team - @michaeltharrington
Lesser Known Features of DEV β Embedding Call To Action (CTA) Buttons
Michael Tharrington for The DEV Team γ» May 25 '23
Oooo yeah, thanks for bringing this one up, Thomas. And that makes me realize that I need to make this series a bit easier to access!
I struggled a bit to make it work since I wasn't very familiar with liquid tags.
Thanks for sharing the post! :D
LOL! I blackmailed the DEV Team. Just kidding!
As I mentioned, I explore in-depth. It's a habit as a developer.
I didn't share some generic things since it's not that useful. There is a whole lot more!
Wouaw! Thanks for this great list! I have been using dev.to lately and some of these stuff will come handy
Thanks so much for commenting! I'm really glad this was helpful :)
Something I also wonder: is there a way to have a default footer for all blog posts ? Or to save a snippet of text and re-use ?
As far as I know, I don't think there is.
Usually, I copy-paste it from the last blog.
If you want, I can ask in the DEV discord community, and if they like it, the team might consider it.
Having snippets would be great!
Thanks ! That would be great !
You mean like a signature on an email or an old-style forum?
I think it's probably not a good idea; people are generally negative towards signatures because in those old enviroments they tended to fill up your feed with repetetive fluff. That shouldn't happen on DEV since you only read one post at a time and the feed only contains a snippet, but generally speaking I think signatures have baggage. They might also feel like too much self-promotion, especially if you see the same ones again and again.
There's nothing stopping you pasting the same content into multiple posts yourself, of course, but I think they'd mostly get used for "follow me on $platform" and "buy me an lemonade shandy" links, and we already have the ability to set social media links against your profile. Perhaps a solution which covers that would be a new feature to allow users to set which links/buttons appear in the little popover you see when you hover over their name?
If you've used GitHub, you would know how they provide templates for basic things. You can use a slash (/) to create a table with different rows and columns, and then you can customize it.
In DEV, I have to rewrite the structure, which can be frustrating. So, having some small snippets could be useful. For instance, the snippet to create a
line break within bullet points.Thanks for taking the time to write such a complete response.
I understand the rational : itβs mostly used for linking to other social mediaβs but also suggesting the user to comment/like, etc. I have been copy/pasting the text and it looks like a lot of bloggers here do it too. So maybe itβs worth adding ? If not, the popover would be great indeed !!!
I LOVE this. Also (if no one has already shared) we have a new badge page that is more organized and helps ya see which badges you can earn now in our community vs. which ones are our past badges vs. language specific badges!
Here's that link for ya: dev.to/community-badges
DEV is full of surprises! π
And here I thought there wouldn't be anything new.
I can't believe how many things are there that I don't know about on DEV. LOL!
Thanks a bunch for sharing this :D
I would have included it in the post if I had known this earlier.
Wow thank you for this info! Supaaa handy. π
Thanks so much!
Even I wasn't aware of a few things, especially that button.
After your post I discovered this link: This one π€
Also have nice suggestions.
DEV Community Caption Contest - wait, what contest? :D
I answered some "Caption This!" posts with, what I thought, were cracking captions, but gave up since there isn't much action over there.
Thanks for the list! Finally a useful listicle.
As I said, DEV team is trying to hide lots of things π€£
I need that badge even though I can't crack good jokes. LOL!
I'm really happy that you found this article useful. :D
I joined DEV today and had previously not used any writing platforms such as Medium or Hashnode. This post has really helped me get started.
Woah!
Welcome to the community :D
I'm glad it was helpful.
If you have any more questions, feel free to let me know, I'll be happy to help you anytime :)
Sure! Want to start for real but not getting motivation. Can you let me know more about the content type people usually share on DEV.
You can check out the Top 7 Posts of the last week. As you can see, the content is very different from each author.
While people typically share technical content, you can share whatever you like.
Whether it's tutorials, tips, career advice, technical content, real-life experiences, to lively discussions. It depends on you where you can provide the maximum value :)
Starting is the main thing, just do it and eventually you will learn and grow by improving through feedback and structure.
I'd love to read it!
Thank you so much. Will be posting soon!
Awesome. Just awesome.
You demonstrated all capacities of Forem/DEV, showed the part of Web Monetization and the POWER of RSS feeds. β¨π
I wasn't going to include it since Coil discontinued their services. π€£
But there are more payment providers, so I thought it was worth adding.
RSS feeds want some "feed"-back humor!
It is actually a handy feature, and can save a lot of trouble.
I didn't know some of these, thank you for sharing.
when I got to the point that tags are a very important part, my life changed for the better
Yeah! Tags are indeed important because everyone has their own set of reading preferences.
DEV actually helps in that, and we can discover content that aligns with our interests more easily.
Great post, thanks.
Some comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more