cloud_off
Você está offline. Reconecte-se para continuar navegando.
data_object
Biblioteca de snippets
Snippets testados e prontos para copiar em Python, Flask, JavaScript, SQL, HTML, CSS e Bash. Abra qualquer um no playground.
Mostrar só os snippets salvos neste navegador
4 snippets
html
star
bookmark_border
A native modal with focus handling, Escape to close and a backdrop.
<button id="open">Delete project</button>
<dialog id="confirm" aria-labelledby="confirm-title">
<form method="dialog">
<h2 id="confirm-title">Delete this project?</h2>
beginner
#accessibility #dialog #ui
html
bookmark_border
Labels, input types and constraints that browsers validate for free.
<form action="/contact" method="post" novalidate>
<label for="email">Email</label>
<input id="email" name="email" type="email" required autocomplete="email">
<label for="msg">Message</label>
beginner
#forms #validation #accessibility
html
bookmark_border
Serve the right size and format, and avoid layout shift.
<picture>
<source type="image/webp"
srcset="/img/hero-640.webp 640w, /img/hero-1280.webp 1280w, /img/hero-1920.webp 1920w"
sizes="(max-width: 700px) 100vw, 1200px">
<img src="/img/hero-1280.jpg"
beginner
#images #performance
html
bookmark_border
The tags that control how a link looks on social apps and chat.
<head>
<title>Bakery pre-orders — Ada Studio</title>
<meta name="description" content="Order bread online and pick it up warm.">
<meta property="og:type" content="website">
<meta property="og:title" content="Bakery pre-orders">
beginner
#seo #meta #sharing
bookmark_border Ainda não há snippets salvos nesta página. Use o botão de favorito para salvar um.
groups
Junte-se à PandaDev
Aprendendo com a gente? Desenvolvedores e designers podem se candidatar para trabalhar com a equipe em projetos reais de clientes.
person_add Candidatar-se