Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: cotin en 10 Julio 2016, 02:43 AM

Título: sobre mi web
Publicado por: cotin en 10 Julio 2016, 02:43 AM
buenas una pregunta tengo mi pagina web que no es adaptable a moviles si alguien me podria decir como puedo convertirla para que se adaptable a moviles  o que puede hacer
Título: Re: sobre mi web
Publicado por: jalbtercero en 10 Julio 2016, 13:52 PM
Mira yo te recomiendo trabajar todo en porcentajes y de esta forma se puede adaptar a la resolucion de la pantalla, pero a veces ,segun mi experiencia, aun trabajando con porcentajes la pagina no se acaba de adaptar del todo. Por eso yo uso media queries puedes buscar @media web y te saldran muchas referencias sobre esto. Saludos
Título: Re: sobre mi web
Publicado por: cotin en 10 Julio 2016, 21:29 PM
ok gracias voy a revisar eso que me dices
Título: Re: sobre mi web
Publicado por: cotin en 19 Julio 2016, 18:21 PM
espero otra ayuda  ;-)
Título: Re: sobre mi web
Publicado por: Nokto en 20 Julio 2016, 10:28 AM
Hola, cotin

He echado un vistazo a tu página. Dado que es bastante sencilla, creo que con este vídeo te puedes guiar paso a paso:

[youtube=640,360]https://www.youtube.com/watch?v=HtWIrGqbEwI[/youtube]

Si después de intentarlo con el vídeo sigues con dudas, puedes contactarme. Un saludo.  :rolleyes:
Título: Re: sobre mi web
Publicado por: 50l3r en 20 Julio 2016, 16:57 PM
Puedes utilizar Bootstrap 3. Hoy en día existen pocos proyectos que no recojan su sistema de columnas y otras ventajas.

http://getbootstrap.com/

Incluyes el css, el javascript y empiezas partiendo de una estructura solida y adaptable a cualquier dispositivo móvil. Luego a partir de ahí puedes diseñar tu propia plantilla.
Título: Re: sobre mi web
Publicado por: cotin en 22 Julio 2016, 20:13 PM
ok gracias voy a revisar todo lo que me han mandado
Título: Re: sobre mi web
Publicado por: [u]nsigned en 23 Julio 2016, 00:00 AM
Lo mejor es Bootstrap. Incluso en su versión 3 se introdujo lo de "mobile first" (telefonos primero) que significa que todo se maqueta teniendo como prioridad a los moviles y tablets.

http://librosweb.es/libro/bootstrap_3/capitulo_2.html

Tambien tenes Material Design, que es de Google y esta inspirado en Android. Eso si, es bastante mas complejo y difícil de aprender que Boostrap, pero lo vale, porque una vez que dominas MD con un poco de Angular podes crear aplicaciones casi nativas usando solo HTML5 + javascript, y en mi opinión es el futuro en interfaces de usuarios.

Título: Re:
Publicado por: Gohanckz en 25 Julio 2016, 03:58 AM
Mmm si usas un css con html para adaptar a los exploradores creo que también se te adaptará a los móviles,  saludos

Enviado desde mi D2533 mediante Tapatalk
Título: Re:
Publicado por: [u]nsigned en 25 Julio 2016, 16:29 PM
Cita de: GOHANCKZ en 25 Julio 2016, 03:58 AM
Mmm si usas un css con html para adaptar a los exploradores creo que también se te adaptará a los móviles,  saludos

Enviado desde mi D2533 mediante Tapatalk

Si, pero con eso solo no alcanza. Hay que usar media-querys con css para maquetar segun el tamaño de la pantalla. Por eso algunos sitios se ven de una forma en PC y de otra en telefonos. No podes maquetar todo igual. Imaginate que un menú lateral con 33% de ancho en pc se vería bien, pero en un teléfono pequeño seria imposible de ver.

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Título: Re: sobre mi web
Publicado por: 50l3r en 26 Julio 2016, 17:59 PM
[quote author=nsigned link=topic=454940.msg2080288#msg2080288 date=1469224833]
Lo mejor es Bootstrap. Incluso en su versión 3 se introdujo lo de "mobile first" (telefonos primero) que significa que todo se maqueta teniendo como prioridad a los moviles y tablets.

http://librosweb.es/libro/bootstrap_3/capitulo_2.html

Tambien tenes Material Design, que es de Google y esta inspirado en Android. Eso si, es bastante mas complejo y difícil de aprender que Boostrap, pero lo vale, porque una vez que dominas MD con un poco de Angular podes crear aplicaciones casi nativas usando solo HTML5 + javascript, y en mi opinión es el futuro en interfaces de usuarios.


[/quote]

Eso mas "Electron (http://electron.atom.io/)" y te armas cualquier cosa. Vease Discord (https://discordapp.com/)
Título: Re: sobre mi web
Publicado por: cotin en 4 Agosto 2016, 21:58 PM
ok gracias por todos los consejos
Título: Re: sobre mi web
Publicado por: + 1 Oculto(s) en 5 Agosto 2016, 16:32 PM
te aconsejaria a revisar las media querys haber si te ayuda


https://developer.mozilla.org/es/docs/CSS/Media_queries

pero claro que uses luego boopstrap
saludos...