Tags - DEV Community

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Tags - DEV Community</title> <meta name="last-updated" content="2024-11-28 00:58:19 UTC"> <meta name="user-signed-in" content="false"> <meta name="head-cached-at" content="1732755499"> <meta name="environment" content="production"> <link rel="stylesheet" href="https://assets.dev.to/assets/minimal-6206ee9219dabd8e1168cebeb1f34c12ab133f7723e45d4b24dd76b43fee1fbc.css" media="all" id="main-minimal-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/views-4dd5770daa5d9d443ed73a724fb1913af9b093295bf1a72307f0fb322e5df1d9.css" media="all" id="main-views-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/crayons-f94476cf86ce9153627fd53a77e651ec54b82b6be20ddb1bf93e3dd40b81aeab.css" media="all" id="main-crayons-stylesheet" /> <script src="https://assets.dev.to/assets/base-8dcc8a97f0617dfbfe06690e34a9d71cb7dd6554611a24ec3f71fb6b96414828.js" defer="defer"></script> <script src="https://assets.dev.to/assets/application-147cebefc5c4cddde055e8f5eb0055e811469b08405170e2411fbd7944b5ac04.js" defer="defer"></script> <script src="https://assets.dev.to/assets/baseInitializers-bc498cfd7bb7d2a2da59d68d0b2055cc2dd26fee3669ab88edbb396d37bc3369.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-cc5e8a352578866203771def747f37c3ec6a0869de0458328e0fcba3d5d2fceb.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="2024-11-27T20:09:47Z" data-latest-commit-id="39401f1330aa77effb25163fd2a840dcd3adb045" 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-ga4-tracking-id="G-TYEM8Y3JN3"> <link rel="stylesheet" href="https://assets.dev.to/assets/minimal-6206ee9219dabd8e1168cebeb1f34c12ab133f7723e45d4b24dd76b43fee1fbc.css" media="all" id="secondary-minimal-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/views-4dd5770daa5d9d443ed73a724fb1913af9b093295bf1a72307f0fb322e5df1d9.css" media="all" id="secondary-views-stylesheet" /> <link rel="stylesheet" href="https://assets.dev.to/assets/crayons-f94476cf86ce9153627fd53a77e651ec54b82b6be20ddb1bf93e3dd40b81aeab.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="afpahcsx03wxjpra9ygk2syvl0htdnxm" class="crayons-icon"><title id="afpahcsx03wxjpra9ygk2syvl0htdnxm">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="a4x02d57nrk98zg4oawdew13qrpc155f" aria-hidden="true" class="crayons-icon"><title id="a4x02d57nrk98zg4oawdew13qrpc155f">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="a9n7iqrnph1doynx042wcmdngsm1em3a" aria-hidden="true" class="crayons-icon"><title id="a9n7iqrnph1doynx042wcmdngsm1em3a">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"> <a class="c-link c-link--icon-alone c-link--block m:hidden mx-1" id="search-link" aria-label="Search" href="/search"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-labelledby="afmhrrxtkwx6ieposzmmqg5f94r6lq15" class="crayons-icon"><title id="afmhrrxtkwx6ieposzmmqg5f94r6lq15">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> </a> <div class="flex" id="authentication-top-nav-actions"> <span class="hidden m:block"> <a href="/enter" class="c-link c-link--block mr-2 whitespace-nowrap ml-auto" data-no-instant> Log in </a> </span> <a href="/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="at74p543eqcm2gr4hs9lj3ug9nn51x6k" aria-hidden="true" class="crayons-icon c-btn__icon"><title id="at74p543eqcm2gr4hs9lj3ug9nn51x6k">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="aqfs3xp7xaa4no57jw8j3vyrxtdg0eye" aria-hidden="true" class="crayons-icon"><title id="aqfs3xp7xaa4no57jw8j3vyrxtdg0eye">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">195,118 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="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">183,299 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="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">118,872 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="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">131,493 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="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">84,707 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="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">36,263 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="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">76,007 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">59,912 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">46,246 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="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">37,349 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="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">47,070 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">40,171 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="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">35,861 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="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">41,549 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="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">39,316 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="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">25,459 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="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">32,809 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="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">44,966 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="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">17,901 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="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">15,715 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="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">17,112 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="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">22,728 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="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">31,660 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="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">18,859 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="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">16,806 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="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">18,095 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="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">19,948 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="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">14,516 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">16,610 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="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">13,607 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="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">20,052 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="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">18,613 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="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">11,883 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="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">29,602 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="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">17,172 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="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">16,425 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="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">23,914 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="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">18,885 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="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">17,247 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="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">13,891 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="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">18,178 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="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">13,510 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="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">12,944 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">11,671 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="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">16,684 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="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">11,331 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="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">7,585 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="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">12,299 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="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">10,942 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="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">9,429 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="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,045 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="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">4,875 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="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,134 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="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">10,751 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="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">6,400 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="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,051 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="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">8,397 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="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">7,819 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="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">15,431 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="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">12,675 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="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">5,730 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="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">3,119 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="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">10,375 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">9,383 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="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">7,934 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="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">8,550 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="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">10,400 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="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">6,545 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="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">6,411 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="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,718 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="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">7,756 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="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,455 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="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">8,898 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="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">9,281 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="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">4,928 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="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">6,428 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="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">6,319 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="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">3,070 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="1008" data-tag-name="howto" id="tag-1008" 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/howto"><span class="crayons-tag__prefix">#</span>howto</a> </h4> <div class="fs-xs color-base-60">3,120 posts</div> </div> </div> <div id="tag-buttons-1008" 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: howto"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: howto"> Hide </button> </div> </div> </div> <div data-tag-id="528" data-tag-name="wordpress" id="tag-528" 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, 142, 194, 0.10); --tag-prefix: #108EC2; --tag-bg-hover: rgba(16, 142, 194, 0.10); --tag-prefix-hover: #108EC2; " href="/t/wordpress"><span class="crayons-tag__prefix">#</span>wordpress</a> </h4> <div class="fs-xs color-base-60">6,013 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">the world’s most popular website builder</p> </div> <div id="tag-buttons-528" 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: wordpress"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: wordpress"> 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">5,413 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="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">8,883 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="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">2,478 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="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,303 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="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">6,035 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="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">5,638 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="3371" data-tag-name="archlinux" id="tag-3371" 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, 189, 0.10); --tag-prefix: #0099bd; --tag-bg-hover: rgba(0, 153, 189, 0.10); --tag-prefix-hover: #0099bd; " href="/t/archlinux"><span class="crayons-tag__prefix">#</span>archlinux</a> </h4> <div class="fs-xs color-base-60">54,040 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">A lightweight and flexible Linux distribution that tries to Keep It Simple.</p> </div> <div id="tag-buttons-3371" 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: archlinux"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: archlinux"> 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,062 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="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,302 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="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">5,609 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="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">6,248 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="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">3,993 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="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,051 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="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">3,810 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="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,267 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="1508" data-tag-name="cicd" id="tag-1508" 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/cicd"><span class="crayons-tag__prefix">#</span>cicd</a> </h4> <div class="fs-xs color-base-60">2,847 posts</div> </div> </div> <div id="tag-buttons-1508" 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: cicd"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: cicd"> Hide </button> </div> </div> </div> <div data-tag-id="1463" data-tag-name="website" id="tag-1463" 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, 4, 241, 0.10); --tag-prefix: #0004f1; --tag-bg-hover: rgba(0, 4, 241, 0.10); --tag-prefix-hover: #0004f1; " href="/t/website"><span class="crayons-tag__prefix">#</span>website</a> </h4> <div class="fs-xs color-base-60">2,468 posts</div> </div> </div> <div id="tag-buttons-1463" 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: website"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: website"> 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,132 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="225" data-tag-name="100daysofcode" id="tag-225" 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, 77, 77, 0.10); --tag-prefix: #004d4d; --tag-bg-hover: rgba(0, 77, 77, 0.10); --tag-prefix-hover: #004d4d; " href="/t/100daysofcode"><span class="crayons-tag__prefix">#</span>100daysofcode</a> </h4> <div class="fs-xs color-base-60">6,044 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">The 100 Days of Code is a coding challenge created by Alexander Kallaway to encourage people to learn new coding skills. </p> </div> <div id="tag-buttons-225" 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: 100daysofcode"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: 100daysofcode"> Hide </button> </div> </div> </div> <div data-tag-id="565" data-tag-name="mysql" id="tag-565" 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/mysql"><span class="crayons-tag__prefix">#</span>mysql</a> </h4> <div class="fs-xs color-base-60">3,597 posts</div> </div> <p class="mb-6 fs-s color-base-70 truncate-at-3">Posts on tips and tricks, using and learning about MySQL for database development and analysis.</p> </div> <div id="tag-buttons-565" 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: mysql"> Follow </button> <button class="c-btn js-hide-tag-button" aria-label="Hide tag: mysql"> 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"> <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="152338" data-type-of="in_house"> <p style="font-weight: bold;margin-bottom: 10px"> Thank you to our Diamond Sponsor <a href="https://neon.tech/">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="/++"> DEV++ </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/pod"> Podcasts </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/videos"> Videos </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="/help"> DEV Help </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="https://shop.forem.com/"> Forem Shop </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/advertise"> Advertise on DEV </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/challenges"> DEV Challenges </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/showcase"> DEV Showcase </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> <li class="footer__nav-link flex items-center"> <a href="/free-postgres-database-tier"> Free Postgres Database </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/guides"> Guides </a> <span class="dot ml-2"></span> </li> <li class="footer__nav-link flex items-center"> <a href="/software-comparisons"> Software comparisons </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 - 2024.</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> </body> </html>

CINXE.COM

Tags - DEV Community