¿Hay algún tutorial sobre cómo hacer un diseño receptivo similar al this one? Estoy buscando en Internet completo, pero no puedo encontrar ningún tutorial normal, ya que todos los demás cambian el tamaño de la ventana, y puede hacer zoom/zoomin a través de iphone.¿Tutorial de diseño receptivo?
Aquí hay varios puestos de blogs en el diseño de respuesta:
¡Gracias! Grandes tutoriales! –
Ilya Knaup, gran parte !!! He estado buscando información útil sobre cómo empezar a trabajar con diseños de diseño receptivos. Estoy trabajando en mi propio proyecto ahora, usando twitter bootstrap. Marqué todos mis archivos de tema con un ancho fijo de 940 px. Y luego, últimamente, pensé en convertir este tema en uno receptivo. Pero no tengo idea de por dónde empezar. Estoy confundido acerca de @media consultas vs. código basado. Pero lo que has publicado es un buen comienzo para aprender cosas sobre diseños de diseño receptivos. –
@GaryDapogi No hay problema;) es por eso que estamos aquí para ayudarnos unos a otros;)) dime si te quedas atascado o algo así, aprendí un poco de diseño receptivo desde que publiqué esta respuesta, así que estaré encantado de ayuda;)) – Ilja
La 'casa del árbol' tiene un recorrido en ella. Hice esto (Beginners Guide to RWD) y, sinceramente, no obtuve mucho de eso. Realmente no era tan práctico.
El sitio thinkvitamin se ve bonito y bonito, pero prefiero www.lynda.com. Al decir eso, lynda no tiene mucho en el camino de material nuevo y de vanguardia. Puedes probar este (CSS Page Layouts) No he tenido tiempo de hacerlo, pero la profundidad de las cosas en lynda es buena, así que si necesitas una tutoría a largo plazo, inscribirte vale los $ 30 al mes o lo que sea.
Además, sé que la casa del árbol ha sufrido un gran cambio de imagen (conectándose con CSS-trucos y demás) si se trata de un cambio estético (tal vez inspirado en Chris Coyier) o si los cursos han mejorado, no pude Por ejemplo, cancelé mi suscripción después del decepcionante tutorial sobre diseño web receptivo. Creo que solo hice uno y otro, así que es un tamaño de muestra bastante pequeño.
Básicamente, todo lo que necesita son consultas de medios en su CSS para replicar el comportamiento del sitio que proporcionó. Luego, simplemente aplique el CSS correcto para el ancho/dispositivo de la pantalla correcta ... No estoy seguro de lo que quiere decir con "ya que todos los demás cambian el tamaño de la ventana": ¿no estaría el usuario redimensionando la ventana, no el diseño? No está seguro de lo que está recibiendo en allí ...
También hay algo aquí: http://stackoverflow.com/questions/6844020/way-to-do-docontent-adaptation-to-mobile –