Clik here to view.
Efectos JQuery y CSS para menús drop-down
En este artículo quiero compartir unos efectos para menús desplegables contigo. La idea es transformar un input simple en algo llamativo gracias al uso de JQuery. Podemos configurar las opciones como...
View ArticleClik here to view.
Crear diseño responsive en 3 pasos
Actualmente se habla mucho de los diseños responsive, de hecho hace poco publiqué una lista de frameworks responsive y de plantillas responsive. Aunque, los más novatos pueden tener dudas acerca qué es...
View ArticleClik here to view.
CSS Transparencia cross-browser
La transparencia (CSS Transparency) es una de las propiedades más polémicas y que requieren un montón de propiedades y valores para asegurar la compatibilidad en todos los navegadores (cross-browser)....
View ArticleClik here to view.
La evolución actual en el diseño web
A lo largo del tiempo, las necesidades de los clientes hacia los diseñadores ha ido cambiando. Esto es así porque la web tiene tendencias, es como la moda, cada poco tiempo se actualiza, y tiene mejor...
View ArticleClik here to view.
Falso subrayado con CSS
Seguro que muchos de vosotros habéis subrayado alguna vez una frase o palabra para darle importancia. Bien, con CSS se puede hacer, una es mediante text-decoration: underline;”, la otra es creando un...
View ArticleClik here to view.
Mostrar imagen al hacer click en botón con CSS y JS
Hace unos días tuve que ayudar a una compañera de facultad para que pudiera realizar un trabajo de fin de carrera. Se trataba de mostrar una imagen que en principio se encontraba oculta, al hacer click...
View ArticleNormalize, la moderna alternativa a los Reset CSS
Muchos de nosotros hemos estado usando a lo largo de los últimos años, varias técnicas para resetear CSS, debido a que muchos navegadores tienen su propio CSS y es mejor tener todo el CSS...
View ArticleClik here to view.
Limpiar floats con overflow
Uno de los problemas más comunes cuando usamos floats es que el contenedor wrapper que envuelve a los demás elementos no se expande a la altura de los elementos hijos. La solución típica a esto es...
View ArticleClik here to view.
Efecto POP en cajas con CSS
Si deseas lograr un efecto POP en las cajas de texto, en este artículo te enseñaré cómo debes hacerlo. Viendo a Chris Coyier quise compartir este artículo, en el que aprenderás a crear este llamativo...
View ArticleTips al definir tu CSS para una web seria y formal
¿A que tú también te has dado con páginas web cuyo diseño gráfico no tiene nada que ver con sus contenidos o con lo que quiere transmitir? Se da una disonancia entre los contenidos y la presentación,...
View ArticleClik here to view.
Z-index, propiedad CSS
La propiedad z-index, de CSS, nos ayudará a determinar qué elementos se superponen con los otros. Variando el valor de dicha propiedad, daremos el orden a la superposición de los elementos, a menor...
View ArticleClik here to view.
Barra de progreso de carga automática gratis para tu sitio web
Añadid Paje.js y un archivo CSS a tu elección y voilá! Tendréis una bonita barra de carga para tu sitio web con navegación AJAX totalmente gratis. No es necesario ser un usuario avanzado para incluirlo...
View ArticleClik here to view.
Efecto Hover PizzaTime con transiciones y pseudo elementos CSS
Si alguno de vosotros conocéis PizzaTime.com, sabréis que en el sitio web tienen un curioso efecto hover en sus cajas de navegación, que pasan a ponerse desde un fondo blanco a uno rojo, es decir,...
View ArticleClik here to view.
Efecto “shake” con CSS Keyframes animations
Antiguamente las páginas web ocupaban mucho espacios y eran infinitamente más lentas, ya que si querías hacer algo móvil o animado no quedaba más remedio que usar Flash o JQuery, aumentando...
View ArticleClik here to view.
Sliding menu panel con CSS3, HTML5 y JQuery
Los menús son un elemento esencial en cualquier sitio web. El usuario debe sentirse cómodo en el sitio y evitar distraerse o perder el control del sitio web, este es uno de los muchos errores que...
View ArticleClik here to view.
Propeller, el framework visual 2 en 1
Seguramente a muchos de vosotros os suene el framework Bootstrap, al igual que os suena el framework Google Material Design. Si no os lo explico fácilmente, Material Design es un lenguaje visual creado...
View ArticleClik here to view.
Corazón animado con CSS3 y HTML5
Desde que se inició el blog hemos podido ver las grandes posibilidades que tiene CSS3, como por ejemplo crear letras capitales, ribbons, usar variables php en css...Desde la llegada de CSS3 han...
View ArticleClik here to view.
Texto desenfocado con CSS
CSS nos añade muchos efectos posibles a nuestros textos, a lo largo de los años hemos visto como posibilidades que antes creíamos imposibles ahora son reales, todo ello de forma ligera y sin perjudicar...
View ArticleClik here to view.
Menú Fixed (pegado arriba) con CSS y JQuery
Los menús siempre han sido una parte fundamental en cualquier navegación de los sitios web o blogs. A medida que los sitios web han ido evolucionando los elementos como los menús de navegación han...
View ArticleClik here to view.
Shards, el complemento perfecto para Bootstrap 4
Shards es un gran kit UI moderno y simple para Bootstrap 4, que además le otorga un toque minimalista al nuevo Bootstrap 4, modificando sus elementos para crear páginas web sencillas, modernas y...
View Article
