La inteligencia artificial es el presente, Claude y Codex son capaces de escribir código por nosotros. El tiempo de programar línea a línea a terminado. Si quieres ponerte al día y crear una web desde cero, os dejo esta guía que he elaborado, en completo español, basada en el tutorial de Tommaso Nervegna. Espero os sirva de ayuda para adentraros en este fantástico mundo del Vibe Coding.
Lo he probado. Me ha explotado la cabeza. Resultados increíbles. No me pagan. Si quieres vectorizar una imagen rasterizada (esta herramienta está especialmente enfocada en logotipos), a día de hoy es la opción más óptima. Os podéis registrar y tenéis 20 usos gratis. Pruébala y me cuentas.
Si vais a emprender un nuevo proyecto web, y queréis deshaceros de todo, para desarrollarlo a mano, el primer paso -siempre- es hacerse con un buen reset.css. ¿De qué valen? En resumen, setean todos los elementos del DOM (la estructura html) con el mismo aspecto inicial, puesto que, generalmente, cada explorador (Chrome, Firefox, etc.) tiende a interpretarlo como le da la gana. Así que, para ganar consistencia y heterogeneidad en tus maquetaciones, te recomiendo que visites a este señor y descargues su trabajo: (descargar reset.css).
Lo sé, todos conocemos IconFinder, también FontAwesome, pero -seamos sinceros- empieza a cansar el hecho de ver los mismos iconos, una y otra vez, en el ecosistema web. Diferenciarse en detalles, como los iconos, genera una identidad única y memorable, por eso, es un buen ejercicio buscar galerías como StreamLineHQ que presentan conceptos refrescantes y actualizados. Cerca de 400.000 iconos, muchos de ellos gratis, para que te salgas un poquito de lo típico.
Cómo cerrar tu página web? Con qué mensaje? Meter o no un sitemap? Añadimos un elevator speech? O un formulario de contacto de despedida por si a caso? La verdad es que hay innumerables técnicas para el cierre de una web. En esta galería de footers, podréis encontrar muchas de ellas y a cada cual más creativa y mejor ejecutada. Si necesitáis inspiración para realizar el pie de vuestra página web, visitadla ya 😍
Nuestro querido amigo y seguidor Catay, se ha currado una galería de iconos 3d brutal. Y no solo es brutal, también gratuita. Podéis usar el buscador (arriba a la izquierda) para encontrar cualquier elemento que necesitéis. Me gusta, sobre todo, la paleta de colores tan cálida que utiliza. La resolución de los mismos es de 160x160px. No dudéis en visitarla.
Esta página no sería la que es si no fuera por las fuentes gratis que subo habitualmente. Hoy tengo el gusto de compartir con vosotros «Del Ray» una tipografía de tipo script (caligrafía a mano), con mucho cuerpo y que parece estar trazada a subrayador.
Todavía siguen publicándose galerías de iconos gratis. Hacía mucho que no publicaba una, pero esta se merece los honores. En Thiings podéis descargar cerca de 3000 iconos vectoriales de una calidad increíble.
No se puede negar que lo más importante de una web es la landing de la home page. Aquí, en pocos segundos, no solo debemos captar la atención del usuario (que por término medio no suele tardar más de 3 segundos en tomar una acción) sino que también debemos describir nuestra actividad y marcar la diferencia (o propuesta de valor). Todo esto, además, con una narrativa o eje de comunicación único. ¿No parece fácil verdad? Pues los chicos de Website Headlines vienen a ayudarnos con una galería que aglutina los trabajos más creativos vistos por la red. Apple, Bolt, Basecamp y otros grandes también están por aquí: Websiteheadlines.
Ayer me dispuse a hacer un banner para una Web. Sí, de esos que promocionan tu marca y tiene algunos movimientos básicos para llamar un poco la atención. El caso que, cuando fui a guardarlo en formato GIF, le pregunté a mi querido ChatGPT si las cosas no habían evolucionado ya un poco. Y efectivamente, descubrí que WebP (si no la has usado nunca, deberías empezar a hacerlo ya) también permite animaciones. Inmediatamente me lancé a Chrome y busqué una herramienta online para crearla. Y encontré EZGif. No es que sea una locura de software en cuanto a opciones, pero, oye, tiene opción de crear transiciones por opacidad y definir los tiempos necesarios para que quede algo decente. Solo tienes que subir los fotogramas clave y EZGif hará el resto. ¿He dicho ya que es gratis? Es gratis.
