Etiqueta ~ CSS

CSSstats: Herramienta gratuita para analizar hojas de estilo (CSS)

Pablo

Optimizar nuestras hojas de estilo es un trabajo complejo y bastante tedioso, siempre lo fue, pero desde la aparición del diseño adaptable tener una hoja de estilo optimizada se convirtió en una tarea que requiere muchísimas horas de trabajo. Existen muchas herramientas para evaluar nuestros archivos CSS, sin embargo es la primera vez que veo […]

Continuar leyendo [+]

Descripciones emergentes con transformaciones CSS

Tamara

Para quienes no reconozcan a qué me refiero con descripciones emergentes, se trata de las populares tooltips que se despliegan cuando nos paramos con el mouse sobre un botón, una imagen o cualquier tipo de contenido interactivo. Estas pequeñas ayudas son ideales para agregar información accesoria para el usuario y suelen servir usualmente como una guía […]

Continuar leyendo [+]

CSS + JavaScript: Colección de efectos inspirados en Google Material

Pablo

Con la aparición de Android L llega a nosotros una de las renovaciones más importante que sufre el sistema operativo móvil desde su aparición, uno de estos cambios es Google Material, una apuesta muy fuerte por parte de Google para lograr una perfecta visualización, además de homogénea, en la mayoría de los dispositivos en los […]

Continuar leyendo [+]

10+ Barras de progreso animadas con JavaScript y CSS

Pablo

Desde el apartado de Github de Hubspot llega Pace, una pequeña biblioteca escrita en JavaScript para la creación de animaciones de progreso animadas, listas para utilizar hoy en nuestros sitios web. Los indicadores de progreso de esta biblioteca funcionan mediante la combinación de JavaScript y CSS, este ultimo para todo lo que se refiere a […]

Continuar leyendo [+]

Delicados efectos de carga para sitios web

Tamara

Hace muchísimo tiempo surgieron los famosos “Cargando” y para los que diseñábamos en Flash era casi una constante dado a que por naturaleza las conexiones de los usuarios era muy lentas y necesitábamos una forma de indicarles que no se fueran, que lo mejor estaba por venir. Hoy en día las cosas han cambiado sobremanera, las velocidades […]

Continuar leyendo [+]

Halcyon Days: plantilla para web en HTML y CSS

Tamara

A la hora de seleccionar una plantilla para elaborar un nuevo sitio web son muchas cuestiones las que debemos tener en cuenta. Primero que todo en ella esté colocado de forma dinámica y que la manera en que la información esté ubicada favorezca aquello que queremos transmitir. Claro que uno no elabora un sitio para […]

Continuar leyendo [+]

Modos de fusión para imágenes en CSS

Tamara

Dado a que todo en la forma de plantear, desarrollar y diseñar sitios web ha ido cambiando y, estimo, lo seguirá haciendo por los tiempos de los tiempos, este tipo de propiedades que van surgiendo a medida que se aceptan, o mejor dicho, se hacen compatibles con los exploradores (al menos los más modernos), se […]

Continuar leyendo [+]

Cody: biblioteca de elementos CSS, HTML y JavaScript

Tamara

Cuando nos disponemos a crear un nuevo sitio web, podemos decidirnos a buscar una plantilla de sitio completo que nos ofrezca un planteo similar al que necesitamos, según la plataforma de soporte que queramos implementar o podemos comenzar desde cero. La segunda opción suele ser siempre la más recomendable si contamos con los conocimientos necesarios y […]

Continuar leyendo [+]

BTNS: Botones adaptables (Responsive Design)

Pablo

BTNS es un proyecto sencillo pero no por eso menos util, se trata de una pequeña hoja de estilo que contiene una serie de botones para utilizar en cualquier sitio que requiera una perfecta visualización en todo tipo de dispositivos. La hoja de estilo que contiene este proyecto tiene un estupendo peso de apenas 663 […]

Continuar leyendo [+]