Responsive web design

[mblascog]

Buenas,
No sé si es el foro adecuado, pero alguna relación tiene con mi pregunta.
Una vez dominas HTML y CSS3 para hacer el diseño adaptable, el próximo paso es diseñar la web.
Conoce alguien alguna guía donde explique como adaptar el diseño a las diferentes resoluciones?
Gracias.

[kevin_91bo]

Si dominas CSS3 sabrás hacer adaptable tu página web.
Mira que son las media queries y trata de evitar las medidas exactas con PX.

[al_limon]

Vía online he buscado alguna vez, pero no he encontrado más que artículos que tratan por encima el tema.

Te recomiendo que crees primero los estilos para la visualización con móvil, después para tablet y seguido para monitores, mejor si los pones en hojas de estilos independientes (aunque también puedes ponerlo todo en una). Una vez tengas esto, solo te quedará llamar a los archivos desde el html con un código bien sencillo :)

Si necesitas cualquier cosa, envía MP!

Saludos!

[mblascog]

Gracias kevin_91bo,
Quizás no me he explicado bien. Mi pregunta es a partir de haber hecho la web adaptable, con media queries, porcentages en lugar de píxeles. Cuando todo esto lo dominas (creo), luego empieza el diseño.
Por ejemplo, la web me gusta tal como queda cuando la visualizo desde un smartphone y también cuando la visualizo desde el pc, pero no tengo claro que cambios hacer cuando se visualiza desde una tablet.

al_limon,
Utilizo media queries con lo que con una sola hoja de estilos tengo suficiente.
Dices que si tengo alguna duda puedo enviarte un MP. Ahora estoy realizando unos cambios, cuando acabe, te puedo enviar en enlace y me comentas como ves el diseño adaptable que he realizado?
Muchas gracias.

[pzin]

Iniciado por mblascog

Por ejemplo, la web me gusta tal como queda cuando la visualizo desde un smartphone y también cuando la visualizo desde el pc, pero no tengo claro que cambios hacer cuando se visualiza desde una tablet.

Si se ve bien en una tableta, no hagas ninguno. La cuestión no es adaptar el diseño al dispositivo cueste lo que cueste, sino que se vea bien y sea cómodo.

[mblascog]

Gracias pzin. Es cierto que lo veo bien tanto en smartphone, tableta o pc, pero me preguntaba si hay algunos parámatros que de forma general, los que dominais el tema, usais, por ejemplo, cambiar el porcentage de la fuente en función de la resolución, .....

[pzin]

Lo de la fuente por lo general no. Pero yo soy de poner fuentes generosas. Lo de los doce píxeles de los noventa me da grima.

Pero, como digo, no hay normas para eso sino aquella que toca la lógica; que se vea bien y sea cómodo.

[mblascog]

Muchas gracias pzin.