Os dejamos una magnífica recopilación de las tendencias más actuales en diseño web, recopiladas por Outlaw Design, en el cual se recogen aspectos como experiencias de usuario ricas, transparencias, tipografias grandes, slideshows, etc. El valor de esta recopilación está en que enlaza a una gran variedad de tutoriales para llevar a cabo cada una de estas tendencias.
En Smashing Magazine nos ofrecen una impresionante colección de sitios en Flash para poder inspirarnos en nuestros diseños. No dejéis de visitarlo.
Es norma de trabajo de Corpas Comunicación el tener siempre totalmente actualizadas y optimizadas las webs de sus clientes. En este caso, le ha tocado el turno a Relojes López, tienda online de relojes, que en los últimos tiempos ha venido siendo perjudicada por ataques de indeseables hackers, cuya consecuencia ha sido la penalización de resultados en Google, a pesar de su total inocencia.
Hemos aprovechado la ocasión para hacerle un restyling y reoptimización SEO (optimización para motores de búsqueda), en el cual se han acometido numerosas reformas que conseguirán a buen seguro que le sean devueltas las primeras posiciones en buscadores que merecidamente tenía.
No obstante también es de recibo decir que tanto el Yahoo como en Live y Ask, Relojes López mantiene su posicionamiento natural.
Échale un vistazo a la nueva versión
Leo en El Pais la columna de Luis Ripoll titulada “El diseño es el código” y me gustaría invitaros a que le echárais un vistazo porque versa sobre las interesantísimas conclusiones del congreso “El futuro del diseño web” celebrado en Londres, las cuales no hacen sino confirmar la tendencia de la industria web hacia sitios más accesibles, hacia un perfil del diseñador web cada vez más híbrido entre el diseño propiamente dicho y la programación, y hacia una concienciación de las empresas de hacia donde tienen que ir los sitios webs para que sean visitados por una audiencia cada vez mayor y que posee dispositivos de lo más variado, sobre todo móviles.
Ya hace algún tiempo que ha visto la luz, pero quería presentaros uno de los últimos productos de la factoria de Diseño Web de Corpas.es
L’Sensualité es la apuesta de una familia argentina afincada en España para hacer llegar al gran público y a precios realmente competitivos, todo tipo de productos eróticos (lencería sexy para hombre y mujer, tuppersex, juguetes eróticos, organización de despedidas de solteras y solteros, etc.)
Todo ello con la elegancia y profesionalidad fruto del trabajo conjunto de L’Sensualité y Corpas.es
En qué invertimos nuestro tiempo cuando diseñamos una web…
Existe un aspecto muy fastidioso dentro del uso de hojas de estilo CSS en XHTML y es los estilo que por defecto tienen asignados una serie de propiedades de estilo, que nos pueden traer de cabeza, sobre todo cuando necesitamos que nuestras páginas sean cross-browser (se vean igual en todos los navegadores).
En Meyerweb encontramos una gran ayuda para solucionar este problema. Proponen una hoja de estilo que se importa junto al resto, pero que incluye una serie de reglas que resetean las propiedades por defecto de las etiquetas HTML, con lo que el estilo pasa totalmente a control nuestro. Está totalmente revisado e incluidas las sugerencias de la comunidad.
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline
}body {
line-height: 1
}
:focus {
outline: 0
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after {
content: “”
}
blockquote, q {
quotes: “” “”
}
input, textarea {
margin: 0;
padding: 0
}
hr {
margin: 0;
padding: 0;
border: 0;
color: #000;
background-color: #000;
height: 1px
}
Vandelay Design nos ofrece una recopilación de 20 webs con un layout distinto al tradicional.
Se agradece un aire fresco en el diseño web, eso si, siempre que esté bien ejecutado. Creo que puede ser una buena alternativa, sobre todo original, para hacer algo distinto a lo que siempre hacemos, respetando en la medida de lo posible la usabilidad de nuestro sitio.
Modern Life nos ofrece un recorrido por lo que han sido las tendencias y clichés del 2007 en cuanto a diseño web se refiere. Una buena oportunidad para comprobar nuestra originalidad o nuestra manera de seguir la moda.
Este es un problema con el que se encuentran muchos diseñadores web, más aun si se está diseñando en capas (tableless) y no con tablas. La situación típica es una página con todos los contenidos en el centro de la pantalla, dejando tal vez márgenes a ambos lados.
La solución es incluir todo el contenido en una capa contenedora y aplicarle los siguiente atributos de estilo.
#contenedor {
text-align: left;
width: 960px; /* O la que queramos */
margin: 0 auto;
}
y en el BODY:
body {
text-align: center;
}
