Lo cierto es que puede resultar un tanto espelúznate, a la par que útil, las herramientas que nos facilitan conocer qué tecnologías se están utilizando en una web, ya sea el tipo de servidor, CMS, librerías JavaScript, etcétera. En varias…
Posts tagged CSS
Evitando JavaScript usando selectores CSS
La semana pasada nos encontrábamos con un escenario muy simple, donde básicamente teníamos una imagen de perfil y era necesario mostrar posibles acciones sobre la misma cuando el usuario pasaba el ratón por encima. Si bien no es nada del…
HTML 5 getElementsByClassName y classList
Uno de los selectores más famosos en JQuery es aquel que nos permite recuperar N elementos a través del nombre de una clase que tengan asignada: [js]var elements = $(‘.info’);[/js] Por otro lado, también es muy común hacer uso de…
CSS Scoped
En los últimos años hemos podido encontrarnos con diferentes escenarios que han hecho pensar/reaccionar a las grandes compañías en diferentes puntos del mundo web. CSS Scoped es una característica que, a simple vista, puede parecer poco práctica o incluso un…
Source Maps
Una de las prácticas recomendadas para mejorar el rendimiento de nuestros desarrollos es la combinación y compresión de los recursos JavaScript y CSS. Sin embargo, hemos vivido más de una situación donde ocurren errores en producción y resulta realmente complicado…
CSS 3 variables
Una de las características más envidiadas de los preprocesadores CSS es la posibilidad de almacenar en variables los valores que pueden ser susceptibles al cambio: tamaños, colores, nombres de las fuentes, etcétera. Si bien su llegada está siendo lenta, ya…
LESS: Preprocesador CSS con soporte en Visual Studio 2012
El uso de preprocesadores CSS está bastante de moda últimamente. En los últimos post he estado centrada en modularidad con RequireJS en JavaScript, la compresión y reducción de archivos gracias al sistema de bundles de ASP.NET 4.5 y hoy me…
ASP.NET Bundling: CDN, archivos secuenciales, directorios y Requirejs
Uno de los puntos más preocupantes cuando comienzas a trabajar con Single Page Applications es la cantidad de archivos JavaScript que vamos a manejar. Generalmente, un navegador está diseñado para realizar unas 6 peticiones concurrentes al mismo dominio, por lo…
CSS3: Box-shadow
Otra de las muy esperadas propiedades de CSS 3 se trata de box-shadow la cual nos va permitir añadir tanto sombras externas como internas a nuestros elementos. Esta propiedad funciona de la siguiente manera: ¿Cómo funciona realmente? La propiedad box-shadow…
CSS Media Queries (Responsive Web Design)
Uno de los grandes dolores de cabeza a la hora de maquetar una aplicación son las diferentes resoluciones contra las que nos tenemos que enfrentar… Y realmente puede llegar a ser complicado, sobre todo porque la tendencia es tener aplicaciones…