por Omar Benyakhlef | Diseño Web, jQuery
Ascensor jQuery
En el diseño web todo evoluciona de un día para otro, esto te obliga a estar constantemente al día para no quedar atrás, todo cambia, tipografías, forma de mostrar contenidos, integración de redes sociales,…
Hoy os traigo una forma nueva de navegar, imaginad todas las páginas de vuestra web colocadas en un único plano y que el navegador vaya desplazándose horizontal y verticalmente por ellas ¿chulo eh?. Pues eso es lo que consigue este plugin jQuery, con el que podemos hacer una web súper original.
Aquí os dejo el enlace para que podáis ver la demo y descargar gratis el código.
por Omar Benyakhlef | Diseño Web
Iconos de Navidad
Encuentra en iconfinder tus iconos navideños en formato png y en distintos tamaños.
por Omar Benyakhlef | CSS, Diseño para móviles, Diseño Web, HTML5, iPhone, jQuery, jQuery Mobile, Taller Web, Tutoriales
Tutorial de jQuery Mobile II. Transición de páginas
Ya hemos visto en Web App con jQuery Mobile. Tutorial I, cómo maquetar una página en HTML, y cómo hacer los enlaces para pasar de una página a otra, pues bien, ahora vamos a ver unos «efectos especiales» para hacer la Web Appmás atractiva.
jQuery Mobile incluye un conjunto de seis efectos de transición entre páginas, basados en CSS y que pueden aplicarse a cualquier vínculo de la página o formulario. Estos efectos los podréis ver en vuestro ordenador si navegáis con Chrome, espero y deseo que en un futuro cercano, podamos utilizar estos efectos también en diseño web tradicional.
También hay que resaltar, que alguna de las transiciones no se ve correctamente con algunas versiones antiguas de Android. En cualquier caso, es obvio que tanto los navegadores de Smartphone como los tradicionales, tendrán que acabar «tragándose» esta tecnología tarde o temprano.
(más…)
por Omar Benyakhlef | Diseño para móviles, Diseño Web, jQuery Mobile, Mobile, Taller Web
Web App con jQuery Mobile I
Hoy vamos a ver cómo enfrentarnos por primera vez a una Web App con jQuery Mobile. Se trata de un pequeño tutorial en el que podrás hacer tu primer diseño web para movil. Es básico, pero puede ser la base de grandes diseños futuros.
Vamos a empezar paso a paso definiendo cada uno de los códigos que componen la Web App y vamos a explicarlos.
(más…)
por Omar Benyakhlef | Ajax, Diseño de páginas web, Diseño Web, HTML5, jQuery
Scroll Parallax
En este blog de diseño web, hemos visto como a lo largo de los años las tendencias del diseño web siguen sorprendiéndonos y alcanzando niveles que hace años eran difíciles de imaginar.
En esta última década hemos sido partícipes como diseñadores, de una constante evolución. Desde las web más básicas, que simplemente parecían un documento word metido en una pantalla, pasando por aquellas horrorosas webs, en las que todo parpadeaba y en las que era necesario llenar la web de botones con el mensaje «pulse aquí», para posteriormente pasar a una época en lo que todo parecía que iba a ser flash y acto seguido abandonar la idea al darnos cuenta de que lo que verdaderamente era importante, era el SEO y la USABILIDAD.
En todo este tiempo, hemos vivido muchas mejoras en las conexiones de los usuarios, lo cual se ha visto obviamente reflejado en los diseños. Esto nos permitió empezar a utilizar grandes imágenes y backgrounds, a no estar tan pendientes del peso de la página. Nuevos dispositivos desde los que visualizar las webs, como los smartphones, iPhones, iPads,… Y en los últimos años, la implantación de una tecnología que ha dado un vuelco al diseño web y que como diseñadores nos ha permitido abrir la imaginación para poder realizar diseños con los que nunca antes nos habríamos atrevido, todo gracias a la implantación del jQuery.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Diseño Web, SEO
Google Panda
Sabemos que tanto para un nuevo diseño web, como para actualizar uno ya existente, hay que dirigir todas nuestras acciones al posicionamiento en buscadores, SEO.
Esto diferencia un buen diseño web de otro y sobre todo, es una misión que depende, al menos en origen, del diseñador. Los conocimientos SEO son hoy en día imprescindibles para un diseñador. (más…)
