por Omar Benyakhlef | CSS, Diseño de páginas web, Diseño Web, Trucos CSS
Creación de Patterns con CSS3
Hoy traemos a este Blog de Diseño Web, un ejemplo de cómo hacer un pattern con CSS3, más que un ejemplo, un par de utilidades que nos vendrán muy bien a la hora de diseñar nuestro background de fondo. Como siempre, ojo con las versiones de navegador, especialmente al Explorer.
En http://leaverou.me/css3patterns/ podemos encontrar varios ejemplos de patterns hechos con CSS. Lo mejor de todo es que estos ejemplos son editables, por lo que podréis customizarlos.
El segundo ejemplo, lo he encontrado en http://patternizer.com Una web en la que podrás diseñar tu propio pattern mediante un interface gráfico, para más tarde copiar el código CSS generado
por Omar Benyakhlef | Diseño para móviles, Diseño Web, iPhone, Mobile
diseño para iPhone, iPad
En este blog de diseño web, hemos tratado alguna vez el diseño enfocado a Smartphones, en concreto a iPhone. En esta ocasión pretendo hacer un post que pueda ser un recopilatorio y fuente de documentación para el diseño para iPhone e iPad.
Además de consejos de diseño, podréis descargaros plantillas para diseñar tanto en iPhone como en iPad.
(más…)
por Omar Benyakhlef | Ajax, CSS, Diseño de páginas web, Diseño Web, jQuery
Efectos a imágenes con jQuery y CSS3
Diseño Web con jQuery y CSS3,… Una vez más, vamos a poder comprobar cómo cada día son más las facilidades que nos aportan estas dos herramientas a la hora de diseñar para web.
En este caso vais a poder ver cómo con CSS3 y jQuery, es posible aplicar toda clase de estilos a una imagen. Bordes, brillos, sombras, contornos, reflejos,…
Una gran variedad de efectos que además de facilitarnos el tiempo de trabajo, nos ayuda a controlar el peso de nuestra web.
Podéis ver todos estos efectos y el modo de aplicarlos en http://webdesignerwall.com
por Omar Benyakhlef | accesibilidad, Ajax, Cool Web Design, CSS, Diseño de páginas web, Diseño Web, HTML5, jQuery, Usabilidad
24 Ejemplos de HTML5 & jQuery & CSS3… Alucinante !!!
El diseño webestá en constante evolución.
La aparición hace unos años del jQuery y CSS3, unido a las mejoras introducidas (aunque todavía ridículas) en las velocidades de conexión, han supuesto un cambio radical en la concepción de diseños web.
Ahora con la implantación cada vez mayor de las webs hechas con HTML5, llegamos a un periodo en el que «todo es posible«.
Con un poco de imaginación y atractivos diseños, vamos a ver una total revolución en el diseño web, sobre todo en la usabilidad.
A continuación os dejo con 24 ejmplos de páginas web realizadas en HTML5, jQuery y CSS3, que me han sorprendido mucho, estamos entrando en una nueva fase de diseño y usabilidad, en la que ya no hace falta pulsar sobre un botón para realizar una acción, en la que podremos interactuar mucho más con la web y dejar de ser meros espectadores.
(más…)
por Omar Benyakhlef | Diseño Web, Google, Redes Sociales
Google +: la nueva red social
Después de unos días probando Google + (google plus), vamos a hacer un pequeño análisis de las primeras impresiones.
Nada más entrar, la primera impresión es muy familiar. Una interface muy parecida estructuralmente a Facebook, lo cual parece haber suscitado un montón de críticas en este aspecto. Personalmente, no estoy de acuerdo con estas críticas. Haber diseñado Google + con una interface muy parecida a Facebook hace que el usuario pase sin problemas la primera barrera, la usabiliad.
Facebook lleva ya años entre nosotros, ha sufrido varios cambios hasta llegar a ser una aplicación fácil de usar, ¿por qué volver a inventar la rueda?
Vamos a ver las principales características de esta nueva red social.
(más…)
por Omar Benyakhlef | CSS, Diseño Web, jQuery
Checkbox y Radio Buttons con jQuery y CSS
No me canso de decir que jQuery ha sido la revolución del Diseño Web.
Aquí, una prueba más. Se acabaron los feos y aburridos Checkbox y Radio buttons, damos la bienvenida a la imaginación aplicada al diseño web. Con un poco de CSS y jQuery, maratz.com nos enseña a hacer estos vistosos diseños que podéis ver en la imagen del post.
Podéis ver el funcionamiento y descargaros todo el código necesario. Obviamente ya es cosa de cada uno el personalizar las CSS para llevar esta técnica a nuestros diseños web.
