Plantillas HTML

Manuel Matuzović repasa línea por línea un documento HTML estándar. Me gusta. Es una buena referencia y tiene mucho del mismo tipo de cosas que tiendo a poner en la plantilla HTML principal. Me hace pensar en lo obstinado que puede ser este tipo de cosas. ¡Mar maldita, cerca de cada línea! No el DOCTYPE, no el title, pero casi todo lo demás.

!DOCTYPE htmlhtmlhead  meta charset="UTF-8"  meta name="viewport" content="width=device-width"  titleUnique page title - My Site/title  script type="module"    document.documentElement.classList.remove('no-js');    document.documentElement.classList.add('js');  /script  link rel="stylesheet" href="/assets/css/styles.css"  link rel="stylesheet" href="/assets/css/print.css" media="print"  meta name="description" content="Page description"  meta property="og:title" content="Unique page title - My Site"  meta property="og:description" content="Page description"  meta property="og:image" content="https://www.mywebsite.com/image.jpg"  meta property="og:image:alt" content="Image description"  meta property="og:locale" content="en_GB"  meta property="og:type" content="website"  meta name="twitter:card" content="summary_large_image"  meta property="og:url" content="https://www.mywebsite.com/page"  link rel="canonical" href="https://www.mywebsite.com/page"  link rel="icon" href="/favicon.ico"  link rel="icon" href="/favicon.svg" type="image/svg+xml"  link rel="apple-touch-icon" href="/apple-touch-icon.png"  link rel="manifest" href="/my.webmanifest"  meta name="theme-color" content="#FF00FF"/headbody  !-- Content --  script src="/assets/js/xy-polyfill.js" nomodule/script  script src="/assets/js/script.js" type="module"/script/body/html

Tal vez mi sitio no utilice JavaScript o no tenga alternativas de JavaScript, por lo que no necesito que bailen los nombres de las clases. Quizás mi sitio no necesite estilos de impresión, pero sí necesito una captación previa de enlaces. Quizás no me importen las imágenes sociales, pero sí quiero CSS crítico en mi cabeza. Es un texto estándar, no una receta: debe cambiarse.

Hubo un momento en que HTML5 Boilerplate era un gran proyecto en este espacio. ¡Tiene una organización GitHub completa! ¡El modelo tiene 50.000 estrellas! Personalmente, siento que el proyecto perdió su rumbo cuando comenzó a tener una srccarpeta disty un proceso de compilación Gulp de 200 líneas, ¿sabes? Funcionó mejor como referencia sobre qué cosas necesitar podría cualquier proyecto web determinado, pero ahora siento que es intimidante de una manera que no necesita serlo. El archivo de índice repetitivo también es bastante obstinado. Se supone que Normalize y Modernizr, que ciertamente no son proyectos obsoletos, pero tampoco son cosas que los desarrolladores ya utilizan mucho. ¡Incluso asume el uso de Google Analytics!

No tengo ningún problema con que la gente tenga y comparta documentos repetitivos, pero considerando lo inevitable que es ser obstinado con ellos, también me gusta el enfoque de la guía de referencia. Simplemente muéstrame todo lo posible que pueda incluirse head(gran parte del valor de estos textos estándar), y elegiré lo que necesito (o lo que puedo haber olvidado). Con ese fin, el proyecto HEAD de Josh Buchea es genial.