por Omar Benyakhlef | Diseño Web
jQuery listo para llevar...
MiniJs es un sitio en el que podrás encontrar varios plugins jQuery, listos para integrar en tu web. No son muchos, pero los que están merecen la pena, y supongo que irán añadiendo.
Entre los MiniJs que podemos encontrar tenemos:
- Count – una cuenta atrás de caracteres como la que podemos encontrar en Twitter.
- Tip – los Tips son una ayuda genial en el diseño web. Se trata de pequeños globos que hacemos aparecer, para avisar o ayudar a nuestros usuarios. Este tipo de globos, los estaréis viendo ya en muchos formularios jQuery.
- Slider – un típico slider para ver galerías.
- Notification – activa una capa para lanzar un mensaje.
- Feed – un plugin para mostrar tu actividad en Twitter.
Pues bien el código es bastante sencillito, existe algún que otro plugin más y seguramente irán sumando.
por Omar Benyakhlef | Diseño Web
Colores Web
Si estás pensando en un nuevo diseño web, seguro que estás pensando en qué colores utilizar. Esta es una de las primeras decisiones que tenemos que tomar a la hora de afrontar un «papel en blanco», la temática de la web, la imagen corporativa o el target, nos van a condicionar esta decisión.
(más…)
por Omar Benyakhlef | Diseño Web
Web Recomendada
Hay diseños web que no pasan desapercibidos, este sin duda es uno de ellos.
Además de disfrutar del sitio y de su interactividad, os recomiendo que echéis un vistazo a los formularios. Otra curiosidad es la máscara que muestra y esconde a los mecánicos manipulando los coches o el «drag» para levantar las puertas de los garajes.
Una vez más HTML5 y jQuery nos ayudan a olvidar a Flash 😉
por Omar Benyakhlef | accesibilidad, CSS, Diseño Web, HTML5, jQuery, Usabilidad
Evolución web desde 1990 a 2012
Desde hace unos años, el diseño web ha sufrido una tremenda transformación, gracias a las nuevas tecnologías y a la obligatoria necesidad de los distintos navegadores de adaptarse a ellas.
La web hoy en día es un Universo cada vez mayor de páginas web y aplicaciones web relacionadas entre sí, lleno de vídeos, fotos y contenido interactivo.
Pero detrás de todo esto, existe una interacción de tecnologías y navegadores que intentan día a día hacerse más compatibles y dar al usuario una mejor experiencia.
En los últimos años, la tecnología web ha evolucionado tremendamente, esto, permite a los diseñadores web, la posibilidad de dar rienda suelta a la imaginación, sin tantas limitaciones como hasta ahora había. Las páginas web actuales, son el resultado de los esfuerzos de una comunidad web de código abierto que ayuda a definir estas tecnologías web, como HTML5, CSS3 y WebGL y asegurarse de que están apoyados en todos los navegadores web.
En http://evolutionofweb.appspot.com/, podréis ver toda la evolución que ha sufrido la web desde 1990 hasta 2012. Las bandas de color en esta visualización representan la interacción entre las tecnologías de la web y los navegadores. Como veréis es una lucha es interminable por poder dar al usuario una compatibilidad con las nuevas tecnologías que van surgiendo.
por Omar Benyakhlef | Diseño Web, jQuery
Rollover con jQuer
Algunos de vosotros habréis tenido (los menos ;), la curiosidad de ver el portfolio de este blog de diseño web. Al situarte sobre la imagen, esta se desplaza y deja ver otra imagen u html. Es un efecto muy utilizado en galerías, ahorra espacio y además es amigable cara al SEO.
Os dejo aquí el ejemplo y el código para realizar estos efectos con jQuery.
por Omar Benyakhlef | Diseño Web, Photoshop
Barras preload en formato PSD para descargar
50 originales barras de progreso en formato PSD, listas para descargar desde http://designshareblog.com/
