Este post es una actualización de uno que escribí hace 5 años con una lista bastante larga de opciones para crear y editar páginas web, muy orientada especialmente a editores visuales. En la actualidad usar editores visuales no tiene mucho sentido y además el panorama ha cambiado sustancialmente. Tras años de peticiones para que actualizase aquel post, por fin me he decidido a hacerlo (¡siento haber tardado tanto!). Aquí os dejo los motivos del cambio de enfoque y una lista de mis editores favoritos con 3 enfoques/categorías diferentes. ¡Allá vamos! [Más]

La propiedad de CSS position, como su propio nombre indica, sirve para posicionar elementos HTML. Anteriormente ya echamos un vistazo general a sus propiedades con especial atención a position:absolute;, que es uno de sus valores más útiles. En este post veremos otro interesante valor de esta propiedad: position:sticky; que a veces se pone rebelde y no quiere funcionar, aparentemente sin razón. Si position:sticky; no te funciona, sigue leyendo, porque quizá estás pasando por alto alguno de los detalles que hay que tener en cuenta para usarlo. Y si no, también, porque te puede ahorrar tiempo en el futuro. [Más]

En la serie de artículos de David Charte sobre cómo escribir un blog y generar webs estáticas con Jekyll para GitHub Pages, aprendimos los conceptos y detalles para conseguir un entorno local de desarrollo con Ruby y Jekyll. Profundizando un paso más, vamos a explicar como haciendo uso de Docker podemos olvidarnos de cualquier proceso de instalación y conseguir un entorno fácil, sencillo y listo para compartir entre diferentes equipos sin importar el SO (MacOS/Windows/Linux) y sin "ensuciar" el sistema con instalaciones. En este artículo aprenderemos a crear nuestra imagen base de Docker para finalmente ejecutar nuestro entorno local con un simple docker-compose up. [Más]

Abróchate el cinturón. En esta guía, comparamos cuándo es absolutamente vital utilizar TypeScript, el lenguaje de programación de tipado estricto, y cuándo tiene sentido atenerse a JavaScript "puro". [Más]

Con la llegada de la RGPD (o GDPR, General Data Protection Regulation) y sus efectos sobre todas las empresas respecto a la privacidad, nos vimos obligados a introducir modificaciones en nuestras aplicaciones web con objeto de soportar los nuevos requisitos de seguridad y privacidad impuestos por las autoridades europeas. La entrada en vigor, el 25 de mayo de 2018, prácticamente coincidió con el lanzamiento de ASP.NET Core 2.1, que se subió al hype y aprovechó para introducir algunas novedades que, de alguna forma, nos ayudaban a implementar algunos de los requisitos exigidos por esta nueva normativa. Algunas de estas funcionalidades, que exploraremos en mayor detalle a lo largo de este artículo, se implementan en forma de componentes incluidos en el framework ASP.NET Core, mientras que otras son simples adiciones a la plantilla de proyectos MVC y Razor Pages. [Más]

Aprende a dividir el contenido de tus páginas en columnas responsive usando solo unas pocas reglas de CSS. Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas. Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos quedasen demasiado grandes (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript. [Más]

Un motivo por el que se selecciona un framework frente a hacerlo todo a mano desde cero es el tiempo que te ahorras. El tiempo de un desarrollador es tremendamente importante (y caro) por eso existen herramientas como Angular, que proporcionan técnicas para optimizar el tiempo de desarrollo. Aparte de escoger correctamente el framework, es muy importante aprender a trabajar de manera productiva con él, y esto implica aprender a configurar nuestro entorno de trabajo para facilitar el día a día. En este artículo te mostramos una configuración productiva para trabajar con Angular, aunque la mayoría de puntos son aplicables a cualquier otro framework JavaScript. [Más]

En las anteriores partes de esta serie hemos trabajado con Jekyll y hemos visto todo el proceso de publicar gratuitamente páginas y blogs basados en este generador de sitios estáticos aprovechando Github. También vimos cómo extenderlo mediante plugins, cómo compilar todo en local para poder comprobarlo antes de subirlo a Internet, y cómo realizar el proceso de publicación automáticamente. Ahora vamos a ver cómo hacerlo en la práctica, para lo cual te dejamos este vídeo de David Charte en el que resume todo el proceso. [Más]

Ya conoces el proceso de construcción de un sitio estático utilizando el generador Jekyll de principio a fin. Además, Jekyll soporta el uso de plugins adicionales para generar algunos tipos de páginas automáticamente o modificar el comportamiento de distintas formas. Sin embargo, el uso de plugins está restringido en GitHub Pages por motivos de seguridad. Para aprovechar todas las posibilidades que nos ofrece el generador estático, vamos a aprender cómo automatizar el propio proceso de generación para GitHub Pages mediante un sistema de integración continua como Travis CI, y a extender la funcionalidad del sitio con distintos plugins. [Más]

A lo largo de esta serie ya has aprendido a construir un primer sitio estático con Jekyll y a llenarlo de contenido, aprendiendo a ponerlo en funcionamiento en local. Ahora vamos a entender cómo está estructurado tu sitio y cómo procesa Jekyll cada parte, para poder hacer cualquier modificación y construir nuevos sitios desde cero. [Más]