Etiqueta ~ CSS3

6 originales diseños para el elemento HTML SELECT

Pablo

Modificar el aspecto visual de un <select> es bastante más complejo de lo que parecería en una primera instancia, el principal problema fue siempre la compatibilidad con los navegadores más antiguos, para nuestra suerte este problema cada vez nos afecta en menor gracias al avance y penetración de los navegadores que reconocen perfectamente las propiedades […]

Continuar leyendo [+]

Starnight: plantilla para web a una página en HTML5 y CSS3

Tamara

Entre las variedades de recursos y herramientas que pueden encontrarse en Internet, hay algunas que terminan haciéndonos trabajar el triple ya que son muy complejas y utilizan una gran cantidad de archivos que, si bien son necesarios, hacen que si no tenemos mucha idea de maquetado o programación, el resultado sea un espanto o jamás llegue […]

Continuar leyendo [+]

Plantilla para web estilo flat en HTML5 y CSS3

Tamara

Habrá quienes aún no se hayan animado a implementar un sitio realizado con HTML5, la realidad es que cada vez más exploradores son compatibles con estas técnicas y se pueden lograr resultados estéticos muy interesantes al experimentar con las opciones que ofrecen. También podrán dedicar algún tiempo a modificar los archivos para que esto realmente […]

Continuar leyendo [+]

Barra de progreso con indicador numérico (CSS + jQuery)

Pablo

NumberProgressBar es un bonito recurso ideal para aquellas personas que buscan emplear una barra de progreso que muestre un indicador numérico de carga. El proyecto emplea CSS para todo lo que se refiere a la construcción gráfica del elemento y JavaScript (mediante el framework jQuery) para animar y configurar los distintos valores posibles que adopta […]

Continuar leyendo [+]

CSS Loaders: “Cargando” animados solo con CSS3

Pablo

CSS Loaders es un bonito proyecto para la creación de animaciones del tipo “cargando” empleando para ello solo hojas de estilo, no emplea ni una sola linea de JavaScript ni tampoco imágenes para funcionar. La principal ventaja de emplear este tipo de soluciones es la de no recargar nuestro proyecto con elementos innecesarios, estos cargando […]

Continuar leyendo [+]

Effeckt.css: Colección de transiciones y animaciones CSS3

Pablo

Effeckt.css es una estupenda colección CSS3 de transiciones y animaciones listas para utilizar en nuestros proyectos. El proyecto cuenta con una cantidad impresionante de recursos, los mismos se encuentran organizados por categorías: diálogos modales, botones, listas de items, scroll animados para listas, menus desplegables, transiciones de paginas, captions para imágenes, tooltips, elementos de formularios y […]

Continuar leyendo [+]

Botón circular con indicador de progreso (SVG, CSS3 y JavaScript)

Pablo

La verdad, hace tiempo que no disfruto tanto de un tutorial como el que realizó la gente de Tympanus para demostrar de forma practica la potencia de emplear gráficos vectoriales para realizar animaciones. Y no tuvieron mejor idea que cambiar el comportamiento de un botón del tipo submit empleando como base de diseño la contribución […]

Continuar leyendo [+]

CSShake: Añadir animaciones vibrantes con CSS

Pablo

CSShake es un nuevo recurso para los amantes de las animaciones logradas con CSS3, se trata de una pequeña hoja de estilo para aplicar efectos a los distintos elementos de una manera sencilla y rápida. Esta hoja de estilo contiene aproximadamente unos 10 efectos vibratorios distintos, cada uno de ellos con un tipo de movimiento […]

Continuar leyendo [+]

Barra de progreso solo con CSS3

Pablo

Si estas buscando una barra de progreso sencilla, simple y que se pueda implementar en unos pocos minutos progre(c)ss es una buena alternativa. progre(c)ss es una barra de progreso estilo Youtube creada utilizando solamente CSS. No necesita ni JavaScript ni ninguna otra tecnología para funcionar. La barra de progreso que creamos tiene una estructura básica, […]

Continuar leyendo [+]

Animaciones CSS al hacer scroll

Pablo

Jack in The box es un recurso bastante nuevo e interesante para controlar la forma en que reproducimos las animaciones realizadas con CSS según la posición de la barra de desplazamiento del navegador. Animar elementos a medida que el usuario utiliza el scroll es algo que se puso muy de moda estos últimos dos años, […]

Continuar leyendo [+]