por Omar Benyakhlef | Diseño de páginas web, Trucos CSS
Hacks CSS
Los hacks son «condiciones» que se colocan en la CSS para que cada navegador interprete de modo diferente las órdenes del estilo que nos esté dando problemas, de tal manera que al final consigamos que nuestros diseños no difieran en función del navegador usado por el usuario.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Usabilidad
¿Es necesario tener un Mapa del Sitio?
Antes que nada vamos a dejar claro que este post no se refiere al sitemap.xml que sirve para optimizar posicionamiento y del que ya hablamos en otro post, este post habla de los mapas web que suelen tener algunos sites entre sus páginas.
Un Mapa del sitio sirve para dar una idea general al usuario de lo que tiene entre manos. Realmente debe de ser una página índice, en la que poder encontrar cualquier sección rápidamente. Por eso mismo, debe de diseñarse teniendo muy en cuenta la jerarquía del sitio y siendo lo más esquemático posible, ya que una maraña de enlaces lo único que produce es agobio y el consiguiente abandono de la página.
(más…)
por Omar Benyakhlef | Diseño de páginas web
Nueva web de warnermusic.es
Para los que no habéis tenido curiosidad en saber a qué me dedico, os diré que en la actualidad trabajo en medialabs, y este ha sido mi último diseño, la web oficial de Warnermusic España.
La web acaba de subirse este mes, todavía la gente de Warner anda loca rellenando contenidos y subiendo archivos (de ahí el beta que podréis ver en el logo).
Se trata de una web programada en .net y maquetada con CSS.
Diseñar un portal como este es un complejo proceso. Al tratarse de una gran compañía, muchos son los condicionantes marcados, las secciones y las distintas posibilidades que se le ofrece al usuario, por eso, en lugar de juzgarlo, prefiero que seáis vosotros los que deis vuestra opinión.
Dejad vuestros comentarios en este post.
Gracias a todos.
por Omar Benyakhlef | Ajax, Diseño de páginas web, Usabilidad
Menús gratis en JQuery, Ajax, CSS,...
Con el desarrollo de tecnologías como las CSS, JQuery, Ajax, Mootools,… el abanico de posibilidades para diseñar menús ha aumentado hasta llegar a conseguir verdaderas maravillas. Hoy en día podemos diseñar menús en los que habrá que hacer uso del botón derecho del ratón para comprobar si se trata de flash. Movimientos fluidos, cambios de opacidad, desplazamientos de textos,… mil opciones que hasta hace muy poco sólo nos lo podíamos permitir con tecnología flash.
Además de la indiscutible vistosidad que proporcionan, no nos penalizan en los resultados de búsqueda, ya que con muy poco código podemos hacer uso de menús con la misma apariencia para el navegador que si de un simple html se tratase.
Podemos hacer «trucos» con CSS realmente vistosos o llegar a verdaderas complejidades realizadas en Ajax, pero siempre consiguiendo un resultado vistoso, usable y sin perjuicios a la hora del posicionamiento.
En 1stwebdesigner.com, podéis encontrar una recopilación de más de 300 ejemplos de menús con Jquery, CSS,….
por Omar Benyakhlef | Diseño de páginas web
100 tutoriales para Photoshop
Esto se ha convertido en una relación de «dependencia total», y es que creo que no sabría qué hacer si me lo quitasen…. Photoshop para cualquier diseñador gráfico es imprescindible. Además y lo que más me atrae de él, es que después de esta larga relación de muchos, muchos años, sigo cada día aprendiendo algo nuevo.
Hoy he encontrado un post que me parece muy útil. La cantidad de efectos que podemos producir sobre una imagen es ilimitada, desde hacer un montaje Warhol hasta crear una ilustración a partir de una fotografía. 100 son los «trucos» que en esta ocasión nos muestra photoshoproadmap.com, cada uno de ellos explicado paso a paso.
Espero que os sea de utilidad.
por Omar Benyakhlef | Diseño de páginas web
AbouThiSite es un sitio nuevo en el que podemos obtener información sobre cualquier sitio web que consultemos.
Basta con introducir la url que queremos consultar, y automáticamente nos dará datos sobre ella, como la fecha de creación, la titularidad, media de visitas diarias (siempre que superen un mínimo), localización, pagerank…
Además, también nos ofrece información sobre la paleta de colores utilizada, dándonos porcentajes de cada color predominante utilizado.
Otra dirección que también os puede ser interesante es la de quarkbase.com, en la que también podréis encontrar datos interesantes sobre una url determinada.
La verdad es que no deja de ser una web interesante para «espiar al vecino» 😉