Como fazer sites responsivos sem Bootstrap?

mcflowlaamenaza · 23/04/2018

hace un tiempo aprendi html, css y java script con los que hago mis paginas web pero ahora quiero aprender a hacer mis paginas responsible

he estado buscando y muchos recomiendan aprender el framework bootstrap pero
yoo quisiera hacer paginas resposible sin usar framework que debo de aprender para esto

EdgarC · 23/04/2018

Puedes buscar un theme que ya tenga versión responsiva y te libras de programar

Mateiasu · 24/04/2018

Aprender CSS más a fondo.

Ging · 24/04/2018

Si supiera HTML Y CSS , No estarias preguntando esto.

Quenecesitas aprende rpara hacer sitios web responsive =

HTML Y CSS

irwin238 · 24/04/2018

Aprender css y html como dicen los compañeros :encouragement:

WWWW · 24/04/2018

Bootstrap :encouragement:

Googleriano · 24/04/2018

Theme resoponsive...

Enviado desde mi SM-A520F mediante Tapatalk

javierflti · 24/04/2018

Si lo quieres hacer tú, lo más sencillo es utilizar bootstrap, que es la librería que utilizan la mayoría de los sitios y te va a ahorrar mucho trabajo.

busterhz · 24/04/2018

Para empezar podrias usar el Dreamweaver, tener conocimientos de diseño grafico, y con tener un buen tema o plantilla es un buen paso para entrar en el mundo del webmaster.

denzel · 24/04/2018

Necesitas aprender bien CSS, fin.

Carlos081 · 24/04/2018

mcflowlaamenaza disse:
hace un tiempo aprendi html, css y java script con los que hago mis paginas web pero ahora quiero aprender a hacer mis paginas responsible

he estado buscando y muchos recomiendan aprender el framework bootstrap pero
yoo quisiera hacer paginas resposible sin usar framework que debo de aprender para esto

Hola beta .?! Sola tienes que aprender CSS y elaborar tu propio código responsive si no quieres framework .!! Saludos

Enviado desde mi TR10CS1 mediante Tapatalk

PabloMendez · 24/04/2018

Bootstrap..

spamer01 · 25/04/2018

Es tan fácil como aprender en CSS los media queries. Te puedes basar en los medias que usa bootstrap. Por ejemplo

PHP:

 /*** Media queries para dispositivos móviles pequeños (teléfonos) ***/
@ media (max-width: 767px) {
   /* Código css */
}

 /*** Media queries para dispositivos móviles medianos (tablets)***/
@ media (min-width: 768px) and (max-width: 991px) {
   /* Código css */
}

 /*** Media queries para dispositivos medianos (monitores)***/
@ media (min-width: 992px) and (max-width: 1199px) {
   /* Código css */
}

 /*** Media queries para dispositivos grandes (TV y monitores con gran resolución)***/
@ media (min-width: 1200px) {
  /* Código css */
}

(Sacar el espacio que hay entre el @ y el media)

Langel · 26/04/2018

Hola, nada mejor que la practica, usando las condiciones de @ media queries y aplicando el css que ya has aprendido anteriormente, lograras tu propósito de hacer una web responsive, no es nada del otro mundo 🙂 aveces es bueno una googleada de vez en cuando pero en fin si tienes ganas de aprender solo practica y veras resultados.

csnotcs · 26/04/2018

Creo que te falta saber sobre CSS y HTML. Porque justamente ESO es lo que necesitas para hacer webs responsive.

Hacer una web responsive no es algo que haces pegando unas lineas genericas, o sabiendo algo en concreto... Depende muchisimo del proyecto y la estructura de la web...

Con respecto a que aprendiste JavaScript, esto no sirve para el responsive (al menos no en un principio), ya que son lenguajes que PROGRAMAN, no DISEÑAN la web.

Y con respecto a no usar Framework, podes hacerlo sin Framework, pero se consciente de que es el triple de trabajo y el triple de conocimientos.

En conclusión;
Por mi parte te aconsejo aprender CSS y HTML, ya que es lo que estructura la web y por ende lo que te dará el pié para una web adaptativa. Lo mejor es que aprendas sobre medidas, sobre porcentajes y html5, para usar atributos como srcset. En un principio mejor usa un Framework, o una plantilla CSS/HTML para empezar, si es que te urge tener la web responsive ya mismo, porque aprender sobre diseño web puede llevarte unos meses.

plex · 26/04/2018

Solo con CSS puedes hacerlo, no es para nada complicado, te dejo dos enlaces con lo más importante, así por lo menos yo aprendí, espero te sirvan :encouragement:

Responsive Web Design Media Queries
Responsive Web Design Viewport

lito87 · 26/04/2018

Bueno,visto como preguntas. lo mejor es que uses como dicen algunos en este hilo un theme responsive

ferranv · 28/04/2018

Como ya te ha comentado algún compañero del foro. Con las media queries de CSS. El Bootstrap es un lastre.

CSS media queries - CSS | MDN

Saludos.

cosme · 28/04/2018

La clave del responsive esta aca:

Supongamos el siguiente ejemplo:

Inserir CODE, HTML ou PHP:

.contenido {
    background-color: #000;
}


@ media screen and (max-width: 960px) { /* ANCHO A PARTIR DEL CUAL EL QUE EL ESTILO CAMBIA  */
    .contenido {
        background-color: red;
}

Lo que hace esto es cambiar el estilo según el tamaño de la pantalla. Esta sería la forma manual de hacerlo. La forma "express" sería usar boostrap.

J28592 · 28/04/2018

Para este proyecto que tienes en mente te propongo que aprendas HTML5, CSS y es recomendable que tengas conocimientos sobre SEO para el posicionamiento de tu sitio web.

Como fazer sites responsivos sem Bootstrap?

mcflowlaamenaza

EdgarC

Mateiasu

Ging

irwin238

WWWW

Googleriano

javierflti

busterhz

denzel

Carlos081

PabloMendez

spamer01

Langel

csnotcs

plex

lito87

ferranv

cosme

J28592

Tópicos similares