Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Leguim en 2 Junio 2019, 09:32 am



Título: una web NO responsive
Publicado por: Leguim en 2 Junio 2019, 09:32 am
Hace rato estoy queriendo hacer una aplicación web que no sea adaptable pero desde entrada empece siempre a hacer todo con bootstrap pero no quiero que sean responsive mis proyectos, busco y busco sobre como hacer un sitio no responsive pero me sale lo contrario siempre, y no se por donde empezar para hacerlo o que conceptos tengo que tener en cuenta.


Título: Re: una web NO responsive
Publicado por: @XSStringManolo en 2 Junio 2019, 10:53 am
Para que quieres que deje de ser adaptable? Para mostrar de forma totalmente distinta para móvil que para pc? O para mostrar exactamente la misma web para móvil y pc? Una web para cada dispositivoo qué?
Se suelen usar subdominios para alguno de los casos.
Por ejemplo www.miweb.com y www.m.miweb.com

Si lo que quieres es una unica pagina estática busca en google bootstrap static website templates
Tambien tienes proyectos como ghost.


Título: Re: una web NO responsive
Publicado por: Leguim en 2 Junio 2019, 19:20 pm
Al buscar que es una pagina estática es común que me aparezca esto, "En las páginas webs estáticas no se utilizan bases de datos ni se requiere programación".
Yo estoy trabajando con PHP y bases de datos pero lo único que quiero es que el diseño de la aplicación web sea constante es decir que no se vea afectado si estas navegando en un celular o tablet, simplemente que muestre el diseño web sin importar nada.

Tenia pensado hacer como vos dijiste (www.web.com y m.web.com)


Título: Re: una web NO responsive
Publicado por: @XSStringManolo en 2 Junio 2019, 20:05 pm
Yo lo hago con tablas en el servidor. Si usas algún servicio externo de hosting... No tengo ni idea.
En el diseño de la web haces un copia y pega del Css original y lo unificas. En el php usas una varible para comprobar si es un smartphone o navegador de escritorio y le cambias la resolución y usas una regla rollo max-width: 700px.
Segun sea el dispositivo usas un css u otro desde el php.
Tendras que usar una regla para tras cargar el css en el cache del navegador desde el php poder actualizar desde el server.


Título: Re: una web NO responsive
Publicado por: Leguim en 2 Junio 2019, 20:17 pm
Yo lo hago con tablas en el servidor. Si usas algún servicio externo de hosting... No tengo ni idea.
En el diseño de la web haces un copia y pega del Css original y lo unificas. En el php usas una varible para comprobar si es un smartphone o navegador de escritorio y le cambias la resolución y usas una regla rollo max-width: 700px.
Segun sea el dispositivo usas un css u otro desde el php.
Tendras que usar una regla para tras cargar el css en el cache del navegador desde el php poder actualizar desde el server.


Gracias por el interés en querer ayudarme!
Digamos, no te entendí muy bien o en parte te entendí. Pero eso que me decis es para hacer un diseño "global" donde sea el mismo para escritorio como para dispositivos.. por ahí de entrada nose muy bien sobre los subdominios www. y m. por eso nose si primero debería hacer un diseño sólo para escritorio y ya en el m. haces un diseño y elementos html diferentes para cada una. Es decir yo tengo la idea de que www. y m. serían como dos paginas diferentes pero claro con la misma base de datos por eso nose si tu explicación va orientada a crear un diseño solo para escritorio o para ambos porque decis que por medio de PHP dependiendo la resolución del dispositivo cargue un .css u otro.

Para no enredar mucho lo que buscaba era simplemente hacer un diseño solo de escritorio donde no haga falta (por el momento) cargar un css u otro simplemente que se manejen con uno sólo y ese sea el diseño de escritorio. No se si me doy a entender muy bien,

Gracias por el interés!


Título: Re: una web NO responsive
Publicado por: @XSStringManolo en 2 Junio 2019, 20:32 pm
Haz un copia y pega del css y rediriges el trafico al m.web.com cuando la resolucion de pantalla sea menor que X rediriges el trafico a m.web.com. En el css copiado servido en el m.web.com lo modificas un poco para que se adapte a la resolución y le quitas movidas que no te interesen en el movil.
Como en la web.com no tienes que hacer nada, ya que es solo para escritorio la dejas así.
Despues desde el servidor crear una regla para actualizar la ruta de cada css para que carge el css adecuado.


Pd: Te encontré este articulo que detecta el smartphone de otra forma. Yo utilizo la que te comenté por el uso de tablets, que no se yo si te lo detectará de esta forma o como se hace.
https://www.quora.com/Whats-the-best-way-to-develop-a-websites-mobile-version



Título: Re: una web NO responsive
Publicado por: Leguim en 2 Junio 2019, 20:39 pm
Haz un copia y pega del css y rediriges el trafico al m.web.com cuando la resolucion de pantalla sea menor que X rediriges el trafico a m.web.com. En el css copiado servido en el m.web.com lo modificas un poco para que se adapte a la resolución y le quitas movidas que no te interesen en el movil.
Como en la web.com no tienes que hacer nada, ya que es solo para escritorio la dejas así.
Despues desde el servidor crear una regla para actualizar la ruta de cada css para que carge el css adecuado.

Yo ya trabaje la web con bootstrap porque nose hacerlo sino, lo que tiene bootstrap es que es todo responsive es decir si yo achico la pestaña se ve como se va adaptando porque se usan los porcentajes generalmente lo que yo quería saber como hago el mismo diseño que tengo en bootstrap (la parte de escritorio) pero que al achicar la pestaña esta no se adapte si te fijas en facebook al achicar o al hacer zoom en facebook esta no es responsive y solo hace zoom es eso lo que buscaba pero cada vez que intento buscar "una web NO responsive" me salen miles de resultados para hacerlo pero adaptable.


Título: Re: una web NO responsive
Publicado por: @XSStringManolo en 2 Junio 2019, 20:45 pm
El css no deja de ser texto. Edita el texto a mano. O busca un plantilla para bootstrap de web statica y usala o abrela en texto y compara las diferencias para adaptar tu web.


Título: Re: una web NO responsive
Publicado por: rub'n en 2 Junio 2019, 21:03 pm
crea tablas dog. puras tablas. aka table https://www.w3schools.com/tags/tag_table.asp


Título: Re: una web NO responsive
Publicado por: Leguim en 5 Junio 2019, 02:56 am
Tengo entendido que eso no es una práctica muy buena que digamos y trae consigo muchisimas desventajas el usar tablas para maquetar, lo que estoy buscando es hacerlo con CSS desde 0 pero que no sea responsive pero no encuentro ningun tutorial y busco pero la verdad todo es diseño responsive pero como ya explique no es lo que necesito.

Si alguien me podría ayudar se lo agradecería!


Título: Re: una web NO responsive
Publicado por: #!drvy en 5 Junio 2019, 07:49 am
Citar
Tengo entendido que eso no es una práctica muy buena que digamos y trae consigo muchisimas desventajas

Lo mismo se puede decir sobre los diseños no responsive. Es una mala practica y trae muchas desventajas.

Diseño no responsive es tan sencillo como usar tamaños absolutos y fijos y no utilizar media-queries. No hay tutoriales sobre como hacer diseño "no responsive" porque no es una técnica ni nada parecido per se, si no que simplemente usas CSS a tu antojo sin tener en cuenta  la resolución de otros dispositivos. Si sabes CSS.. sabes hacer diseño no responsive también..

Bootstrap esta diseñado para ser responsive desde el core. Tendrías que modificar los SASS y volver a compilar para que deje de usar sus breakpoits y media-queries.

Saludos