¡Buen dia amigos!
Permítanme presentarles mi nuevo proyecto: una plantilla de inicio HTML moderna.
Esta plantilla es el resultado del análisis de más de 100 fuentes sobre temas relacionados con la estructura y contenido de una página web, dividiendo la aplicación en componentes, caché de recursos, optimización de motores de búsqueda, seguridad, etc., e incluye lo siguiente:
- Todas las metaetiquetas y enlaces (general, Microsoft, Facebook, Twitter, IOS, Android, datos estructurados: Schema.org y JSON-LD, más un par de etiquetas relacionadas con la seguridad)
- Ejemplo usando etiquetas HTML5
- Un ejemplo de uso de propiedades CSS3
- Un ejemplo de uso de módulos CSS
- Un ejemplo de uso de módulos JavaScript
- Archivo "manifest.json"
- Trabajador de servicios de propósito general (caché primero, luego red)
- Archivo robots.txt
- El archivo "sitemap.xml"
- El archivo "browserconfig.xml"
- Archivo ".gitignore"
- Un servidor Express.js de ejemplo que establece encabezados relacionados con la seguridad y la compresión y devuelve archivos a pedido
- Ejemplo de una página de error 404 de creatividad (página no encontrada, la creatividad no es mía)
- Archivo "README.md"
- y mucho más
Sitio oficial: htmltemplate.site .
El código del proyecto está aquí .
Cualquier forma de retroalimentación es bienvenida: no dude en escribir un mensaje personal y hacer una solicitud en github.
Si desea repetir mi ruta de "investigación", puede comenzar con los siguientes recursos:
- Texto estándar de HTML5
- Lista de verificación de frontend
- Cualquier cosa que pueda estar en la cabeza
Siga este enlace para encontrar un ajuste preestablecido de Webpack 5 escalable que incluye Babel y PostCSS, un servidor de desarrollo y una compilación de producción optimizada.
Y si quieres refrescar o poner a prueba tus conocimientos de JavaScript, especialmente para esto, en mi tiempo libre, estoy desarrollando esta maravillosa aplicación (no te puedes elogiar ...).
Gracias por su atención y que tenga un buen día.