elWebmaster.com

La propiedad CSS calc() se puede utilizar como un valor para otras propiedades CSS como width, height y top. Permite realizar cálculos con las unidades de medida en CSS – como píxeles, EMS y porcentajes.

La propiedad CSS calc() se puede utilizar como un valor para otras propiedades CSS como width, height y top. Permite realizar cálculos con las unidades de medida en CSS – como píxeles, EMS y porcentajes.

calc() puede ser útil para muchos propósitos en lo que se refiere al tamaño de los objetos, de manera que no es necesario calcular los límites superior, izquierda, derecha, e  inferiores, o las anchuras y alturas manualmente. Seguir leyendo

Hace algunos días, un diseñador web realizó una queja a través de su cuenta de Twitter: “¿Por qué algunos autores de CSS parecen estar de acuerdo en que “btn” abrevie “button” cuando “large” no necesita “lrg”? Dejen de abreviar sólo porque otros lo hacen”.  ¿Es la pérdida de claridad superada por los beneficios de tener nombres más cortos de clases? Seguir leyendo

¿Nunca te has preocupado de que estés abarcando el CSS de una forma completamente equivocada? ¿De que te estés perdiendo una mejor manera que haga todo más sencillo y mejor? Esta es la manera en que te sugerimos encarar el CSS. Seguir leyendo

Hace mucho tiempo, en el diseño web, todo lo que tenías que hacer para que tus sitios sean compatibles entre navegadores era que  tengan un ancho de 960px, y resolver los problemas que IE6 provocaba. Oh, los viejos tiempos. Esos tiempos se terminaron. ¿Podrá pasar tu sitio web a través de estos siete puntos y salir ileso? Seguir leyendo

Son muchas las maneras en que el diseño de tu sitio puede ser personalizado, y una es a través de los cursores. En ciertos casos, puede ser de utilidad poder asignarles un diseño personalizado. Con CSS, esto es más que sencillo. Seguir leyendo

Los filtros CSS no son soportados de una manera realmente amplia pero aún así, son realmente impresionantes y un moderno recurso para la imagen en la web. Estos filtros te permiten modificar la manera en que se muestran las imágenes de muchas formas, una de las mismas es mostrar las imágenes en escala de grises. Seguir leyendo

Una de las mejores razones para usar Sass son las variables, con las que puedes mantener tu código limpio, facilitando su mantenimiento y posibles cambios. Sin embargo, con colores, es fácil que las variables se te escapen de las manos. En este artículo, te mostraremos un rápido y simple método para organizar tus variables de color. Seguir leyendo

Google y Yahoo! saben que la aceleración en las páginas de sus usuarios es crucial. Ambas compañías han invertido millones de dólares en la capacidad del servidor y mejoras del software, las cuales, son necesarias para atender rápidamente los resultados de las búsquedas de millones de usuarios todos los días. Sin embargo, las optimizaciones que estas empresas realizan no se detienen en las inversiones en infraestructura. Optimizan la entrega de sus datos hasta en los propios datos. Seguir leyendo

Es casi imposible reunir en un artículo todos los fragmentos de código CSS que podrían ayudarte, pero aquí están algunos que puedas llegar a necesitar, unos con más frecuencia que otros. No te asustes por la longitud de algunos códigos CSS porque son todos fáciles de aplicar y en cualquier caso, están bien documentados. Además de los que resuelven problemas comunes y molestos también hay algunos que resuelven nuevos problemas provocados por las nuevas tecnologías. Seguir leyendo

Precargar imágenes es una gran manera de mejorar la experiencia del usuario, ayudando a los usuarios sin mucho ancho de banda a disfrutar de una mejor experiencia al visualizar tu contenido. En este artículo, vamos a explorar tres técnicas diferentes de precargar para mejorar el rendimiento y la facilidad de uso de tu sitio web. Seguir leyendo