jun 26

Pantallazo del nuevo diseño de la web de 3bajocero.designstudio

Lanzamos el nuevo diseño de la página web de 3bajocero.designstudio.

Estamos abiertos a cualquier comentario y críticas… constructivas… :-)

Próximamente lanzaremos el nuevo diseño de nuestro blog, acorde con la nueva imagen fresquita, fresquita de la web.


jun 5

Diseño Web La cocina del gourmet

Nuevo lanzamiento!!! Por fin hemos puesto online el nuevo diseño de la web de la tienda de cocinas de alta calidad “La Cocina del Gourmet”.
Un proyecto de los que se puede decir que.. ¡así da gusto! :-D

Dirección de la web: www.lacocinadelgourmet.com

abr 11

Para evitar la diferente programación de Javascript por las diferencias entre todos los navegadores, han llegado los frameworks javascript.
Librerías de javascript, que se han convertido en fundamentales en el desarrollo de la web 2.0.

¿cuál prefieres?

En http://www.anieto2k.com/ tenemos enlaces a la documentación y descargas directas.

abr 9

Al desarrollar un sitio web, hemos de hacerlo accesible, ahí van algunos consejos:

1. Estructurar el documento de forma que pueda ser leido sin los estilos, es lo más importante, hemos de utilizar cabeceras para describir los contenidos de las secciones, listados, etc…

2. Separar los enlaces consecutivos con algo más de un espacio blanco, ya que los lectores de pantalla pueden interpretar dos o más links consecutivos como único.

3. Escribir links con significado, siempre es mejor “leer artículo completo”, que “clic aquí”.

4. Utilizar descripciones para las imágenes, mediante el atributo ALT para describir las imágenes y el atributo LONGDESC para descripciones más largas. Utilizar el atributo ALT vacío (alt=”") para imágenes sin significado.

5. Mucho cuidado con utilizar sólo imágenes para enlaces. Sin atributo ALT, los lectores de pantalla no podrán mostrar el link. Usa siempre el ALT para que estos lectores usen la imagen con link.

6. Tablas: Indentificar cabeceras de fila y columna. Usar TH en vez de TD, y usar el elemento CAPTION para describir los contenidos de la tabla. Si no se usa el elemento CAPTION, usar el atributo TITLE par describir los contenidos en pocas palabras. Utilizar el atributo SUMMARY para describir el objetivo de la tabla.

7. Asegurarse de que la página web se puede ver aunque los scripts no vayan. No hay que depender de Javascript para poder navegar o ver el contenido. Si esto no es posible, provea a sus usuarios de maneras alternativas de acceder a los contenidos.

8. Color: es muy importante que lo que se presente a través de colores, se pueda ver sin ellos también, ya que si no mucha gente, como los daltónicos, no podrá entender el contenido.

9. Enlace a versión accesible de la web: Si no se puede crear la web de modo accesible, ponga un link a la versión accesible de la web.

10: Valide su web para chequear errores.

Y ahora… A aplicarse el cuento!!!!!!

Vía: http://webusabilityhelp.blogspot.com

mar 12

En blog.html.it hay una colección de 40 layouts gratuitos para descargar.
Montados en css, con las facilidades que aportan en cuanto a usabilidad y accesibilidad, posicionamiento…

Instalar las extensiones Web Developer y Firebug, recomendadísimo.

feb 7

Ovillo es una comunidad de desarrolladores interesados en el lenguaje de presentación para páginas web, CSS (Cascading Style Sheets), las técnicas actuales para su aplicación a proyectos reales y su importancia en el diseño web. El principal objetivo de ovillo es compartir ideas, aprender y ayudarnos en el trabajo diario con CSS.

Para suscribirte: click aquí

ene 10

Un blog con un montón de códigos y ejemplos css: Menus horizontales, menús verticales, formularios, contenedores, enlaces, botones, layouts de 2 columnas, 3 columnas, layouts líquidos, etc, etc…

Asimismo, te permite enviar tus propios códigos y así colaborar en la comunidad, slideshows, librerías de efectos… todos son bienvenidos.

Visita la web aquí: http://www.dynamicdrive.com

dic 19

http://www.webdesignerwall.com/trends/best-of-css-design-2007/

dic 17

Resumiendo, son estos:

  1. Código válido (que se ajuste a los estándares, puedes validarlo aqui: http://validator.w3.org/)
  2. Código accesible, para chequearlo puedes utilizar: http://www.accesible.com.ar/examinator/index.php
  3. Código semánticamente correcto, es decir que las etiquetas utilizadas en el código tenga relación con el contenido incluido en ellas.
  4. Separación de contenido y diseño, utiliza archivos css externos que le den forma al contenido.
dic 11

A estas alturas, aún parece que hay gente que no tiene claro lo que es la web 2.0. Esta imagen ilustra bastante bien el concepto.Web 2.0
Fuente: vincentabry

« Anteriores