Guía para diseño responsivo
 

Para quien ocupe:

http://www.adamkaplan.me/grid/

// Saludos

Hola,

¡Vamos allá! Gracias Román. ;)

Yo apenas la estoy viendo, pero me la recomendaron y luce interesante. Aunque yo sé que tú ya tienes más de un diente hincado en el asunto ;)

// Saludos

Esta muy bien explicado.

A proposito, estos 2 son los mas populares frameworks:

http://getbootstrap.com/css

http://foundation.zurb.com/

Hola,

Algo he tocado. En realidad desde hace años, porque, yo ya "nací sin tablas"... pero estoy muy lejos de estar a la última y puedo decir que la página en cuestión me ha proporcionado información interesante. Por ejemplo, tengo que ver más de cerca porqué sustituir los "viejos" "reset.css" por los nuevos "normalize.css".

Gracias de nuevo Román. :)

Me lo guardo para consultarlo más adelante con detenimiento, pero sí, parece que por fin me voy a enterar de qué va esto.

¡Muchas gracias! ^\||/

Hola,

Bueno. Pues todavía no acabado de digerir el "Reset.css", me encuentro con el "Normalize.css", aunque, a poco que he buscado también me topé con el "Foundation.css". Ahora estoy terminando un café y después ya veremos. :D :D :D

Hola,

Sólo para decir que he optado de momento por el "Foundation.css". En efecto, el "Reset.css" incluía demasiadas "reglas" que yo usaba en absoluto. El "Normalize.css" me parece que también utiliza demasiadas reglas, por no decir que ahí ya no se "resetea" nada, sino que se toman determinadas "decisiones". Una vez visto lo que me costaba sustituir el "Reset.css" por el "Foundation.css", esto es, la cantidad de cambios que me iba a ver obligado a hacer, he comprobado que dichos cambios no eran tantos, en realidad sólo uno. Así que "Foundation.css" se adapta bien al diseño actual de mis sitios, y, puesto que parece funcionar igual que el "Reset.css" (en el sentido en que yo lo usaba) y es más liviano que este, al final he optado por usar este "Foundation.css" en mis proyectos actuales. ;)

Voy escribiendo según leo:

• Dice lo de usar "Normalize.css" (o similares). Digo yo, ¿no es más fácil, rápido y eficiente no usarlo y en su lugar definir todos los estilos de todas las etiquetas que se usen?
• Dice crear una clase ".container" y luego ".column", ".rows" y "noséqué" y en la página poner un <div class="container"> ...</div> como contenedor de todo el documento y luego usar más <div class="loquesea"> para dividir. Entiendo el concepto, pero, ¿por qué no usar, en su lugar, las etiquetas de HTML <main>, <article>, <aside>, <details>, <section> y compañía que se inventaron precisamente para eso, y facilitan la lectura no sólo humana (para identificar cada parte) sino también de programas como RSS, spiders, navegadores para ciegos, etc.?

¿Ya se acabó? Pensé que iba a ser más largo...

Lo de normalize es porque ya esta hecho parte del trabajo, y si lo lees veras que son varios detalles.

Lo de usar los tags? Eso me parece correcto. Lo que me choca de usar bootstrap es que no usan los tag semanticos, pero parece que eso es muy normal entre los que hacen html :( asi que me imagino porque muchos no se les ocurre se hace asi...

Hola,

Creo que el punto no es tanto cómo definimos nosotros el estilo sino cómo lo definen los diferentes dispositivos/navegadores "por defecto". Se trata de "normalizar" el estilo de una variedad de dispositivos/navegadores para ahorrarnos a nosotros el trabajo de hacerlo.

Creo que ya lo he pillado. Gracias. :)

De todas formas, si el diseño se hace bien, sencillo, sin JavaScript y sin muchas florituras, no hace falta diferenciar entre dispositivos. Yo ya lo he comprobado. [Tentado he estado de poner enlaces, pero el SPAM no está permitido, y hay que dar ejemplo]