Publicado por
Pablo Iglesias
el
En este post aprenderemos a hacer un botón para un menú hamburguesa que cambiará de icono entre las clásicas tres rayitas y un aspa (vamos, una "X") alternativamente cada vez que hagamos clic. Y todo esto sin usar imágenes ni JavaScript. ¿Magia? ¿Brujería? No, CSS.
De hecho este botón lo podríamos aprovechar para usarlo con este menú escamoteable, también sin JavaScript, que ya vimos en otro post.
[Más]
Publicado por
Pablo Iglesias
el
CSS es mucho más potente y profundo de lo que muchos desarrolladores creen y, cualquiera que lo quiera abordar seriamente para maquetar webs, realmente puede sentirse abrumado y caer en la tentación de solo rascar la superficie. En este post he recopilado unos cuantos puntos clave que pueden ayudar a cualquiera que se esté iniciando en serio en la maquetación web.
[Más]
Publicado por
José Manuel Alarcón
el
Una necesidad muy habitual a la hora de programar es la de obtener valores por defecto para los parámetros de las funciones. Al contrario que en otros lenguajes como C# o Java, en JavaScript no hay manera de forzar la definición de una función y sus parámetros. Podemos definir una función con tantos parámetros como deseemos, pero eso no significa que luego los otros programadores nos los vayan a pasar siempre. Y es que en JavaScript todos los parámetros de una función son opcionales, pero al mismo tiempo no tenemos manera de otorgarles un valor predeterminado por si no nos los pasan. En este artículo veremos cómo podemos conseguirlo (más o menos) con JavaScript tradicional y luego con el nuevo operador específico de ECMAScript 2020.
[Más]
Publicado por
José María Aguilar
el
En mi anterior artículo presenté Blazor, la nueva tecnología de Microsoft para crear aplicaciones Web basadas en servidor o en navegador usando .NET y C#. Ese artículo proporcionaba una visión general de Blazor, cómo se relaciona con .NET y con los navegadores, qué es WebAssembly y cuáles son las posibilidades alucinantes que nos facilita esta tecnología. En el artículo de hoy voy a profundizar un poco más con otras 7 preguntas y sus respuestas de modo que puedas conocer mejor cómo funciona, qué implica en cuanto a conocimientos y aprendizaje y que veas si te puede encajar la tecnología o no. ¡Vamos allá!
[Más]
Publicado por
José María Aguilar
el
Los desarrolladores que trabajamos con tecnologías web de Microsoft estamos viviendo un terremoto con la llegada de Blazor. No en vano, Blazor se está postulando como una alternativa real a frameworks para el desarrollo de aplicaciones web ya consolidados, como MVC o Razor Pages, e incluso como sustituto de soluciones SPA como Angular o React. Sin embargo, aún hay muchos desarrolladores que no han oído hablar de este nuevo marco de trabajo o que tienen algunas dudas sobre él. En este post vamos a intentar responder a algunas preguntas que, aunque básicas, creo que serán interesantes para todos los que queráis echar un primer vistazo a este framework que nos puede cambiar la forma de desarrollar aplicaciones web.
[Más]
Publicado por
José Manuel Alarcón
el
En más ocasiones de las que nos gustaría, las cosas en HTML y CSS parecen mucho más sencillas de lo que son en realidad. Una de estas cuestiones aparentemente fáciles, pero que tiene mucho más fondo del que parece, es el posicionamiento vertical de elementos, controlado por la propiedad z-index, que influye en qué elementos se ven cuando se solapan varios. Existen dos conceptos clave para entender el posicionamiento vertical: los contextos de apilamiento y la prioridad cuando se produce una interferencia entre elementos. En este artículo se explican con detalle esos conceptos para ir más allá de lo que sabe el desarrollador medio sobre el tema, y ayudarte a evitar cualquier problema que te pueda surgir a la hora de aplicar la visibilidad vertical de elementos. Además veremos un ejemplo práctico del problema, con un vídeo explicativo que te ayuda a entender qué pasa y cómo solucionarlo.
[Más]
Publicado por
José Manuel Alarcón
el
Has trabajado duro en crear esa biblioteca JavaScript maravillosa en la que llevas trabajando varias semanas en tus ratos libres. La has probado bien y está lista para ser utilizada. Ahora solamente te faltan los usuarios que la quieran usar. ¿Cómo se la hago llegar? ¿De qué manera van a descubrirla para poder sacarle partido? Bueno, pues aparte de tener el repositorio en Github, una pequeña página de documentación y /o promoción, hoy en día hay que tenerlo publicado en npm. Sí o sí. En este artículo te contamos cómo puedes publicar un paquete npm como un profesional.
[Más]
Publicado por
José Manuel Alarcón
el
Desde hace muchos años, es casi impensable desarrollar una aplicación seria que no tenga necesidad de conectarse y comunicarse con otras aplicaciones. Especialmente si se trata de una aplicación Web. Existen multitud de maneras de comunicar dos aplicaciones, pero en la Web se han impuesto los servicios REST hace años, y en los más recientes habrás escuchado hablar sin duda de los Webhooks. En este artículo te contamos en qué consisten, en qué se diferencian de una API Rest, cómo le puedes sacar partido sin ni siquiera tener que programar, y qué deberías usar entre una API y un webhook.
[Más]
Publicado por
Pablo Iglesias
el
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]
Publicado por
José Manuel Alarcón
el
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]