DEV is a free social networking platform for developers. This document describes the components of DEV's user interface (UI) for new members to reference.
On the DEV homepage, after logging on to your account, you'll see:
- A sidebar
- The social feed
- The Active discussions pane
- The Create Post button
The sidebar serves as DEV's navigation system.
The following table describes the menu items available in the sidebar.
| Menu Item | Description |
|---|---|
| 🏡 Home | Navigates you to DEV's homepage. |
| 🗃 Reading List | Navigates you to your bookmarked DEV posts. |
| 🎙 Podcasts | Navigates you to DEV's Podcasts page, where you can discover tech-related podcasts. |
| 🎥 Video | Navigates you to the DEV Community on Video page, where you can peruse and watch videos posted on DEV. |
| 🏷 Tags | Navigates you to the Top Tags page that lists and defines popular DEV tags to follow. |
| 💡 FAQ | Navigates you to the Frequently Asked Questions page, where you can find answers to questions you may have. |
| 🛍 Forem Shop | Navigates you to the Forem store. |
| ❤️ Sponsors | Navigates you to the Sponsorship Options page, where you can learn about DEV's current sponsors, how you can become a sponsor, and access the Sponsorship Interest Form. |
| About | Navigates you to the About DEV page, where you can learn more about DEV. |
| Contact | Navigates you to the Contacts page, where you can find DEV's contact information. |
The Other is a subsection within the sidebar.
The following table describes the available menu items in the Other subsection.
| Menu Item | Description |
|---|---|
| 👍 Code of Conduct | Navigates you to DEV's Code of Conduct page, where you can learn about DEV's rules and proper practices. |
| 🤓 Privacy Policy | Navigates you to DEV's Privacy Policy page, where you can learn about how DEV collects, safeguards, and manages your information. |
| 👀 Terms of Use | Navigates you to DEV's Web Site Terms and Conditions of Use page that discloses the rules, conditions, limitations, and other details that community members must agree to when using the website. |
Social icons are included in the sidebar that links to DEV's social media accounts, which include the following:
- GitHub
- Twitch
The My Tags is a subsection in the sidebar that lists tags you currently follow.
Adjacent to the My Tags title, you can click the Customize tag priority button to change the order of your tags.
The social feed shows DEV posts. You can filter DEV posts by selecting:
- Relevant
- Latest
- Top
The following table describes the available DEV filters for filtering social feeds.
| Filter | Description |
|---|---|
| Relevant | Shows only DEV posts with tags you follow. |
| Latest | Shows only latest DEV posts. |
| Top | Shows only popular and trending DEV posts. |
The Active discussions pane shows blog posts on trending topics.
The Create Post button allows you to create and publish a new DEV post. After you click the button, the Create Post editor opens.
The following table describes the different components available in the editor.
| Component | Description |
|---|---|
| Add a cover image | Lets you upload a cover picture for your DEV post. |
| Add up to 4 tags... | Lets you add up to four tags relevant to your DEV post. Upon clicking, it automatically provides a dropdown showing suggestions of trending tags, or you can create a new tag. |
| Toolbar | Provides editing tools for creating your content, such as bolding and italicizing text, using ordered or unordered lists, creating headings, calling out quotes, displaying code, using code blocks, and adding images. |
| ⋮ (vertically aligned ellipsis) | Lets you view and use more editing tools, including underlining and strikethrough text, a line divider, and a button to view DEV's editor guide. |
| Write your post content here... | Lets you type and create the content of your post in Markdown. |
| Publish | Lets you publish your DEV post for public viewing. |
| Save draft | Lets you save your DEV post as a draft, allowing you to revisit your unpublished post later. |
| Post options | Lets you change the canonical URL, and if your post is or will be a part of a series, you can create a unique name for the series. |
| Edit | Lets you edit your DEV post after it's published or saved as a draft. |
| Preview | Lets you see how your DEV post will render. |