Todos los artículos sobre "Desarrollo Web"

En este post veremos tres formas distintas de modificar con CSS la apariencia del icono de imágenes rotas que muestra el navegador cuando no puede cargar una imagen, que suele ser un icono genérico. Aunque este tipo de elementos no se suelen modificar en todos los proyectos, puede haber casos concretos en los que nos interese hacerlo, por ejemplo, en una web con contenidos generados por el usuario donde se quiere destacar bien este hecho, o simplemente porque quieres cuidar hasta el más mínimo detalle del diseño de la web. [Más]

Con HTML, CSS y JavaScript se pueden construir todo tipo de aplicaciones complejas, con casi las mismas capacidades que las nativas y que funcionan más allá de la Web: fuera del navegador en el escritorio, en dispositivos móviles, en servidores... Lejos quedan ya aquellos tiempos en los que, para crear una aplicación Web, lo único que hacía falta era un editor de texto más o menos avanzado y nada más. Hoy en día es complicado hasta tan solo seguirle la pista a todo lo que existe. En esta guía repasamos las principales categorías de herramientas Front-End para saber para qué se utilizan y cuáles son las más importantes. [Más]

Salvo que hayas vivido debajo de una piedra durante los últimos años, si te dedicas a algo relacionado con el desarrollo web Front-End, seguro que has escuchado hablar de TypeScript. Se trata de un lenguaje de programación que extiende a JavaScript y lo dota de capacidades muy interesantes que hacen que podamos escribir código con menos errores, más sencillo, coherente y fácil de probar. Pero también tiene sus "pegas". En este artículo te contamos qué es TypeScript, cómo funciona, qué ventajas tiene y qué problemas puede ocasionarte para que puedas decidir si es para ti. [Más]

Tras varios meses de retrasos y bastante incertidumbre, el pasado jueves, 6 de febrero, se lanzó definitivamente la versión 9 de Angular, uno de los frameworks de desarrollo Front-End más utilizados del mundo, especialmente en las empresas. La gran estrella de esta nueva versión es el esperadísimo nuevo compilador "Ivy", en el que llevaban trabajando mucho tiempo. El mero hecho de cambiar a la nueva versión, y gracias a Ivy, nos proporcionará grandes mejoras en nuestras aplicaciones, sin necesidad de hacer cambios sustanciales a la base de código. Te lo contamos... [Más]

Aunque todo profesional del desarrollo Web que se precie debe dominar HTML y CSS, la realidad es que en la mayor parte de los proyectos normalmente hacemos uso de alguna biblioteca o framework CSS, como por ejemplo Bootstrap (que es la más utilizada) o herramientas similares. Utilizar un framework CSS nos permite maquetar muy rápido, dar un aspecto atractivo por defecto a las aplicaciones, y tener ya hechas muchas cosas complicadas. Pero, por otro lado, utilizar un framework implica que estamos añadiendo gran cantidad de cosas a la aplicación que jamás vamos a utilizar. En este artículo aprenderás a sacar partido a la estupenda herramienta PurgeCSS para automatizar el análisis y limpieza de los archivos CSS que emplee tu aplicación web Front-End, y acabar con aplicaciones más ligeras y más rápidas. [Más]

Los enlaces internos dentro de un mismo documento HTML son una solución muy práctica y habitual, especialmente en páginas de preguntas frecuentes o ecommerce monoproducto. Son muy cómodos porque te permiten acceder de forma muy rápida y fácil a diferentes secciones cuyo contenido quizá no es suficiente para disponer de su propia página. En este post vamos a aprender a ponerle una transición suave cuando naveguemos entre ellos sin necesidad de recurrir a JavaScript. [Más]

Java es sin duda el lenguaje más demandado en el mercado laboral. Sirve para crear todo tipo de aplicaciones: desde el móvil hasta el servidor, pasando por el escritorio o la Web. Y es esto último precisamente lo que nos ocupa hoy: el desarrollo Web. [Más]

A pesar de los avances de los últimos años de HTML y CSS, jQuery sigue siendo una biblioteca extremadamente útil y todavía hoy la utilizan casi el 90% de los principales sitios web del mundo y su uso no ha parado de crecer. Hoy me quiero centrar en una cuestión poco conocida, única de jQuery frente a CSS, y que puede ser muy potente: crear pseudoelementos propios para usar en estos selectores. [Más]

Hace un par de días, Boostrap lanzó su versión 4.4. La mayor parte de lo que trae son arreglos de bugs y pequeñas cosas, pero tiene dos cuestiones nuevas muy interesantes que explico a continuación... [Más]

El efecto de "scroll" nació como una forma de hacer que algo grande cupiese dentro de otra cosa que es más pequeña. Hoy en día lo tenemos tan interiorizado que apenas le hacemos caso, pero en su momento fue toda una revolución. Pero, aparte del scroll "normal" en la actualidad se necesita poder controlar más, la manera en que los usuarios lo utilizan, poniendo algo parecido a "imanes" que hagan que se muestren los elementos del modo que nos interese, a saltos, y no de manera continuada. Vamos a ver cómo conseguirlo gracias al nuevo estándar CSS Scroll Snap Module soportado ya por todos los navegadores modernos. [Más]