Comunidad de diseño web y desarrollo en internet online

CSS + Dispositivos

Citar            
MensajeEscrito el 04 Dic 2005 06:20 pm
NEO menciono en co2 la accesibilidad web, ok, la posibilidad de que cualquier persona pueda entrar a una web desde su PDA o cualquier tonteria q navegue en internet :lol: la duda es que si uno adaptaria la web para saber si un dispositivo X accede a ella o si es el mismo que tiene q buscar una "configuracion" en la web..o en el mejor de los casos un celu o un PDA pueden ver una web como una pc comun....?
es al 100% con CSS?...gracias ;)

Por asc1

88 de clabLevel



Genero:Masculino  

Peru .....

firefox
Citar            
MensajeEscrito el 04 Dic 2005 07:27 pm
..bueno la pregunta no está muy bien formulada pero intentaré contestarla en la medida de lo posible.

un dispositivo móvil nunca es 100% compatible con las propiedades de css, mucho menos de todo los atributos, por lo que es necesario dejarlo lo más "pelón" posible, es decir, el título del sitio, por ejemplo, que en la mayoría de los casos el texto está escondido y reemplazado por una imagen de fondo del encabezado, tanto en dispositivos móviles como para impresora, es recomendable no usar estas técnicas, para el dispositivo movil porque probablemente la imagen sea más grande que la resolución máxima de éste y para la impresora, que imprima a blanco y negro sin problema.

recordemos que la mayor ventaja de diseñar con estándares es la posibilidad de que es visible en la mayoría de los dispositivos; un navegador viejo no pondrá estilos, pero se distinguirá fácilmente qué es un título y qué es el contenido. lo mismo es para el resto de los dispositivos

para usar estas ventajas, checa las especificaciones de las w3c referente al tema media
http://www.w3.org/TR/REC-CSS2/media.html

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 04 Dic 2005 08:35 pm
Esto es un tema tan amplio que podrian hacerse conferencias por cada dispositivo.

Pero vamos por lo más simple sin tantos por qué.
  1. No poner texto de relleno en dispositivos que no sean monitores de PC normal.
  2. Dar algo sencillo, "sin tanta cosa", solo el contenido necesario, el texto y quizás un pie indicando algo.
  3. Usar un CSS diferente por cada dispositivo.

Para usar diferentes dispositivos usas el atributo media dentro de la etiqueta link.
  • media="screen" para pantalla normal
  • media="projection" para proyectores (solo en Opera) y podrian actuar como slideshows
  • media="print" para impresión
  • media="handheld" para PDAs, Palms, PocketPC, PSP, etc

Hay más, pero estos son con los que he trabajado y probado. Funcionan bien, si lo usas correctamente y les pones lo suficiente.

Saludos

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.