Efectos jQuery

Hace no mucho, el diseño web se limitaba a meter contenidos dentro de unas tablas, a tener cuidado con los pesos, en definitiva, a padecer una continua frustración.

Este ejemplo que os dejo hoy nos enseña alguna de las ilimitadas posibilidades que nos ofrece jQuery.

El efecto simula una fotografía convertida en fluido, de tal modo que al interactuar con ella por medio del ratón, podemos ver los efectos que produce el líquido al moverse, incluso tiene la posibilidad de activar el modo “lluvia” y ver el efecto de las gotas al caer sobre la fotografía, pero mejor que mil palabras…

• VER EL EJEMPLO

TopScroll con CSS y jQuery

Los blogs supusieron un cambio radical en el diseño web. Las páginas pasaban a ser mucho más largas de lo que hasta ahora habían sido.

La navegación vertical se hace interminable en numerosos blogs, en la mayoría de las ocasiones no perjudica al usuario, ya que navegamos viendo pasar los encabezados de los post por curiosidad o en nuestra trayectoria para llegar hasta un contenido que sea de nuestro agrado.

Siempre es preferible usar la rueda del ratón para hacer scroll a través de los post o productos de una tienda, que tener que ir paginando y cargando nuevas páginas. Incluso ahora, tenemos la posibilidad de ir cargando contenidos de manera controlada para hacer la página menos pesada en origen, dando así mayor rapidez de navegación al usuario.

Continue reading “Scroll to top con jQuery” »

GENERADOR DE CÓDIGO CSS

CSS 3.0 MAKER es una herramienta de diseño web que ya lleva un tiempo online, creada para generar CSS3, y con la cual podemos crear todo tipo de esquinas redondeadas, gradientes, animaciones, transiciones, sombras, rotar texto,…

La interfaz es muy intuitiva. Generamos gráficamente el efecto que deseamos, lo vemos en pantalla simultáneamente y cuando lo tenemos definido y terminado nos descargamos la CSS, así de fácil.

Cada una de las posibilidades de CSS 3.0 MAKER, nos muestra la compatibilidad con los distintos navegadores del mercado

• IR A CSS 3.0 MAKER

Generador de texto curvo en CSS y HTML5

Gracias al HTML5 el diseño web está viendo cómo paso a paso van cayendo todas las barreras que hasta ahora nos limitaban como diseñadores.

Gracias a CSSWarp ahora podemos diseñar un texto como si estuviésemos trabajando con Ilustrator. Con CSSWarp podemos rotar, inclinar, curvar el texto de tal modo que nos permite hacer cualquier diseño con él y luego obtenerlo como código HTML. Además también nos permite seleccionar cualquier tipo de fuente de Google Web Fonts, lo que lo convierte ahora mismo en la herramienta más potente para generar texto en CSS y HTML.

El uso no podría ser más simple, una pantalla gráfica nos ayuda a generar el diseño y una vez finalizado no tenemos más que pulsar sobre el botón “Generar HTML”, sencillamente GENIAL !!!

• IR A CSSWARP

Etiquetas HTML5 que favorecen el SEO

En este blog de diseño web hemos hablado ya  de la importancia que tiene el flujo del Html sobre el posicionamiento de la web, así como la importancia que da Google a la velocidad de carga de una página para mejorar su posicionamiento.

El HTML5 facilita la clasificación de los motores de búsqueda así como la descripción de tu sitio a los usuarios. Además permite realizar una navegación mucho más rápida a través de tu web. Vamos a ver cómo…

Continue reading “A Google le gusta la semántica del HTML5” »