elWebmaster.com

CSS | aplicaciones web | HTML5

HTML5: Tamaño y posición personalizadas con CSS calc()

HTML5_logo_and_wordmark.svgLa 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

24/jul/15, 13.47 Manuel Rosa Ramos Comentar

CSS | código | estilo

Brevedad vs. Claridad: ¿Cuál es la mejor manera?

javascriptwide2Hace 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

09/mar/15, 09.21 Morton Comentar

CSS | código | consejos

CSS: Consejos para hacerlo bien

css3wide1¿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

07/ene/15, 10.47 Morton Comentar

Diseño | CSS | javascript

7 formas en que tu sitio web puede estar explotando sin que lo sepas

freelancers-wide

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

13/oct/14, 07.46 Morton 1 comentario

CSS | estilo | personalizar

Cómo crear cursores personalizados con CSS

css3wideSon 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

22/sep/14, 08.17 Morton Comentar

CSS | color | escala

Mostrar imágenes en escala de grises con CSS

css3wide1Los 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

10/jun/14, 08.31 Morton 1 comentario

CSS | colores | sass

Organiza los colores de tu CSS más fácilmente con Sass

sass-wideUna 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

19/may/14, 08.07 Morton 1 comentario

CSS | Google | web

Trucos infalibles para optimizar tu código web

images_optimizacionGoogle 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

06/may/14, 07.23 contenido Comentar

CSS | código | mejorar

Fragmentos de código CSS para mejorar tu web

codigos de css

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

28/abr/14, 08.49 contenido Comentar

AJAX | CSS | javascript

3 formas de precargar imágenes con CSS, Javascript y Ajax

hour_glass_loading_w1Precargar 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

17/abr/14, 09.24 contenido 2 comentarios

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder