[{"content":"Algunos proyectos empiezan con un encargo claro; otros, con la sensación difusa de que algo ya no encaja. Ambos son buenos puntos de partida si hay disposición a mirar con honestidad. En esos casos hacemos primero las preguntas incómodas: ¿qué funciona de verdad hoy? ¿Qué páginas no visita nadie? ¿Qué contenidos existen solo porque siempre estuvieron ahí?\nLas respuestas casi siempre llevan a un sitio más pequeño y más claro. Menos páginas, pero mejores: suele ser el camino más rápido hacia un resultado mejor.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-1.jpg","excerpt":null,"tags":["Sitio web","Hugo"],"title":"Menos páginas, pero mejores","url":"/es/blog/called-i-that-waters-dry-one/"},{"content":"Una imagen sostiene una página solo si cuenta algo. La decoración sin mensaje cuesta tiempo de carga y distrae del texto en lugar de apoyarlo. El formato, el encuadre y la posición importan tanto como el motivo elegido.\nLas que mejor funcionan son las imágenes que continúan el texto en lugar de repetirlo. Dan un descanso a la vista y contexto al contenido.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-2.jpg","excerpt":null,"tags":["Sitio web"],"title":"Lenguaje visual con contención","url":"/es/blog/fruit-so-open/"},{"content":"Una imagen sostiene una página solo si cuenta algo. La decoración sin mensaje cuesta tiempo de carga y distrae del texto en lugar de apoyarlo. Por eso preferimos pocas imágenes potentes, con espacio suficiente, antes que llenar cada hueco.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-3.jpg","excerpt":null,"tags":["Sitio web"],"title":"Imágenes que cuentan algo","url":"/es/blog/darkness-made-great/"},{"content":"La accesibilidad se trata a menudo como una tarea añadida, aunque casi siempre nace de las mismas decisiones que ya mejoran una página: estructura clara, contraste suficiente y lenguaje comprensible.\nUnos niveles de encabezado bien pensados no solo ayudan a los lectores de pantalla, también a los buscadores y a quien solo echa un vistazo rápido. Un formulario con etiquetas bien asociadas es más fácil de usar para cualquiera.\nLa prueba más sencilla no cuesta nada: apartar el ratón y recorrer la página solo con el teclado. Lo que no se alcance así tampoco lo alcanzará una parte de tus visitantes.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-4.jpg","excerpt":null,"tags":["Hugo"],"title":"Accesible desde el principio","url":"/es/blog/together-had-said-given-day-spirit/"},{"content":"La velocidad es una decisión de diseño. Una página que aparece al instante se percibe como más cuidada que otra más elaborada que tarda dos segundos.\nLa mayor palanca casi siempre son las imágenes. Tamaño correcto, formato moderno y carga diferida bien aplicada rinden más que cualquier microoptimización del código.\nDespués va la tipografía. Cada familia adicional cuesta tiempo de carga, y pocos proyectos necesitan más de dos.\nLos scripts son el tercer punto. Mucho de lo que antes requería una biblioteca hoy se resuelve con unas pocas líneas de código nativo.\nLos sitios estáticos parten con ventaja: no hay consulta a base de datos que pueda ir lenta ni caché que haya que mantener.\nAl final, lo único que cuenta es lo que llega a un dispositivo normal en una red normal. Lo demás son estadísticas.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-5.jpg","excerpt":null,"tags":["Golang"],"title":"La velocidad es diseño","url":"/es/blog/spirit-subdue-two-dont/"},{"content":"Al principio siempre hay una pregunta, no una paleta de colores. ¿Qué debe conseguir la página, para quién, y cómo sabremos que ha funcionado? Sin esas respuestas, el diseño se convierte en cuestión de gustos. Después llega la parte aburrida: ordenar, recortar, priorizar. Es la que decide el resultado final.\nSolo cuando la estructura está resuelta empezamos a diseñar. Comenzamos en escala de grises, para que el contraste y la jerarquía dependan del tamaño y del espacio.\nEl color llega al final y con moderación. Debe guiar, no adornar: un único acento suele bastar para llevar la mirada donde corresponde.\nPor último probamos en dispositivos reales, con contenido real y conexión lenta. Lo que aguanta ahí, aguanta en todas partes.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-10.jpg","excerpt":null,"tags":["Hugo","Programación"],"title":"[Formato de entrada] Estándar","url":"/es/blog/post-format-standard/"},{"content":"Una sola imagen sostiene una entrada únicamente cuando muestra algo que el texto no necesita explicar. Lo demás es decoración.\nLa resolución importa: el motivo debe seguir nítido en pantallas grandes sin castigar el tiempo de carga.\nPor eso aquí servimos un formato recortado con cuidado, capaz de adaptarse a cualquier ancho de columna.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-8.jpg","excerpt":null,"tags":["Programación"],"title":"[Formato de entrada] Imagen","url":"/es/blog/post-format-image/"},{"content":"Una buena retícula es invisible. Solo se nota cuando falta: los márgenes parecen arbitrarios, los títulos se desalinean y la mirada no encuentra dónde apoyarse.\nIgual de importante es el ritmo del texto. Interlineado, espaciado y cuerpo van juntos; si se cambia uno, hay que pensar en los demás.\nQuien domina ambas cosas necesita muy poca decoración. Dos pesos tipográficos, un color de acento y bastante espacio en blanco bastan para casi cualquier proyecto.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-6.jpg","excerpt":null,"tags":["Sitio web","Programación"],"title":"[Formato de entrada] Cita","url":"/es/blog/post-format-quote/"},{"content":"Un diseño claro empieza por decidir qué se deja fuera. Solo cuando desaparece el ruido, el contenido dispone del espacio necesario para funcionar.\nPor eso trabajamos de dentro hacia fuera: primero la estructura, después la tipografía y al final el color. El orden parece obvio, pero evita casi todos los rodeos.\nEl resultado es una página que se lee con calma y funciona en cualquier pantalla, sin que se note el trabajo que hay detrás.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-7.jpg","excerpt":null,"tags":["Sitio web","Hugo","Programación"],"title":"[Formato de entrada] Enlace","url":"/es/blog/post-format-link/"},{"content":"Las imágenes cuentan más rápido que el texto. Por eso una galería funciona mejor cuando la selección es breve y cada fotografía tiene un motivo claro para estar ahí.\nBuscamos un ritmo tranquilo: encuadres parecidos, una gama de color común y márgenes iguales. Así se forma una serie y no un montón.\nAl hacer clic, cada imagen se abre a tamaño completo. El diseño permanece de fondo para no perder el contexto.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-8.jpg","excerpt":null,"tags":["Sitio web","Programación"],"title":"[Formato de entrada] Galería","url":"/es/blog/post-format-gallery/"},{"content":"Un diseño claro empieza por decidir qué se deja fuera. Solo cuando desaparece el ruido, el contenido dispone del espacio necesario para funcionar.\nPor eso trabajamos de dentro hacia fuera: primero la estructura, después la tipografía y al final el color. El orden parece obvio, pero evita casi todos los rodeos.\nEl resultado es una página que se lee con calma y funciona en cualquier pantalla, sin que se note el trabajo que hay detrás.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-9.jpg","excerpt":null,"tags":["Programación"],"title":"[Formato de entrada] Slider","url":"/es/blog/post-format-slider/"},{"content":"Un diseño claro empieza por decidir qué se deja fuera. Solo cuando desaparece el ruido, el contenido dispone del espacio necesario para funcionar.\nPor eso trabajamos de dentro hacia fuera: primero la estructura, después la tipografía y al final el color. El orden parece obvio, pero evita casi todos los rodeos.\nEl resultado es una página que se lee con calma y funciona en cualquier pantalla, sin que se note el trabajo que hay detrás.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-6.jpg","excerpt":null,"tags":["Sitio web","Hugo","Programación"],"title":"[Formato de entrada] Vídeo HTML5","url":"/es/blog/post-format-video-html5/"},{"content":"Una buena retícula es invisible. Solo se nota cuando falta: los márgenes parecen arbitrarios, los títulos se desalinean y la mirada no encuentra dónde apoyarse.\nIgual de importante es el ritmo del texto. Interlineado, espaciado y cuerpo van juntos; si se cambia uno, hay que pensar en los demás.\nQuien domina ambas cosas necesita muy poca decoración. Dos pesos tipográficos, un color de acento y bastante espacio en blanco bastan para casi cualquier proyecto.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-8.jpg","excerpt":null,"tags":["Sitio web","Programación"],"title":"[Formato de entrada] Vídeo Vimeo","url":"/es/blog/post-format-video-vimeo/"},{"content":"Una buena retícula es invisible. Solo se nota cuando falta: los márgenes parecen arbitrarios, los títulos se desalinean y la mirada no encuentra dónde apoyarse.\nIgual de importante es el ritmo del texto. Interlineado, espaciado y cuerpo van juntos; si se cambia uno, hay que pensar en los demás.\nQuien domina ambas cosas necesita muy poca decoración. Dos pesos tipográficos, un color de acento y bastante espacio en blanco bastan para casi cualquier proyecto.\n","cover":"https://glacier-hugo.netlify.app/images/parallax-5.jpg","excerpt":null,"tags":["Programación","Hugo"],"title":"[Formato de entrada] Vídeo YouTube","url":"/es/blog/post-format-video-youtube/"},{"content":"Antes de escribir una sola línea de código aclaramos quién visita la página y qué quiere resolver allí. Todo lo demás se deduce de esa respuesta.\n","cover":"https://glacier-hugo.netlify.app/images/blog/blog-14.jpg","excerpt":null,"tags":["Programación"],"title":"[Formato de entrada] Audio","url":"/es/blog/post-format-audio/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-1.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Tazas","url":"/es/portfolio/cups/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-2.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Cactus","url":"/es/portfolio/cactus/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-3.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Danza","url":"/es/portfolio/dance/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-4.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Botellas","url":"/es/portfolio/bottles/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-5.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Árbol","url":"/es/portfolio/tree/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-6.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Sueño","url":"/es/portfolio/dream/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-7.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Logotipo","url":"/es/portfolio/logo/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-8.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Álbum de música","url":"/es/portfolio/music-album/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-9.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Libro","url":"/es/portfolio/book/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-10.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Fotografía","url":"/es/portfolio/photo/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-11.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Mano","url":"/es/portfolio/hand/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-12.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Embalaje","url":"/es/portfolio/package/"},{"content":"","cover":"https://glacier-hugo.netlify.app/images/portfolio/portfolio-item-13.jpg","excerpt":"Diseño, fotografía y desarrollo de principio a fin, desde el primer boceto...","tags":null,"title":"Teléfono","url":"/es/portfolio/phone/"}]