Corpas - Blog de Comunicación Visual » Diseño Web

Tendencias en diseño web para el 2009, y como realizarlas

corpas — Thu, 09 Jul 2009 11:39:38 +0000

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.

Sitios Flash de inspiración

corpas — Tue, 09 Jun 2009 09:53:08 +0000

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.

Relojes López: Rediseño y optimización SEO

corpas — Sun, 14 Sep 2008 16:58:08 +0000

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

El diseño es el código

corpas — Thu, 03 Jul 2008 09:43:57 +0000

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.

L’Sensualité

corpas — Fri, 20 Jun 2008 11:10:12 +0000

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

El diseño web

corpas — Tue, 12 Feb 2008 13:21:51 +0000

En qué invertimos nuestro tiempo cuando diseñamos una web…

Resetear los estilos HTML por defecto

corpas — Tue, 08 Jan 2008 19:09:06 +0000

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.

Reseteo de estilos

Descarga el archivo css

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
}

Layouts diferentes para la web

corpas — Thu, 03 Jan 2008 10:40:20 +0000

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.

Las tendencias en diseño web del 2007

corpas — Tue, 11 Dec 2007 07:18:58 +0000

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.

Centrar una página web

corpas — Tue, 30 Oct 2007 08:06:16 +0000

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;
}