El repositorio de este sitio se puede encontrar en Github

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%

🧐 JamStack

Para crear el sitio se utilizaron las siguientes herramientas libres.

Gatsby.js Frontend basado en React.

TailwindCSS Utilidades CSS.

ContentfulCMS Gestor de contenidos.

Netlify Hosting.

Licencia inspirada en Css-Tricks. 👇

blogDocumento Legal Super Importante

Porque me importa lo que haces.

Documento Legal Super Importante

Jamstack es una arquitectura diseñada para hacer que la Web sea más rápida, más segura y más fácil de escalar. Se basa en muchas de las herramientas y flujos de trabajo que los desarrolladores adoran y que brindan la máxima productividad.

Headless

La expresión Headless (sin cabeza o multiples cabezas) hace referencia a la idea de separar:

  • La Cabeza ('frontend' o lo que ve el usuario)

  • Del cuerpo ('backend' o el espacio de administración donde se crea y gestiona el contenido).

🎓 Dependencias.

Inspiración y artículos usados de referencia.

React Awesome Button Botón asombroso de React.

Copy to clipboard Articulo y código para copiar a la papelera y tirar confetis 🎉

Lottie Para exportar After Effects como un SVG animado.

Algolia - Para las búsquedas de recursos

🎵 Google Fonts usando Fontsource

Vollkorn - Para textos largos (tipografía hormiga)

Vollkorn SC - Para las versalitas*

Yeseva-one - Para títulos (tipografía de mariposas)

Space-mono - Tipografía monoespaciada

Hormigas y mariposas. Una idea de Luis Siquot para establecer los caminos posibles para el diseño de tipografías. Las «hormigas tipográficas» se encargan de la minuciosa y laboriosa tarea de hacer legible un texto, un trabajo muy útil, pero imperceptible a los ojos del lector. Por otro lado, el despliegue de las «mariposas tipográficas» manifiestan su plenitud y sus formas de manera deliberada a gran escala.

Programando con el diseño dentro

*versalitas vienen a ser las mayúsculas de una tipografía pero con la altura de una minúscula. En ortotipografía se la utiliza (entre muchas maneras) para hacer que las siglas se acomoden con el resto de las palabras de un párrafo y no se perciban tan destacadas.

Ejemplo de versalitas en el texto de De la industria textil a la Luna - blog

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%

Proyectos que confíaron su web a estas tecnologías.