Tags - DEV Community

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Tags - DEV Community</title> <meta name="last-updated" content="2025-04-06 00:28:57 UTC"> <meta name="user-signed-in" content="false"> <meta name="head-cached-at" content="1743899337"> <meta name="environment" content="production"> <link rel="stylesheet" href="https://assets.dev.to/assets/minimal-6f5c5ed9c571b36ab9c316526d7032b5a4c789f3a4c35503492eb03376615fca.css" media="all" id="main-minimal-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/views-1c703342dce6eac414f19ca7fd07bcf83cbe44088659758144e52e7fa1e92dd3.css" media="all" id="main-views-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/crayons-0f2fc85bc159498f8ae6fba58c460e6deba863d02d59dfa994c1954976ddb6cc.css" media="all" id="main-crayons-stylesheet" /> <script src="https://assets.dev.to/assets/base-b8bdff515245fe895f3035d77697afb35d5d7e114bdf68291667479d4b289751.js" defer="defer"></script> <script src="https://assets.dev.to/assets/application-7258612fccf5d56314a6e4ad1898b4f818f474c4bb3485e302428d489a769a17.js" defer="defer"></script> <script src="https://assets.dev.to/assets/baseInitializers-b74902d56433062a87f5f1ce74769baf2a1a698772f46952b0ac72bc95c4abfd.js" defer="defer"></script> <script src="https://assets.dev.to/assets/baseTracking-b6bf73e5ee66633e151e7d5b7c6bbccedfa4c59e3615be97b98c4c0f543ddae7.js" defer="defer"></script> <meta name="search-script" content="https://assets.dev.to/assets/Search-7dcdad3172ab4501a4598fe8b716c7a88146e79fd42256d36fb1b83e27bf77cf.js"> <link rel="canonical" href="https://dev.to/tags" /> <meta name="description" content="Tags to follow on DEV Community"> <meta name="keywords" content="software development, engineering, rails, javascript, ruby"> <meta property="og:type" content="article" /> <meta property="og:url" content="https://dev.to/tags" /> <meta property="og:title" content="Tags to follow on DEV Community" /> <meta property="og:image" content="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3otvb2z646ytpt1hl2rv.jpg" /> <meta property="og:description" content="DEV Community is great!" /> <meta property="og:site_name" content="DEV Community" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@thepracticaldev"> <meta name="twitter:title" content="Tags to follow on DEV Community"> <meta name="twitter:description" content="DEV Community is great!"> <meta name="twitter:image:src" content="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3otvb2z646ytpt1hl2rv.jpg"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <link rel="icon" type="image/x-icon" href="https://media2.dev.to/dynamic/image/width=32,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" /> <link rel="apple-touch-icon" href="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://media2.dev.to/dynamic/image/width=152,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://media2.dev.to/dynamic/image/width=167,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png"> <link href="https://media2.dev.to/dynamic/image/width=192,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" rel="icon" sizes="192x192" /> <link href="https://media2.dev.to/dynamic/image/width=128,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" rel="icon" sizes="128x128" /> <meta name="apple-mobile-web-app-title" content="dev.to"> <meta name="application-name" content="dev.to"> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)"> <link rel="search" href="https://dev.to/open-search.xml" type="application/opensearchdescription+xml" title="DEV Community" /> <meta property="forem:name" content="DEV Community" /> <meta property="forem:logo" content="https://media2.dev.to/dynamic/image/width=512,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" /> <meta property="forem:domain" content="dev.to" /> </head> <body class="sans-serif-article-body default-header" data-user-status="logged-out" data-community-name="DEV Community" data-subscription-icon="https://assets.dev.to/assets/subscription-icon-805dfa7ac7dd660f07ed8d654877270825b07a92a03841aa99a1093bd00431b2.png" data-locale="en" data-honeybadger-key="hbp_nqu4Y66HuEKlD6YRGssZuRQnPOjDm50J8Zkr" data-deployed-at="2025-04-04T21:14:30Z" data-latest-commit-id="80dddae49850f88ae36ea53ef7b4cd07bd8b133e" data-ga-tracking="UA-71991109-1" data-cookie-banner-user-context="logged_out_only" data-cookie-banner-platform-context="off" data-algolia-id="PRSOBFP46H" data-algolia-search-key="9aa7d31610cba78851c9b1f63776a9dd" data-algolia-display="true" data-dynamic-url-component="bmar11" data-ga4-tracking-id="G-TYEM8Y3JN3"> <script> if (navigator.userAgent === 'ForemWebView/1' || window.frameElement) { document.body.classList.add("hidden-shell"); } </script> <link rel="stylesheet" href="https://assets.dev.to/assets/minimal-6f5c5ed9c571b36ab9c316526d7032b5a4c789f3a4c35503492eb03376615fca.css" media="all" id="secondary-minimal-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/views-1c703342dce6eac414f19ca7fd07bcf83cbe44088659758144e52e7fa1e92dd3.css" media="all" id="secondary-views-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/crayons-0f2fc85bc159498f8ae6fba58c460e6deba863d02d59dfa994c1954976ddb6cc.css" media="all" id="secondary-crayons-stylesheet" /> <div id="body-styles"> <style> :root { --accent-brand-lighter-rgb: 80, 99, 301; --accent-brand-rgb: 59, 73, 223; --accent-brand-darker-rgb: 47, 58, 178; } </style> </div> <div id="audiocontent" data-podcast=""> </div> <div class="navigation-progress" id="navigation-progress"></div> <header id="topbar" class="crayons-header topbar print-hidden"> <span id="route-change-target" tabindex="-1"></span> <a href="#main-content" class="skip-content-link">Skip to content</a> <div class="crayons-header__container"> <span class="inline-block m:hidden "> <button class="c-btn c-btn--icon-alone js-hamburger-trigger mx-2"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="ag0ve2m5pjcn8wdn1j37nr0mx4cfcqm7" class="crayons-icon"><title id="ag0ve2m5pjcn8wdn1j37nr0mx4cfcqm7">Navigation menu</title> <path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"></path> </svg> </button> </span> <a href="/" class="site-logo" aria-label="DEV Community Home"> <img class="site-logo__img" src="https://media2.dev.to/dynamic/image/quality=100/https://dev-to-uploads.s3.amazonaws.com/uploads/logos/resized_logo_UQww2soKuUsjaOGNB38o.png" style="aspect-ratio: 10 / 8" alt="DEV Community"> </a> <div class="crayons-header--search js-search-form" id="header-search"> <form accept-charset="UTF-8" method="get" action="/search" role="search"> <div class="crayons-fields crayons-fields--horizontal"> <div class="crayons-field flex-1 relative"> <input id="search-input" class="crayons-header--search-input crayons-textfield js-search-input" type="text" id="nav-search" name="q" placeholder="Search..." autocomplete="off" /> <button type="submit" aria-label="Search" class="c-btn c-btn--icon-alone absolute inset-px right-auto mt-0 py-0"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="ahxgncrhlk92w3gjus2f4zbw43nn6hub" aria-hidden="true" class="crayons-icon"><title id="ahxgncrhlk92w3gjus2f4zbw43nn6hub">Search</title> <path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"></path> </svg> </button> <a class="crayons-header--search-brand-indicator" href="https://www.algolia.com/developers/?utm_source=devto&utm_medium=referral" target="_blank" rel="noopener noreferrer"> Powered by <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" width="24" height="24" viewBox="0 0 500 500.34" role="img" aria-labelledby="a6utmkm1domehca7qc63irq5wg43znoo" aria-hidden="true" class="crayons-icon"><title id="a6utmkm1domehca7qc63irq5wg43znoo">Search</title> <defs></defs><path class="cls-1" d="M250,0C113.38,0,2,110.16,.03,246.32c-2,138.29,110.19,252.87,248.49,253.67,42.71,.25,83.85-10.2,120.38-30.05,3.56-1.93,4.11-6.83,1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5,10.85-53.21,16.39-81.76,16.04-111.75-1.37-202.04-94.35-200.26-206.1,1.76-110.33,92.06-199.55,202.8-199.55h202.83V407.68l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43,1.31-18.47,24.46-48.56,39.67-81.98,37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28,39.65-101.58,94.07-101.58,49.21,0,89.74,37.88,93.97,86.01,.38,4.28,2.31,8.28,5.53,11.13l29.97,26.57c3.4,3.01,8.8,1.17,9.63-3.3,2.16-11.55,2.92-23.6,2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23,58.18-150.37,137.35-2.09,77.15,61.12,143.66,138.28,145.36,32.21,.71,62.07-9.42,86.2-26.97l150.36,133.29c6.45,5.71,16.62,1.14,16.62-7.48V9.49C500,4.25,495.75,0,490.51,0H250Z"></path> </svg> Algolia </a> </div> </div> </form> </div> <div class="flex items-center h-100 ml-auto"> <div class="flex" id="authentication-top-nav-actions"> <span class="hidden m:block"> <a href="https://dev.to/enter" class="c-link c-link--block mr-2 whitespace-nowrap ml-auto" data-no-instant> Log in </a> </span> <a href="https://dev.to/enter?state=new-user" data-tracking-id="ca_top_nav" data-tracking-source="top_navbar" class="c-cta c-cta--branded whitespace-nowrap mr-2" data-no-instant> Create account </a> </div> </div> </div> </header> <div class="hamburger"> <div class="hamburger__content"> <header class="hamburger__content__header"> <h2 class="fs-l fw-bold flex-1 break-word lh-tight">DEV Community</h2> <button class="c-btn c-btn--icon-alone js-hamburger-trigger shrink-0" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="a5yrzbor3snok1029kfr47f9m0bu8i9r" aria-hidden="true" class="crayons-icon c-btn__icon"><title id="a5yrzbor3snok1029kfr47f9m0bu8i9r">Close</title><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"></path></svg> </button> </header> <div class="p-2 js-navigation-links-container" id="authentication-hamburger-actions"> </div> </div> <div class="hamburger__overlay js-hamburger-trigger"></div> </div> <div id="active-broadcast" class="broadcast-wrapper"></div> <div id="page-content" class="wrapper tags tags-index" data-current-page="tags-index"> <div id="page-content-inner" data-internal-nav="false"> <div id="page-route-change" class="screen-reader-only" aria-live="polite" aria-atomic="true"></div> <main id="main-content" class="crayons-layout crayons-layout--header-inside"> <header class="crayons-page-header"> <h1 class="crayons-title"> Tags </h1> <div class="tags-interaction-container flex flex-col m:flex-row"> <div class="tags-interaction-container__buttons"> <a class="crayons-btn crayons-btn--ghost" href="/dashboard/following_tags">Following tags</a> <a class="crayons-btn crayons-btn--ghost" href="/dashboard/hidden_tags">Hidden tags</a> </div> <form accept-charset="UTF-8" method="get" action="/tags" role="search"> <div class="crayons-fields crayons-fields--horizontal"> <div class="crayons-field flex-1 relative"> <input class="crayons-header--search-input crayons-textfield js-search-input" type="text" id="nav-search" aria-label="Tag search term" name="q" placeholder="Search for tag" autocomplete="off" /> <button type="submit" aria-label="Search tags" class="c-btn c-btn--icon-alone absolute inset-px left-auto mt-0 py-0"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="anfxwnchq05om6gsknxmhm659zpx005" aria-hidden="true" class="crayons-icon"><title id="anfxwnchq05om6gsknxmhm659zpx005">Search</title> <path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"></path> </svg> </button> </div> </div> </form> </div> </header> <div class="grid gap-3 m:gap-4 l:gap-4 m:grid-cols-2 l:grid-cols-4 px-3 m:px-0 pb-3" data-follow-button-container="true"> <div data-tag-id="8" data-tag-name="webdev" id="tag-8" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(86, 39, 101, 0.10); --tag-prefix: #562765; --tag-bg-hover: rgba(86, 39, 101, 0.10); --tag-prefix-hover: #562765; " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> </h4> <div class="fs-xs color-base-60">216,828 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Because the internet...</p> </div> <div id="tag-buttons-8" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: webdev"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: webdev"> Hide </button> </div> </div> </div> <div data-tag-id="33" data-tag-name="programming" id="tag-33" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(137, 6, 6, 0.10); --tag-prefix: #890606; --tag-bg-hover: rgba(137, 6, 6, 0.10); --tag-prefix-hover: #890606; " href="/t/programming"><span class="crayons-tag__prefix">#</span>programming</a> </h4> <div class="fs-xs color-base-60">136,677 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">The magic behind computers. 💻 🪄</p> </div> <div id="tag-buttons-33" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: programming"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: programming"> Hide </button> </div> </div> </div> <div data-tag-id="6" data-tag-name="javascript" id="tag-6" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(247, 223, 30, 0.10); --tag-prefix: #f7df1e; --tag-bg-hover: rgba(247, 223, 30, 0.10); --tag-prefix-hover: #f7df1e; " href="/t/javascript"><span class="crayons-tag__prefix">#</span>javascript</a> </h4> <div class="fs-xs color-base-60">194,673 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Once relegated to the browser as one of the 3 core technologies of the web, JavaScript can now be found almost anywhere you find code. JavaScript developers move fast and push software development forward; they can be as opinionated as the frameworks they use, so let's keep it clean here and make it a place to learn from each other!</p> </div> <div id="tag-buttons-6" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: javascript"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: javascript"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F16%2Fjs-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="555" data-tag-name="beginners" id="tag-555" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 131, 53, 0.10); --tag-prefix: #008335; --tag-bg-hover: rgba(0, 131, 53, 0.10); --tag-prefix-hover: #008335; " href="/t/beginners"><span class="crayons-tag__prefix">#</span>beginners</a> </h4> <div class="fs-xs color-base-60">139,694 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">"A journey of a thousand miles begins with a single step." -Chinese Proverb</p> </div> <div id="tag-buttons-555" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: beginners"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: beginners"> Hide </button> </div> </div> </div> <div data-tag-id="307" data-tag-name="ai" id="tag-307" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(23, 253, 26, 0.10); --tag-prefix: #17fd1a; --tag-bg-hover: rgba(23, 253, 26, 0.10); --tag-prefix-hover: #17fd1a; " href="/t/ai"><span class="crayons-tag__prefix">#</span>ai</a> </h4> <div class="fs-xs color-base-60">50,505 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Artificial intelligence leverages computers and machines to mimic the problem-solving and decision-making capabilities found in humans and in nature.</p> </div> <div id="tag-buttons-307" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: ai"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: ai"> Hide </button> </div> </div> </div> <div data-tag-id="297" data-tag-name="tutorial" id="tag-297" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(254, 255, 165, 0.10); --tag-prefix: #FEFFA5; --tag-bg-hover: rgba(254, 255, 165, 0.10); --tag-prefix-hover: #FEFFA5; " href="/t/tutorial"><span class="crayons-tag__prefix">#</span>tutorial</a> </h4> <div class="fs-xs color-base-60">89,410 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Tutorial is a general purpose tag. We welcome all types of tutorial - code related or not! It's all about learning, and using tutorials to teach others!</p> </div> <div id="tag-buttons-297" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: tutorial"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: tutorial"> Hide </button> </div> </div> </div> <div data-tag-id="125" data-tag-name="react" id="tag-125" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(34, 34, 34, 0.10); --tag-prefix: #222222; --tag-bg-hover: rgba(34, 34, 34, 0.10); --tag-prefix-hover: #222222; " href="/t/react"><span class="crayons-tag__prefix">#</span>react</a> </h4> <div class="fs-xs color-base-60">80,816 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Official tag for Facebook's React JavaScript library for building user interfaces</p> </div> <div id="tag-buttons-125" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: react"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: react"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F26%2Freact-sticker.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="25" data-tag-name="python" id="tag-25" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(30, 56, 187, 0.10); --tag-prefix: #1E38BB; --tag-bg-hover: rgba(30, 56, 187, 0.10); --tag-prefix-hover: #1E38BB; " href="/t/python"><span class="crayons-tag__prefix">#</span>python</a> </h4> <div class="fs-xs color-base-60">64,409 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">import antigravity</p> </div> <div id="tag-buttons-25" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: python"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: python"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F20%2F57795360-bec24f00-7713-11e9-9516-20f5f5d0f034.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="168" data-tag-name="devops" id="tag-168" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(6, 181, 0, 0.10); --tag-prefix: #06B500; --tag-bg-hover: rgba(6, 181, 0, 0.10); --tag-prefix-hover: #06B500; " href="/t/devops"><span class="crayons-tag__prefix">#</span>devops</a> </h4> <div class="fs-xs color-base-60">51,940 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Content centering around the shifting left of responsibility, deconstruction of responsibility silos, and the automation of repetitive work tasks.</p> </div> <div id="tag-buttons-168" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: devops"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: devops"> Hide </button> </div> </div> </div> <div data-tag-id="112" data-tag-name="productivity" id="tag-112" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(42, 7, 152, 0.10); --tag-prefix: #2A0798; --tag-bg-hover: rgba(42, 7, 152, 0.10); --tag-prefix-hover: #2A0798; " href="/t/productivity"><span class="crayons-tag__prefix">#</span>productivity</a> </h4> <div class="fs-xs color-base-60">52,375 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Productivity includes tips on how to use tools and software, process optimization, useful references, experience, and mindstate optimization.</p> </div> <div id="tag-buttons-112" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: productivity"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: productivity"> Hide </button> </div> </div> </div> <div data-tag-id="228" data-tag-name="opensource" id="tag-228" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(38, 190, 0, 0.10); --tag-prefix: #26BE00; --tag-bg-hover: rgba(38, 190, 0, 0.10); --tag-prefix-hover: #26BE00; " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a> </h4> <div class="fs-xs color-base-60">44,124 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">May The Source Be With You! Articles about Open Source and Free Software as a philosophy, and its application to software development and project management.</p> </div> <div id="tag-buttons-228" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: opensource"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: opensource"> Hide </button> </div> </div> </div> <div data-tag-id="715" data-tag-name="discuss" id="tag-715" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(113, 234, 139, 0.10); --tag-prefix: #71EA8B; --tag-bg-hover: rgba(113, 234, 139, 0.10); --tag-prefix-hover: #71EA8B; " href="/t/discuss"><span class="crayons-tag__prefix">#</span>discuss</a> </h4> <div class="fs-xs color-base-60">35,814 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Discussion threads targeting the whole community</p> </div> <div id="tag-buttons-715" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: discuss"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: discuss"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F235%2FDiscussion_BAdges-02.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="630" data-tag-name="career" id="tag-630" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(42, 37, 102, 0.10); --tag-prefix: #2A2566; --tag-bg-hover: rgba(42, 37, 102, 0.10); --tag-prefix-hover: #2A2566; " href="/t/career"><span class="crayons-tag__prefix">#</span>career</a> </h4> <div class="fs-xs color-base-60">40,314 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">This tag is for anything relating to careers! Job offers, workplace conflict, interviews, resumes, promotions, etc.</p> </div> <div id="tag-buttons-630" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: career"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: career"> Hide </button> </div> </div> </div> <div data-tag-id="397" data-tag-name="aws" id="tag-397" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(33, 43, 58, 0.10); --tag-prefix: #212b3a; --tag-bg-hover: rgba(33, 43, 58, 0.10); --tag-prefix-hover: #212b3a; " href="/t/aws"><span class="crayons-tag__prefix">#</span>aws</a> </h4> <div class="fs-xs color-base-60">41,716 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Amazon Web Services (AWS) is a collection of web services for computing, storage, machine learning, security, and more There are over 200+ AWS services as of 2023.</p> </div> <div id="tag-buttons-397" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: aws"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: aws"> Hide </button> </div> </div> </div> <div data-tag-id="44" data-tag-name="news" id="tag-44" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(17, 17, 17, 0.10); --tag-prefix: #111111; --tag-bg-hover: rgba(17, 17, 17, 0.10); --tag-prefix-hover: #111111; " href="/t/news"><span class="crayons-tag__prefix">#</span>news</a> </h4> <div class="fs-xs color-base-60">46,593 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Expect to see announcements of new and updated products, services, and features for languages & frameworks. You also will find high-level news relevant to the tech and software development industry covered here. </p> </div> <div id="tag-buttons-44" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: news"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: news"> Hide </button> </div> </div> </div> <div data-tag-id="262" data-tag-name="machinelearning" id="tag-262" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(229, 255, 227, 0.10); --tag-prefix: #E5FFE3; --tag-bg-hover: rgba(229, 255, 227, 0.10); --tag-prefix-hover: #E5FFE3; " href="/t/machinelearning"><span class="crayons-tag__prefix">#</span>machinelearning</a> </h4> <div class="fs-xs color-base-60">20,107 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A branch of artificial intelligence (AI) and computer science which focuses on the use of data and algorithms to imitate the way that humans learn, gradually improving its accuracy.</p> </div> <div id="tag-buttons-262" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: machinelearning"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: machinelearning"> Hide </button> </div> </div> </div> <div data-tag-id="104" data-tag-name="learning" id="tag-104" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(255, 102, 237, 0.10); --tag-prefix: #ff66ed; --tag-bg-hover: rgba(255, 102, 237, 0.10); --tag-prefix-hover: #ff66ed; " href="/t/learning"><span class="crayons-tag__prefix">#</span>learning</a> </h4> <div class="fs-xs color-base-60">21,516 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">“I have no special talent. I am only passionately curious.” - Albert Einstein</p> </div> <div id="tag-buttons-104" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: learning"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: learning"> Hide </button> </div> </div> </div> <div data-tag-id="15" data-tag-name="node" id="tag-15" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(61, 136, 54, 0.10); --tag-prefix: #3d8836; --tag-bg-hover: rgba(61, 136, 54, 0.10); --tag-prefix-hover: #3d8836; " href="/t/node"><span class="crayons-tag__prefix">#</span>node</a> </h4> <div class="fs-xs color-base-60">44,568 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A JavaScript runtime built on Chrome's V8 JavaScript engine.</p> </div> <div id="tag-buttons-15" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: node"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: node"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F23%2Fnode-sticker.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="465" data-tag-name="cloud" id="tag-465" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(255, 153, 0, 0.10); --tag-prefix: #FF9900; --tag-bg-hover: rgba(255, 153, 0, 0.10); --tag-prefix-hover: #FF9900; " href="/t/cloud"><span class="crayons-tag__prefix">#</span>cloud</a> </h4> <div class="fs-xs color-base-60">19,192 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">There is no cloud, only other peoples computers.</p> </div> <div id="tag-buttons-465" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: cloud"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: cloud"> Hide </button> </div> </div> </div> <div data-tag-id="24" data-tag-name="java" id="tag-24" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(126, 72, 16, 0.10); --tag-prefix: #7e4810; --tag-bg-hover: rgba(126, 72, 16, 0.10); --tag-prefix-hover: #7e4810; " href="/t/java"><span class="crayons-tag__prefix">#</span>java</a> </h4> <div class="fs-xs color-base-60">28,283 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">More than just a cup of coffee, Java is a high-level, class-based, object-oriented programming language that is designed to have as few implementation dependencies as possible.</p> </div> <div id="tag-buttons-24" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: java"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: java"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F19%2F57803385-45802780-7726-11e9-84d9-2e4c4ca8bcdb.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="154" data-tag-name="api" id="tag-154" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(151, 37, 234, 0.10); --tag-prefix: #9725ea; --tag-bg-hover: rgba(151, 37, 234, 0.10); --tag-prefix-hover: #9725ea; " href="/t/api"><span class="crayons-tag__prefix">#</span>api</a> </h4> <div class="fs-xs color-base-60">17,615 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Application Programming Interface</p> </div> <div id="tag-buttons-154" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: api"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: api"> Hide </button> </div> </div> </div> <div data-tag-id="169" data-tag-name="typescript" id="tag-169" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(35, 74, 132, 0.10); --tag-prefix: #234A84; --tag-bg-hover: rgba(35, 74, 132, 0.10); --tag-prefix-hover: #234A84; " href="/t/typescript"><span class="crayons-tag__prefix">#</span>typescript</a> </h4> <div class="fs-xs color-base-60">35,492 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Optional static type-checking for JavaScript.</p> </div> <div id="tag-buttons-169" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: typescript"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: typescript"> Hide </button> </div> </div> </div> <div data-tag-id="844" data-tag-name="datascience" id="tag-844" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 153, 153, 0.10); --tag-prefix: #009999; --tag-bg-hover: rgba(0, 153, 153, 0.10); --tag-prefix-hover: #009999; " href="/t/datascience"><span class="crayons-tag__prefix">#</span>datascience</a> </h4> <div class="fs-xs color-base-60">16,194 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Data Science allows us to extract meaning from and interpret data. </p> </div> <div id="tag-buttons-844" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: datascience"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: datascience"> Hide </button> </div> </div> </div> <div data-tag-id="23" data-tag-name="css" id="tag-23" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(41, 101, 241, 0.10); --tag-prefix: #2965F1; --tag-bg-hover: rgba(41, 101, 241, 0.10); --tag-prefix-hover: #2965F1; " href="/t/css"><span class="crayons-tag__prefix">#</span>css</a> </h4> <div class="fs-xs color-base-60">41,334 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Cascading Style Sheets (CSS) is a simple language for adding style (e.g., fonts, colors, spacing) to HTML documents. It describes how HTML elements should be displayed.</p> </div> <div id="tag-buttons-23" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: css"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: css"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F18%2F57795357-be29b880-7713-11e9-9748-b08c782b58d7.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="203" data-tag-name="testing" id="tag-203" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(1, 155, 101, 0.10); --tag-prefix: #019b65; --tag-bg-hover: rgba(1, 155, 101, 0.10); --tag-prefix-hover: #019b65; " href="/t/testing"><span class="crayons-tag__prefix">#</span>testing</a> </h4> <div class="fs-xs color-base-60">20,221 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Find those bugs before your users do! 🐛</p> </div> <div id="tag-buttons-203" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: testing"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: testing"> Hide </button> </div> </div> </div> <div data-tag-id="56" data-tag-name="security" id="tag-56" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(27, 172, 128, 0.10); --tag-prefix: #1bac80; --tag-bg-hover: rgba(27, 172, 128, 0.10); --tag-prefix-hover: #1bac80; " href="/t/security"><span class="crayons-tag__prefix">#</span>security</a> </h4> <div class="fs-xs color-base-60">19,874 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Hopefully not just an afterthought!</p> </div> <div id="tag-buttons-56" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: security"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: security"> Hide </button> </div> </div> </div> <div data-tag-id="439" data-tag-name="database" id="tag-439" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(237, 21, 86, 0.10); --tag-prefix: #ED1556; --tag-bg-hover: rgba(237, 21, 86, 0.10); --tag-prefix-hover: #ED1556; " href="/t/database"><span class="crayons-tag__prefix">#</span>database</a> </h4> <div class="fs-xs color-base-60">25,195 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Posts on building, using, and learning about databases.</p> </div> <div id="tag-buttons-439" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: database"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: database"> Hide </button> </div> </div> </div> <div data-tag-id="16" data-tag-name="php" id="tag-16" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(35, 161, 170, 0.10); --tag-prefix: #23A1AA; --tag-bg-hover: rgba(35, 161, 170, 0.10); --tag-prefix-hover: #23A1AA; " href="/t/php"><span class="crayons-tag__prefix">#</span>php</a> </h4> <div class="fs-xs color-base-60">22,067 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Home for all the PHP-related posts on Dev.to!</p> </div> <div id="tag-buttons-16" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: php"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: php"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F21%2Fphp-elephant.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="1808" data-tag-name="codepen" id="tag-1808" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(173, 32, 163, 0.10); --tag-prefix: #ad20a3; --tag-bg-hover: rgba(173, 32, 163, 0.10); --tag-prefix-hover: #ad20a3; " href="/t/codepen"><span class="crayons-tag__prefix">#</span>codepen</a> </h4> <div class="fs-xs color-base-60">8,890 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A social development environment for front-end designers and developers.</p> </div> <div id="tag-buttons-1808" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: codepen"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: codepen"> Hide </button> </div> </div> </div> <div data-tag-id="245" data-tag-name="frontend" id="tag-245" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(255, 51, 224, 0.10); --tag-prefix: #ff33e0; --tag-bg-hover: rgba(255, 51, 224, 0.10); --tag-prefix-hover: #ff33e0; " href="/t/frontend"><span class="crayons-tag__prefix">#</span>frontend</a> </h4> <div class="fs-xs color-base-60">15,754 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">"If you're already a front-end developer, well, pretend you're also wearing a pirate hat." - Ethan Marcotte</p> </div> <div id="tag-buttons-245" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: frontend"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: frontend"> Hide </button> </div> </div> </div> <div data-tag-id="650" data-tag-name="blockchain" id="tag-650" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(17, 58, 98, 0.10); --tag-prefix: #113a62; --tag-bg-hover: rgba(17, 58, 98, 0.10); --tag-prefix-hover: #113a62; " href="/t/blockchain"><span class="crayons-tag__prefix">#</span>blockchain</a> </h4> <div class="fs-xs color-base-60">15,148 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A decentralized, distributed, and oftentimes public, digital ledger consisting of records called blocks that are used to record transactions across many computers so that any involved block cannot be altered retroactively, without the alteration of all subsequent blocks.</p> </div> <div id="tag-buttons-650" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: blockchain"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: blockchain"> Hide </button> </div> </div> </div> <div data-tag-id="13" data-tag-name="go" id="tag-13" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(41, 190, 176, 0.10); --tag-prefix: #29BEB0; --tag-bg-hover: rgba(41, 190, 176, 0.10); --tag-prefix-hover: #29BEB0; " href="/t/go"><span class="crayons-tag__prefix">#</span>go</a> </h4> <div class="fs-xs color-base-60">20,771 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A statically typed, compiled programming language designed at Google</p> </div> <div id="tag-buttons-13" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: go"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: go"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F34%2Fgopher-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="36" data-tag-name="softwaredevelopment" id="tag-36" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/softwaredevelopment"><span class="crayons-tag__prefix">#</span>softwaredevelopment</a> </h4> <div class="fs-xs color-base-60">14,226 posts</div> </div> </div> <div id="tag-buttons-36" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: softwaredevelopment"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: softwaredevelopment"> Hide </button> </div> </div> </div> <div data-tag-id="26303" data-tag-name="watercooler" id="tag-26303" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(208, 236, 255, 0.10); --tag-prefix: #D0ECFF; --tag-bg-hover: rgba(208, 236, 255, 0.10); --tag-prefix-hover: #D0ECFF; " href="/t/watercooler"><span class="crayons-tag__prefix">#</span>watercooler</a> </h4> <div class="fs-xs color-base-60">9,995 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Light, and off-topic conversation.</p> </div> <div id="tag-buttons-26303" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: watercooler"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: watercooler"> Hide </button> </div> </div> </div> <div data-tag-id="118" data-tag-name="linux" id="tag-118" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 0, 0, 0.10); --tag-prefix: #000000; --tag-bg-hover: rgba(0, 0, 0, 0.10); --tag-prefix-hover: #000000; " href="/t/linux"><span class="crayons-tag__prefix">#</span>linux</a> </h4> <div class="fs-xs color-base-60">20,458 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">What are clouds made of? Linux servers, mostly.</p> </div> <div id="tag-buttons-118" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: linux"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: linux"> Hide </button> </div> </div> </div> <div data-tag-id="342" data-tag-name="github" id="tag-342" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 0, 0, 0.10); --tag-prefix: #000000; --tag-bg-hover: rgba(0, 0, 0, 0.10); --tag-prefix-hover: #000000; " href="/t/github"><span class="crayons-tag__prefix">#</span>github</a> </h4> <div class="fs-xs color-base-60">21,176 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">"Where the world builds software"</p> </div> <div id="tag-buttons-342" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: github"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: github"> Hide </button> </div> </div> </div> <div data-tag-id="961" data-tag-name="kubernetes" id="tag-961" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(50, 109, 230, 0.10); --tag-prefix: #326de6; --tag-bg-hover: rgba(50, 109, 230, 0.10); --tag-prefix-hover: #326de6; " href="/t/kubernetes"><span class="crayons-tag__prefix">#</span>kubernetes</a> </h4> <div class="fs-xs color-base-60">19,313 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">An open-source container orchestration system for automating software deployment, scaling, and management.</p> </div> <div id="tag-buttons-961" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: kubernetes"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: kubernetes"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F88%2Fkubernetes-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="891" data-tag-name="nextjs" id="tag-891" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 0, 0, 0.10); --tag-prefix: #000000; --tag-bg-hover: rgba(0, 0, 0, 0.10); --tag-prefix-hover: #000000; " href="/t/nextjs"><span class="crayons-tag__prefix">#</span>nextjs</a> </h4> <div class="fs-xs color-base-60">19,224 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Next.js gives you hybrid static and server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.</p> </div> <div id="tag-buttons-891" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: nextjs"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: nextjs"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F89%2Fnext-js-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="57" data-tag-name="html" id="tag-57" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(245, 57, 0, 0.10); --tag-prefix: #F53900; --tag-bg-hover: rgba(245, 57, 0, 0.10); --tag-prefix-hover: #F53900; " href="/t/html"><span class="crayons-tag__prefix">#</span>html</a> </h4> <div class="fs-xs color-base-60">24,659 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Hypertext Markup Language — the standard markup language for documents designed to be displayed in a web browser.</p> </div> <div id="tag-buttons-57" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: html"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: html"> Hide </button> </div> </div> </div> <div data-tag-id="62" data-tag-name="development" id="tag-62" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/development"><span class="crayons-tag__prefix">#</span>development</a> </h4> <div class="fs-xs color-base-60">16,435 posts</div> </div> </div> <div id="tag-buttons-62" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: development"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: development"> Hide </button> </div> </div> </div> <div data-tag-id="31" data-tag-name="docker" id="tag-31" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(29, 99, 237, 0.10); --tag-prefix: #1D63ED; --tag-bg-hover: rgba(29, 99, 237, 0.10); --tag-prefix-hover: #1D63ED; " href="/t/docker"><span class="crayons-tag__prefix">#</span>docker</a> </h4> <div class="fs-xs color-base-60">17,906 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Stories about Docker as a technology (containers, CLI, Engine) or company (Docker Hub, Docker Swarm).</p> </div> <div id="tag-buttons-31" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: docker"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: docker"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F87%2Fdocker-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="840" data-tag-name="mobile" id="tag-840" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(163, 252, 85, 0.10); --tag-prefix: #a3fc55; --tag-bg-hover: rgba(163, 252, 85, 0.10); --tag-prefix-hover: #a3fc55; " href="/t/mobile"><span class="crayons-tag__prefix">#</span>mobile</a> </h4> <div class="fs-xs color-base-60">17,630 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">iOS, Android, and any other types of mobile development... all are welcome!</p> </div> <div id="tag-buttons-840" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: mobile"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: mobile"> Hide </button> </div> </div> </div> <div data-tag-id="35" data-tag-name="coding" id="tag-35" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(175, 39, 242, 0.10); --tag-prefix: #af27f2; --tag-bg-hover: rgba(175, 39, 242, 0.10); --tag-prefix-hover: #af27f2; " href="/t/coding"><span class="crayons-tag__prefix">#</span>coding</a> </h4> <div class="fs-xs color-base-60">12,663 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">while (!(succeed = try()))</p> </div> <div id="tag-buttons-35" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: coding"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: coding"> Hide </button> </div> </div> </div> <div data-tag-id="634" data-tag-name="csharp" id="tag-634" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(7, 205, 0, 0.10); --tag-prefix: #07CD00; --tag-bg-hover: rgba(7, 205, 0, 0.10); --tag-prefix-hover: #07CD00; " href="/t/csharp"><span class="crayons-tag__prefix">#</span>csharp</a> </h4> <div class="fs-xs color-base-60">13,205 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Official tag for the C# programming language.</p> </div> <div id="tag-buttons-634" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: csharp"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: csharp"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F33%2Fcsharp-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="338" data-tag-name="gamedev" id="tag-338" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(51, 132, 217, 0.10); --tag-prefix: #3384d9; --tag-bg-hover: rgba(51, 132, 217, 0.10); --tag-prefix-hover: #3384d9; " href="/t/gamedev"><span class="crayons-tag__prefix">#</span>gamedev</a> </h4> <div class="fs-xs color-base-60">9,444 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">👾 👾 👾</p> </div> <div id="tag-buttons-338" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: gamedev"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: gamedev"> Hide </button> </div> </div> </div> <div data-tag-id="3907" data-tag-name="cryptocurrency" id="tag-3907" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/cryptocurrency"><span class="crayons-tag__prefix">#</span>cryptocurrency</a> </h4> <div class="fs-xs color-base-60">7,969 posts</div> </div> </div> <div id="tag-buttons-3907" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: cryptocurrency"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: cryptocurrency"> Hide </button> </div> </div> </div> <div data-tag-id="718" data-tag-name="dotnet" id="tag-718" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(81, 42, 213, 0.10); --tag-prefix: #512ad5; --tag-bg-hover: rgba(81, 42, 213, 0.10); --tag-prefix-hover: #512ad5; " href="/t/dotnet"><span class="crayons-tag__prefix">#</span>dotnet</a> </h4> <div class="fs-xs color-base-60">18,285 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">.NET is an open source developer platform, created by Microsoft, for building many types of applications. With .NET, you can use multiple languages, editors, and libraries to build for web, mobile, desktop, gaming, and IoT. Find more at https://dot.net</p> </div> <div id="tag-buttons-718" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: dotnet"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: dotnet"> Hide </button> </div> </div> </div> <div data-tag-id="208" data-tag-name="laravel" id="tag-208" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(220, 45, 23, 0.10); --tag-prefix: #dc2d17; --tag-bg-hover: rgba(220, 45, 23, 0.10); --tag-prefix-hover: #dc2d17; " href="/t/laravel"><span class="crayons-tag__prefix">#</span>laravel</a> </h4> <div class="fs-xs color-base-60">11,666 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A PHP web application framework with expressive, elegant syntax.</p> </div> <div id="tag-buttons-208" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: laravel"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: laravel"> Hide </button> </div> </div> </div> <div data-tag-id="10211" data-tag-name="web3" id="tag-10211" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 255, 220, 0.10); --tag-prefix: #00ffdc; --tag-bg-hover: rgba(0, 255, 220, 0.10); --tag-prefix-hover: #00ffdc; " href="/t/web3"><span class="crayons-tag__prefix">#</span>web3</a> </h4> <div class="fs-xs color-base-60">8,827 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Web3 refers to the next generation of the internet that leverages blockchain technology to enable decentralized and trustless systems for financial transactions, data storage, and other applications.</p> </div> <div id="tag-buttons-10211" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: web3"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: web3"> Hide </button> </div> </div> </div> <div data-tag-id="280" data-tag-name="startup" id="tag-280" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(230, 255, 251, 0.10); --tag-prefix: #E6FFFB; --tag-bg-hover: rgba(230, 255, 251, 0.10); --tag-prefix-hover: #E6FFFB; " href="/t/startup"><span class="crayons-tag__prefix">#</span>startup</a> </h4> <div class="fs-xs color-base-60">8,733 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A company or project undertaken by an entrepreneur to seek, develop, and validate a scalable business model.</p> </div> <div id="tag-buttons-280" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: startup"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: startup"> Hide </button> </div> </div> </div> <div data-tag-id="29" data-tag-name="git" id="tag-29" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(245, 77, 39, 0.10); --tag-prefix: #F54D27; --tag-bg-hover: rgba(245, 77, 39, 0.10); --tag-prefix-hover: #F54D27; " href="/t/git"><span class="crayons-tag__prefix">#</span>git</a> </h4> <div class="fs-xs color-base-60">13,256 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development.</p> </div> <div id="tag-buttons-29" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: git"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: git"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F22%2Fgit-sticker.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="316" data-tag-name="android" id="tag-316" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(86, 160, 54, 0.10); --tag-prefix: #56a036; --tag-bg-hover: rgba(86, 160, 54, 0.10); --tag-prefix-hover: #56a036; " href="/t/android"><span class="crayons-tag__prefix">#</span>android</a> </h4> <div class="fs-xs color-base-60">30,686 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Brought to you by the good folks at Google...</p> </div> <div id="tag-buttons-316" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: android"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: android"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F85%2Fandroid-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="215" data-tag-name="angular" id="tag-215" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(169, 2, 42, 0.10); --tag-prefix: #A9022A; --tag-bg-hover: rgba(169, 2, 42, 0.10); --tag-prefix-hover: #A9022A; " href="/t/angular"><span class="crayons-tag__prefix">#</span>angular</a> </h4> <div class="fs-xs color-base-60">19,590 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">One of the world's most popular frontend JavaScript frameworks.</p> </div> <div id="tag-buttons-215" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: angular"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: angular"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F28%2Fangular-01.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="39" data-tag-name="design" id="tag-39" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(6, 255, 106, 0.10); --tag-prefix: #06ff6a; --tag-bg-hover: rgba(6, 255, 106, 0.10); --tag-prefix-hover: #06ff6a; " href="/t/design"><span class="crayons-tag__prefix">#</span>design</a> </h4> <div class="fs-xs color-base-60">11,504 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">More than just making things look nice...</p> </div> <div id="tag-buttons-39" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: design"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: design"> Hide </button> </div> </div> </div> <div data-tag-id="714" data-tag-name="architecture" id="tag-714" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(235, 223, 55, 0.10); --tag-prefix: #ebdf37; --tag-bg-hover: rgba(235, 223, 55, 0.10); --tag-prefix-hover: #ebdf37; " href="/t/architecture"><span class="crayons-tag__prefix">#</span>architecture</a> </h4> <div class="fs-xs color-base-60">10,279 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">The fundamental structures of a software system.</p> </div> <div id="tag-buttons-714" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: architecture"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: architecture"> Hide </button> </div> </div> </div> <div data-tag-id="678" data-tag-name="azure" id="tag-678" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 127, 255, 0.10); --tag-prefix: #007fff; --tag-bg-hover: rgba(0, 127, 255, 0.10); --tag-prefix-hover: #007fff; " href="/t/azure"><span class="crayons-tag__prefix">#</span>azure</a> </h4> <div class="fs-xs color-base-60">14,242 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">The dev.to tag for Microsoft Azure, the Cloud Computing Platform.</p> </div> <div id="tag-buttons-678" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: azure"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: azure"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F86%2FMicrosoft_Azure.svg.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="2" data-tag-name="rust" id="tag-2" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(212, 161, 116, 0.10); --tag-prefix: #d4a174; --tag-bg-hover: rgba(212, 161, 116, 0.10); --tag-prefix-hover: #d4a174; " href="/t/rust"><span class="crayons-tag__prefix">#</span>rust</a> </h4> <div class="fs-xs color-base-60">13,035 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">This tag is for posts related to the Rust programming language, including its libraries.</p> </div> <div id="tag-buttons-2" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: rust"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: rust"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F35%2Frust-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="41023" data-tag-name="devchallenge" id="tag-41023" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(132, 206, 249, 0.10); --tag-prefix: #84CEF9; --tag-bg-hover: rgba(132, 206, 249, 0.10); --tag-prefix-hover: #84CEF9; " href="/t/devchallenge"><span class="crayons-tag__prefix">#</span>devchallenge</a> </h4> <div class="fs-xs color-base-60">4,769 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">This is the official tag for submissions and announcements related to DEV Challenges.</p> </div> <div id="tag-buttons-41023" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: devchallenge"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: devchallenge"> Hide </button> </div> </div> </div> <div data-tag-id="5999" data-tag-name="cybersecurity" id="tag-5999" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(227, 255, 0, 0.10); --tag-prefix: #e3ff00; --tag-bg-hover: rgba(227, 255, 0, 0.10); --tag-prefix-hover: #e3ff00; " href="/t/cybersecurity"><span class="crayons-tag__prefix">#</span>cybersecurity</a> </h4> <div class="fs-xs color-base-60">7,040 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Articles related to cybersecurity and much more</p> </div> <div id="tag-buttons-5999" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: cybersecurity"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: cybersecurity"> Hide </button> </div> </div> </div> <div data-tag-id="195" data-tag-name="softwareengineering" id="tag-195" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/softwareengineering"><span class="crayons-tag__prefix">#</span>softwareengineering</a> </h4> <div class="fs-xs color-base-60">7,755 posts</div> </div> </div> <div id="tag-buttons-195" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: softwareengineering"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: softwareengineering"> Hide </button> </div> </div> </div> <div data-tag-id="150847" data-tag-name="chatgpt" id="tag-150847" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(118, 118, 118, 0.10); --tag-prefix: #767676; --tag-bg-hover: rgba(118, 118, 118, 0.10); --tag-prefix-hover: #767676; " href="/t/chatgpt"><span class="crayons-tag__prefix">#</span>chatgpt</a> </h4> <div class="fs-xs color-base-60">6,256 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3"> GPT models are capable of natural language processing tasks such as text generation, summarization, and analysis. ChatGPT interacts in a conversational way. The dialogue format makes it possible for ChatGPT to answer follow-up questions, admit its mistakes, challenge incorrect premises, and reject inappropriate requests.</p> </div> <div id="tag-buttons-150847" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: chatgpt"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: chatgpt"> Hide </button> </div> </div> </div> <div data-tag-id="88" data-tag-name="automation" id="tag-88" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/automation"><span class="crayons-tag__prefix">#</span>automation</a> </h4> <div class="fs-xs color-base-60">6,924 posts</div> </div> </div> <div id="tag-buttons-88" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: automation"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: automation"> Hide </button> </div> </div> </div> <div data-tag-id="677" data-tag-name="performance" id="tag-677" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(255, 163, 100, 0.10); --tag-prefix: #ffa364; --tag-bg-hover: rgba(255, 163, 100, 0.10); --tag-prefix-hover: #ffa364; " href="/t/performance"><span class="crayons-tag__prefix">#</span>performance</a> </h4> <div class="fs-xs color-base-60">7,439 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Tag for content related to software performance.</p> </div> <div id="tag-buttons-677" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: performance"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: performance"> Hide </button> </div> </div> </div> <div data-tag-id="17" data-tag-name="sql" id="tag-17" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(237, 21, 86, 0.10); --tag-prefix: #ED1556; --tag-bg-hover: rgba(237, 21, 86, 0.10); --tag-prefix-hover: #ED1556; " href="/t/sql"><span class="crayons-tag__prefix">#</span>sql</a> </h4> <div class="fs-xs color-base-60">8,920 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Posts on tips and tricks, using and learning about SQL for database development and analysis.</p> </div> <div id="tag-buttons-17" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: sql"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: sql"> Hide </button> </div> </div> </div> <div data-tag-id="154965" data-tag-name="llm" id="tag-154965" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/llm"><span class="crayons-tag__prefix">#</span>llm</a> </h4> <div class="fs-xs color-base-60">3,561 posts</div> </div> </div> <div id="tag-buttons-154965" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: llm"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: llm"> Hide </button> </div> </div> </div> <div data-tag-id="918" data-tag-name="serverless" id="tag-918" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(28, 28, 28, 0.10); --tag-prefix: #1C1C1C; --tag-bg-hover: rgba(28, 28, 28, 0.10); --tag-prefix-hover: #1C1C1C; " href="/t/serverless"><span class="crayons-tag__prefix">#</span>serverless</a> </h4> <div class="fs-xs color-base-60">9,884 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">All computing — without servers!</p> </div> <div id="tag-buttons-918" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: serverless"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: serverless"> Hide </button> </div> </div> </div> <div data-tag-id="542" data-tag-name="algorithms" id="tag-542" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 128, 0, 0.10); --tag-prefix: #008000; --tag-bg-hover: rgba(0, 128, 0, 0.10); --tag-prefix-hover: #008000; " href="/t/algorithms"><span class="crayons-tag__prefix">#</span>algorithms</a> </h4> <div class="fs-xs color-base-60">9,154 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Heap, Binary Tree, Data Structure it doesn't matter. This tag should be used for anything Algorithm & Data Structure focused. </p> </div> <div id="tag-buttons-542" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: algorithms"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: algorithms"> Hide </button> </div> </div> </div> <div data-tag-id="165" data-tag-name="codenewbie" id="tag-165" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(197, 152, 255, 0.10); --tag-prefix: #C598FF; --tag-bg-hover: rgba(197, 152, 255, 0.10); --tag-prefix-hover: #C598FF; " href="/t/codenewbie"><span class="crayons-tag__prefix">#</span>codenewbie</a> </h4> <div class="fs-xs color-base-60">25,413 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">The most supportive community of programmers and people learning to code.</p> </div> <div id="tag-buttons-165" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: codenewbie"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: codenewbie"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F217%2FCodenewbieBubbleLogo-04.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="841" data-tag-name="reactnative" id="tag-841" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(29, 219, 231, 0.10); --tag-prefix: #1ddbe7; --tag-bg-hover: rgba(29, 219, 231, 0.10); --tag-prefix-hover: #1ddbe7; " href="/t/reactnative"><span class="crayons-tag__prefix">#</span>reactnative</a> </h4> <div class="fs-xs color-base-60">11,423 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">An open-source JavaScript framework, designed for building apps on multiple platforms like iOS, Android, and also web applications.</p> </div> <div id="tag-buttons-841" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: reactnative"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: reactnative"> Hide </button> </div> </div> </div> <div data-tag-id="76" data-tag-name="postgres" id="tag-76" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(237, 21, 86, 0.10); --tag-prefix: #ED1556; --tag-bg-hover: rgba(237, 21, 86, 0.10); --tag-prefix-hover: #ED1556; " href="/t/postgres"><span class="crayons-tag__prefix">#</span>postgres</a> </h4> <div class="fs-xs color-base-60">10,567 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Posts on tips and tricks, using and learning about PostgreSQL for database development and analysis.</p> </div> <div id="tag-buttons-76" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: postgres"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: postgres"> Hide </button> </div> </div> </div> <div data-tag-id="103" data-tag-name="software" id="tag-103" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/software"><span class="crayons-tag__prefix">#</span>software</a> </h4> <div class="fs-xs color-base-60">6,153 posts</div> </div> </div> <div id="tag-buttons-103" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: software"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: software"> Hide </button> </div> </div> </div> <div data-tag-id="1" data-tag-name="ruby" id="tag-1" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(204, 52, 45, 0.10); --tag-prefix: #CC342D; --tag-bg-hover: rgba(204, 52, 45, 0.10); --tag-prefix-hover: #CC342D; " href="/t/ruby"><span class="crayons-tag__prefix">#</span>ruby</a> </h4> <div class="fs-xs color-base-60">14,821 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">This tag is for posts related to the Ruby language, including its libraries.</p> </div> <div id="tag-buttons-1" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: ruby"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: ruby"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F17%2Fruby.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="1450" data-tag-name="cloudcomputing" id="tag-1450" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/cloudcomputing"><span class="crayons-tag__prefix">#</span>cloudcomputing</a> </h4> <div class="fs-xs color-base-60">4,045 posts</div> </div> </div> <div id="tag-buttons-1450" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: cloudcomputing"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: cloudcomputing"> Hide </button> </div> </div> </div> <div data-tag-id="808" data-tag-name="cpp" id="tag-808" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(1, 71, 132, 0.10); --tag-prefix: #014784; --tag-bg-hover: rgba(1, 71, 132, 0.10); --tag-prefix-hover: #014784; " href="/t/cpp"><span class="crayons-tag__prefix">#</span>cpp</a> </h4> <div class="fs-xs color-base-60">7,103 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Official tag for the C++ programming language.</p> </div> <div id="tag-buttons-808" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: cpp"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: cpp"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F95%2Fcpp_logo.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="223" data-tag-name="showdev" id="tag-223" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(9, 27, 71, 0.10); --tag-prefix: #091b47; --tag-bg-hover: rgba(9, 27, 71, 0.10); --tag-prefix-hover: #091b47; " href="/t/showdev"><span class="crayons-tag__prefix">#</span>showdev</a> </h4> <div class="fs-xs color-base-60">12,978 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Show off what you've built!</p> </div> <div id="tag-buttons-223" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: showdev"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: showdev"> Hide </button> </div> </div> </div> <div data-tag-id="1905" data-tag-name="flutter" id="tag-1905" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(86, 197, 246, 0.10); --tag-prefix: #56C5F6; --tag-bg-hover: rgba(86, 197, 246, 0.10); --tag-prefix-hover: #56C5F6; " href="/t/flutter"><span class="crayons-tag__prefix">#</span>flutter</a> </h4> <div class="fs-xs color-base-60">11,180 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">An open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase.</p> </div> <div id="tag-buttons-1905" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: flutter"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: flutter"> Hide </button> </div> </div> </div> <div data-tag-id="2118" data-tag-name="computerscience" id="tag-2118" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(217, 140, 217, 0.10); --tag-prefix: #d98cd9; --tag-bg-hover: rgba(217, 140, 217, 0.10); --tag-prefix-hover: #d98cd9; " href="/t/computerscience"><span class="crayons-tag__prefix">#</span>computerscience</a> </h4> <div class="fs-xs color-base-60">9,267 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">This tag is for sharing and asking questions about anything related to computer science, including data structures, algorithms, research, and white papers! 🤓</p> </div> <div id="tag-buttons-2118" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: computerscience"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: computerscience"> Hide </button> </div> </div> </div> <div data-tag-id="47" data-tag-name="rails" id="tag-47" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(204, 0, 0, 0.10); --tag-prefix: #cc0000; --tag-bg-hover: rgba(204, 0, 0, 0.10); --tag-prefix-hover: #cc0000; " href="/t/rails"><span class="crayons-tag__prefix">#</span>rails</a> </h4> <div class="fs-xs color-base-60">9,249 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Ruby on Rails is a popular web framework that happens to power dev.to ❤️</p> </div> <div id="tag-buttons-47" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: rails"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: rails"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F32%2Frails-badge.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="598" data-tag-name="backend" id="tag-598" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/backend"><span class="crayons-tag__prefix">#</span>backend</a> </h4> <div class="fs-xs color-base-60">5,661 posts</div> </div> </div> <div id="tag-buttons-598" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: backend"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: backend"> Hide </button> </div> </div> </div> <div data-tag-id="219" data-tag-name="community" id="tag-219" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(247, 150, 0, 0.10); --tag-prefix: #f79600; --tag-bg-hover: rgba(247, 150, 0, 0.10); --tag-prefix-hover: #f79600; " href="/t/community"><span class="crayons-tag__prefix">#</span>community</a> </h4> <div class="fs-xs color-base-60">7,037 posts</div> </div> </div> <div id="tag-buttons-219" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: community"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: community"> Hide </button> </div> </div> </div> <div data-tag-id="372" data-tag-name="interview" id="tag-372" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/interview"><span class="crayons-tag__prefix">#</span>interview</a> </h4> <div class="fs-xs color-base-60">6,040 posts</div> </div> </div> <div id="tag-buttons-372" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: interview"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: interview"> Hide </button> </div> </div> </div> <div data-tag-id="303" data-tag-name="vscode" id="tag-303" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(60, 165, 234, 0.10); --tag-prefix: #3ca5ea; --tag-bg-hover: rgba(60, 165, 234, 0.10); --tag-prefix-hover: #3ca5ea; " href="/t/vscode"><span class="crayons-tag__prefix">#</span>vscode</a> </h4> <div class="fs-xs color-base-60">10,055 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Official tag for Visual Studio Code, Microsoft's open-source editor</p> </div> <div id="tag-buttons-303" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: vscode"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: vscode"> Hide </button> </div> </div> </div> <div data-tag-id="639" data-tag-name="data" id="tag-639" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/data"><span class="crayons-tag__prefix">#</span>data</a> </h4> <div class="fs-xs color-base-60">4,422 posts</div> </div> </div> <div id="tag-buttons-639" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: data"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: data"> Hide </button> </div> </div> </div> <div data-tag-id="80" data-tag-name="developer" id="tag-80" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/developer"><span class="crayons-tag__prefix">#</span>developer</a> </h4> <div class="fs-xs color-base-60">5,950 posts</div> </div> </div> <div id="tag-buttons-80" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: developer"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: developer"> Hide </button> </div> </div> </div> <div data-tag-id="532" data-tag-name="microservices" id="tag-532" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 0, 0, 0.10); --tag-prefix: #000000; --tag-bg-hover: rgba(0, 0, 0, 0.10); --tag-prefix-hover: #000000; " href="/t/microservices"><span class="crayons-tag__prefix">#</span>microservices</a> </h4> <div class="fs-xs color-base-60">5,762 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">An architectural and organizational approach to software development where software is composed of small independent services that communicate over well-defined APIs</p> </div> <div id="tag-buttons-532" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: microservices"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: microservices"> Hide </button> </div> </div> </div> <div data-tag-id="1760" data-tag-name="vue" id="tag-1760" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(65, 184, 131, 0.10); --tag-prefix: #41b883; --tag-bg-hover: rgba(65, 184, 131, 0.10); --tag-prefix-hover: #41b883; " href="/t/vue"><span class="crayons-tag__prefix">#</span>vue</a> </h4> <div class="fs-xs color-base-60">16,169 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Official tag for the Vue.js JavaScript Framework</p> </div> <div id="tag-buttons-1760" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: vue"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: vue"> Hide </button> </div> <img src="https://media2.dev.to/dynamic/image/width=180,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fbadge%2Fbadge_image%2F27%2Fvue-sticker.png" class="tag-card__badge" alt="" loading="lazy" /> </div> </div> <div data-tag-id="765" data-tag-name="marketing" id="tag-765" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/marketing"><span class="crayons-tag__prefix">#</span>marketing</a> </h4> <div class="fs-xs color-base-60">3,327 posts</div> </div> </div> <div id="tag-buttons-765" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: marketing"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: marketing"> Hide </button> </div> </div> </div> <div data-tag-id="1379" data-tag-name="bitcoin" id="tag-1379" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/bitcoin"><span class="crayons-tag__prefix">#</span>bitcoin</a> </h4> <div class="fs-xs color-base-60">4,580 posts</div> </div> </div> <div id="tag-buttons-1379" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: bitcoin"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: bitcoin"> Hide </button> </div> </div> </div> <div data-tag-id="5594" data-tag-name="tailwindcss" id="tag-5594" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(0, 0, 0, 0.10); --tag-prefix: #000000; --tag-bg-hover: rgba(0, 0, 0, 0.10); --tag-prefix-hover: #000000; " href="/t/tailwindcss"><span class="crayons-tag__prefix">#</span>tailwindcss</a> </h4> <div class="fs-xs color-base-60">6,155 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A utility-first CSS framework</p> </div> <div id="tag-buttons-5594" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: tailwindcss"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: tailwindcss"> Hide </button> </div> </div> </div> <div data-tag-id="65" data-tag-name="mongodb" id="tag-65" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(123, 204, 124, 0.10); --tag-prefix: #7bcc7c; --tag-bg-hover: rgba(123, 204, 124, 0.10); --tag-prefix-hover: #7bcc7c; " href="/t/mongodb"><span class="crayons-tag__prefix">#</span>mongodb</a> </h4> <div class="fs-xs color-base-60">6,918 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A popular NoSQL database</p> </div> <div id="tag-buttons-65" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: mongodb"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: mongodb"> Hide </button> </div> </div> </div> <div data-tag-id="2078" data-tag-name="tooling" id="tag-2078" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(193, 216, 47, 0.10); --tag-prefix: #c1d82f; --tag-bg-hover: rgba(193, 216, 47, 0.10); --tag-prefix-hover: #c1d82f; " href="/t/tooling"><span class="crayons-tag__prefix">#</span>tooling</a> </h4> <div class="fs-xs color-base-60">4,858 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Working with a new tool you want to share? Created a new workflow for a task? Found some great configurations? Share them with the community! </p> </div> <div id="tag-buttons-2078" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: tooling"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: tooling"> Hide </button> </div> </div> </div> <div data-tag-id="124" data-tag-name="web" id="tag-124" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/web"><span class="crayons-tag__prefix">#</span>web</a> </h4> <div class="fs-xs color-base-60">7,084 posts</div> </div> </div> <div id="tag-buttons-124" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: web"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: web"> Hide </button> </div> </div> </div> <div data-tag-id="157" data-tag-name="google" id="tag-157" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/google"><span class="crayons-tag__prefix">#</span>google</a> </h4> <div class="fs-xs color-base-60">5,346 posts</div> </div> </div> <div id="tag-buttons-157" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: google"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: google"> Hide </button> </div> </div> </div> <div data-tag-id="12" data-tag-name="ios" id="tag-12" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(12, 118, 226, 0.10); --tag-prefix: #0c76e2; --tag-bg-hover: rgba(12, 118, 226, 0.10); --tag-prefix-hover: #0c76e2; " href="/t/ios"><span class="crayons-tag__prefix">#</span>ios</a> </h4> <div class="fs-xs color-base-60">8,496 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">This tag is for anything related to Apple's iOS devices, operating system, and development environment. Development, usage, apps, tips, requests for help: if it's related to iOS it's welcome here!</p> </div> <div id="tag-buttons-12" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: ios"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: ios"> Hide </button> </div> </div> </div> <div data-tag-id="1798" data-tag-name="help" id="tag-1798" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(255, 50, 50, 0.10); --tag-prefix: #ff3232; --tag-bg-hover: rgba(255, 50, 50, 0.10); --tag-prefix-hover: #ff3232; " href="/t/help"><span class="crayons-tag__prefix">#</span>help</a> </h4> <div class="fs-xs color-base-60">6,604 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A place to ask questions and provide answers. We're here to work things out together. </p> </div> <div id="tag-buttons-1798" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: help"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: help"> Hide </button> </div> </div> </div> <div data-tag-id="1358" data-tag-name="terraform" id="tag-1358" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/terraform"><span class="crayons-tag__prefix">#</span>terraform</a> </h4> <div class="fs-xs color-base-60">4,256 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">All subjects concerning Hashicorp's IaC tool `Terraform`.</p> </div> <div id="tag-buttons-1358" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: terraform"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: terraform"> Hide </button> </div> </div> </div> <div data-tag-id="446" data-tag-name="django" id="tag-446" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(16, 62, 46, 0.10); --tag-prefix: #103e2e; --tag-bg-hover: rgba(16, 62, 46, 0.10); --tag-prefix-hover: #103e2e; " href="/t/django"><span class="crayons-tag__prefix">#</span>django</a> </h4> <div class="fs-xs color-base-60">6,630 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source. </p> </div> <div id="tag-buttons-446" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: django"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: django"> Hide </button> </div> </div> </div> <div data-tag-id="749" data-tag-name="springboot" id="tag-749" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(59, 73, 223, 0.10); --tag-prefix: #3b49df; --tag-bg-hover: rgba(59, 73, 223, 0.10); --tag-prefix-hover: #3b49df; " href="/t/springboot"><span class="crayons-tag__prefix">#</span>springboot</a> </h4> <div class="fs-xs color-base-60">3,270 posts</div> </div> </div> <div id="tag-buttons-749" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: springboot"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: springboot"> Hide </button> </div> </div> </div> <div data-tag-id="525" data-tag-name="ui" id="tag-525" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(123, 104, 190, 0.10); --tag-prefix: #7b68be; --tag-bg-hover: rgba(123, 104, 190, 0.10); --tag-prefix-hover: #7b68be; " href="/t/ui"><span class="crayons-tag__prefix">#</span>ui</a> </h4> <div class="fs-xs color-base-60">5,573 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Tag dedicated to posts about user interface. Tips, tricks, techniques, approaches, etc.</p> </div> <div id="tag-buttons-525" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: ui"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: ui"> Hide </button> </div> </div> </div> <div data-tag-id="287" data-tag-name="saas" id="tag-287" class="js-tag-card tag-card crayons-card p-3 pt-2 m:p-5 m:pt-4 relative flex flex-col"> <div> <div class="mb-1 flex items-center justify-between"> <h4 class="-ml-2"> <a class="crayons-tag " style=" --tag-bg: rgba(170, 255, 236, 0.10); --tag-prefix: #aaffec; --tag-bg-hover: rgba(170, 255, 236, 0.10); --tag-prefix-hover: #aaffec; " href="/t/saas"><span class="crayons-tag__prefix">#</span>saas</a> </h4> <div class="fs-xs color-base-60">3,022 posts</div> </div> </div> <div id="tag-buttons-287" class="mt-auto flex items-end justify-between"> <div class="flex gap-2"> <button class="c-btn c-btn--primary js-follow-tag-button" aria-label="Follow tag: saas"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: saas"> Hide </button> </div> </div> </div> </div> </main> <script src="https://assets.dev.to/assets/tagFollows-25496b4e3bf8bec41c7881be6b330ac8e9aa612d1ce876863a984d934d839384.js" defer="defer"></script> <div id="runtime-banner-container"></div> </div> </div> <footer id="footer" class="crayons-footer print-hidden"> <div id="footer-container" class="crayons-footer__container"> <style> .long-bb-body { max-height: calc(100vh - 200px); overflow: hidden; } .long-bb-bottom { height: 180px; background: linear-gradient(to top, var(--card-bg), transparent); margin-top: -180px; position:relative; z-index: 5; } </style> <div style="" data-display-unit data-id="146443" data-category-click="click" data-category-impression="impression" data-context-type="home" data-special="nothing" data-article-id="" data-type-of="in_house"> <p style="font-weight: bold;margin-bottom: 10px"> Thank you to our Diamond Sponsor <a href="https://neon.tech/?bb=146443">Neon</a> for supporting our community. </p> </div> <p class="fs-s crayons-footer__description"> <a class="c-link c-link--branded fw-medium" aria-label="DEV Community Home" href="/">DEV Community</a> — A constructive and inclusive social network for software developers. With you every step of your journey. </p> <ul class="footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0" style="" /> <li class="footer__nav-link flex items-center"> <a href="/"> Home </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/tags"> Tags </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/about"> About </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/contact"> Contact </a> <span class="dot ml-2"></span> </li> </ul> <ul class="footer__nav-links flex gap-2 justify-center flex-wrap fs-s p-0" style="" /> <li class="footer__nav-link flex items-center"> <a href="/code-of-conduct"> Code of Conduct </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/privacy"> Privacy Policy </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/terms"> Terms of use </a> <span class="dot ml-2"></span> </li> </ul> <div class="fs-s"> <p>Built on <a class="c-link c-link--branded" target="_blank" rel="noopener" href="https://www.forem.com">Forem</a> — the <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to/t/opensource">open source</a> software that powers <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to">DEV</a> and other inclusive communities.</p> <p>Made with love and <a target="_blank" rel="noopener" class="c-link c-link--branded" href="https://dev.to/t/rails">Ruby on Rails</a>. DEV Community <span title="copyright">©</span> 2016 - 2025.</p> </div> </div> </footer> <div id="snack-zone"></div> <div id="global-signup-modal" class="authentication-modal hidden"> <div class="authentication-modal__container"> <figure class="authentication-modal__image-container"> <img class="authentication-modal__image" src="https://media2.dev.to/dynamic/image/width=190,height=,fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8j7kvp660rqzt99zui8e.png" alt="DEV Community" loading="lazy" /> </figure> <div class="authentication-modal__content"> <p class="authentication-modal__description"> We're a place where coders share, stay up-to-date and grow their careers. </p> </div> <div class="authentication-modal__actions"> <a href="/enter" class="crayons-btn" aria-label="Log in" data-no-instant> Log in </a> <a href="/enter?state=new-user" class="crayons-btn crayons-btn--ghost-brand js-global-signup-modal__create-account" aria-label="Create new account" data-no-instant> Create account </a> </div> </div> </div> <script src="https://assets.dev.to/assets/signupModalShortcuts-0b25469b985100a01e94cbd7fccaf7f0a4d776e129aac65c766aa32cb28ab29a.js" defer="defer"></script> <div id="cookie-consent"></div> <div id="i18n-translations" data-translations="{"en":{"core":{"add_comment":"Add comment","beta":"beta","comment":"Comment","copy_link":"Copy link","edit_profile":"Edit profile","follow":"Follow","follow_back":"Follow back","following":"Following","like":"Like","loading":"loading...","reaction":"Reaction","report_abuse":"Report abuse","search":"Search","success_settings":"Successfully updated settings.","counted_organization":{"one":"%{count} organization","other":"%{count} organizations"},"counted_user":{"one":"%{count} person","other":"%{count} people"},"not_following":"You're not following anyone","following_everyone":"You're following %{details} (everyone)","you_are_following":"You're following","and":"and"}}}"></div> <div id="reaction-category-resources" class="hidden" aria-hidden="true"> <img data-name="Like" data-slug="like" data-position="1" src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18" /> <img data-name="Unicorn" data-slug="unicorn" data-position="2" src="https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg" width="18" height="18" /> <img data-name="Exploding Head" data-slug="exploding_head" data-position="3" src="https://assets.dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg" width="18" height="18" /> <img data-name="Raised Hands" data-slug="raised_hands" data-position="4" src="https://assets.dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg" width="18" height="18" /> <img data-name="Fire" data-slug="fire" data-position="5" src="https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg" width="18" height="18" /> </div> <script> var userSignedIn = false; if (document.readyState === 'complete' || document.readyState === 'interactive') { initAuth(); } else { document.addEventListener('DOMContentLoaded', initAuth); } function initAuth() { var paramToken = new URLSearchParams(window.location.search).get('jwt'); if (paramToken && !userSignedIn) { authenticateUser(paramToken); } else { var iframe = document.createElement('iframe'); iframe.style.display = 'none'; iframe.src = 'https://forem.com/auth_pass/iframe'; document.body.appendChild(iframe); window.addEventListener('message', function(event) { if (event.origin !== 'https://forem.com' && event.origin !== window.location.origin) { return; } var data = event.data; if (data.authenticated && !userSignedIn) { authenticateUser(data.token); } else if(data.authenticated && window.ReactNativeWebView && window.ReactNativeWebView.postMessage) { window.ReactNativeWebView.postMessage(JSON.stringify({ action: 'login', token: data.token, })); } }); } function authenticateUser(token) { fetch('/auth_pass/token_login', { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': getMetaContent('csrf-token'), }, body: JSON.stringify({ token: token }), }) .then(function(response) { return response.json(); }) .then(function(data) { if (data.success) { if (document.head.querySelector('meta[name="user-signed-in"][content="false"]')) { // Reload the page to update the user's state location.reload(); } } }) .catch(function(error) { console.error('Error during authentication:', error); }); } function getMetaContent(name) { var element = document.querySelector('meta[name="' + name + '"]'); return element ? element.getAttribute('content') : ''; } } </script> </body> </html>

CINXE.COM

Tags - DEV Community