…viewsvistas

CreditsCréditos

I didn't make any of this on my own. There's a bunch of tools, fonts and sites behind it that helped me or gave me ideas. Here's who I owe it to.Nada de esto lo hice solo. Detrás hay un montón de herramientas, fuentes y webs que me ayudaron o me dieron ideas. Aquí dejo a quién se lo debo.

The foundationLa base

When I started, snails.town was my jumping-off point. Their code gave me the base structure so I didn't have to begin from zero, and honestly it helped me a lot to understand how to put all of this together. The site has grown and changed a ton in my own way since then, but that early push really mattered. Thank you, snails. 🐌Cuando empecé, snails.town fue mi punto de partida. Su código me dio la estructura base para no empezar desde cero, y la verdad es que me ayudó un montón a entender cómo montar todo esto. Desde entonces la web ha crecido y cambiado mucho a mi manera, pero ese empujón del principio fue importante. Gracias de verdad, snails. 🐌

snails.town  ·  neocities-snails (GitHub)

Build & generatorConstrucción y generador
  • Eleventy (11ty) Static site generator that builds the whole site.Generador estático que construye toda la web.
  • Nunjucks Templating language for the pages.Lenguaje de plantillas de las páginas.
  • eleventy-img Responsive image optimization at build time.Optimización de imágenes responsive en el build.
  • eleventy-navigation Navigation and breadcrumb helpers.Ayudas de navegación y migas de pan.
  • eleventy-plugin-rss Generates the blog RSS feed.Genera el feed RSS del blog.
  • markdown-it Markdown rendering for blog posts.Renderizado de Markdown en el blog.
  • Prism.js Syntax highlighting in code blocks.Resaltado de sintaxis en los bloques de código.
  • Luxon Date formatting.Formato de fechas.
  • html-minifier-terser Minifies the final HTML.Minifica el HTML final.
  • normalize.css Cross-browser styling baseline.Base de estilos consistente entre navegadores.
In the browserEn el navegador
  • Three.js 3D for the splash screen.3D de la pantalla de inicio.
  • <model-viewer> Displays the 3D models (the apple, the shelf).Muestra los modelos 3D (la manzana, la estantería).
  • jQuery Small DOM helpers.Pequeñas utilidades para el DOM.
  • Bootstrap Icons Icon set used across the site.Conjunto de iconos usado en toda la web.
3D & assets3D y recursos
  • Sketchfab Where I grabbed 3D models like the apple, and where I go to poke around for ideas.De donde saqué modelos 3D como la manzana, y donde me meto a fisgar en busca de ideas.
  • Poly Haven Free HDRIs and textures — the splash screen's HDR background came from here.HDRIs y texturas gratis — el fondo HDR de la pantalla de inicio salió de aquí.
  • HDRMaps More HDR maps for lighting the 3D scenes.Más mapas HDR para iluminar las escenas 3D.
ToolsHerramientas
  • Squoosh Squishing images down so the site loads fast.Para comprimir imágenes y que la web cargue rápido.
  • imgto.xyz Quick conversions between image formats.Conversiones rápidas entre formatos de imagen.
  • Dverso Tools For yanking the background out of images.Para quitarle el fondo a las imágenes.
  • Flexbox Labs Messing with flexbox/grid layouts without all the trial and error.Para trastear con layouts de flexbox/grid sin tanto prueba y error.
  • Abacus Free, no-signup hit counter — it powers the global views count up top.Contador de visitas gratis y sin registro — alimenta el número de vistas global de arriba.
FontsTipografías
  • DejaVu Sans Mono The monospace font you're reading right now.La fuente monoespaciada que estás leyendo ahora mismo.
  • Alkhemikal The chunky pixel font I use for titles.La fuente pixel gordota que uso para los títulos.
  • FrontendDev — Fonts Where I went digging until I found fonts I liked.Donde estuve rebuscando hasta dar con fuentes que me gustaran.
HostingAlojamiento
  • Netlify Hosting and continuous deploys.Alojamiento y despliegues continuos.
  • GitHub Where the code lives and where every change is tracked.Donde vive el código y donde se guarda cada cambio.
InspirationInspiración
  • Neocities The indie web revival that started it all.El renacer de la indie web que lo empezó todo.
  • Nekoweb Indie hosting with a cozy spirit.Hosting indie con espíritu acogedor.
  • The old / indie web Personal sites, no algorithms, no filters.Webs personales, sin algoritmos ni filtros.
ThanksGracias

And thanks to everyone keeping the personal web alive. See something of yours here I forgot to credit? Tell me and I'll add it.Y gracias a toda la gente que mantiene viva la web personal. ¿Ves algo tuyo que se me haya pasado poner? Dímelo y lo añado.

L TV