Foro de elhacker.net

Hola a todos!

Quería preguntaros si sabéis de algún framework js que sea capaz de convertir una pagina en responsive(cuyas medidas sean estándar)

Se el uso de las media queries y como se implementan, pero me urge un proyecto rápido que tiene que tener esta característica, la cuestión es que quiero saber como han evolucionado los frameworks en este campo. Ojo no en que ayuden a maquetar la pagina desde un principio y que finalmente tenga el efecto deseado si no lo que busco es si hay alguno capaz de convertir por completo la pagina ya creada a responsive, independiente de tomar en cuenta las prioridades de que mostrar primero etc...

Espero vuestra respuesta, un saludo! ;)

Hola.

Yo el único framework js que conozco es el AngularJS. Pero no croe que haga eso mismo que dices, ya que transformar una página no responsive a repsonsive y que lo haga sin tener que retocar nada me parece complicado, ya que ahí hace falta tener un criterio de que hacer con las etiquetas y según como esté programado podría ser de una forma u otra. Me parece un trabajo demasiado difícil para un sistema automatizado, ya que es diseño.

Suerte de todas formas y a ver si alguien ha encontrado algo que pueda ser parecido a lo que buscas.

No vas a encontrar nada parecido. El diseño responsive se hace a mano o con un framework que te ayuda pero ninguna herramienta te puede ayudar a convertir un código con medidas fijas a responsive.. mas que nada porque no saben que se tiene que mover y que no, los margenes de error y muchas otras condiciones.

Saludos

Hola moikano→@, el framework que mencionas no es mas que un MVC que sirve para agilizar el diseño y mantenimiento de la pagina, nada de lo que busco. :-\

Eso mismo es lo que ando buscando #!drvy, que no tenga en cuenta ningún criterio, como mucho que te de pocas opciones de personalización con menú y poco mas.

Espero que alguien haya visto algo parecido me lo haga saber!

Yo creo que lo que buscas es bootstrap http://getbootstrap.com/

No me has entendido. La herramienta tendría que saber SI o SI esas cosas. Ella no puede decidir por si sola que elemento se puede redimensionar y que elemento no. La haría falta IA y dudo mucho que alguien se haya molestado en crear algo así de complejo para esto xD.

Saludos

Hola de nuevo #!drvy,

Si se a lo que te refieres, la confirmación que di es que busco algo que no lo tome encenta, lo digo por que hace tiempo vi algo parecido pero no le di importancia y es ahora cuando necesito hacer uso de algún framework o herramienta parecida.

Un saludo! ;)

Nadie conoce nada parecido?

no creo que haya... quieres tomar un codigo "tonto"(dumb) y convertirlo en "inteligente"(smart) solo colocando un js....

en tal caso si es un framework, requerirá que construyas sobre el, en este caso sería algo minimo como boostrap

Yo en lo personal he visto muchos scripts en js que hacen responsive los sitios webs pero no siempre funcionan bien ya que el script no puede adivinar como está diseñado tu portal por lo cual aun no existe ningún script que realmente sea eficaz en convertirte en tiempo real un código no responsive en responsive.

Te recomiendo que reconstruyas tu diseño con bootstrap. Si usas .net entonces en visual studio hay templates de inicio en paginas mvc c# que comienzan con bootstrap y jquery, si usas php puedes aprovechar el impulso y reconstruir el layout en base a codeigniter y bootstrap para que las urls amigables y la separación de capas te ayuden en el futuro cuando necesites escalar tu aplicación.

Existen en la red muchísimas plantillas responsive gratuitas, coge una y adáptala que tardarás muy poco. ¿Para qué te vas a complicar programando desde cero? Hacerla original desde cero lleva muchísimo trabajo.

Una alternativa es la que ha dicho Pablo: bootstrap pero si no has trabajado nunca con este framework mal asunto porque hay que perder tiempo en entenderlo. Hay que seguir unas reglas, no puedes poner por ejemplo una lista de enlaces (ul li a) como tú quieras, hay un orden y utilizar unas clases preestablecidas (en el estilo).

No sé en qué entorno (Joomla, Wordpress...) estás trabajando pero si quieres rapidez te recomiendo mi primer párrafo.

Bootstrap te recomiendo que lo customices o bajes un theme de bootwatch por ejemplo, el estilo por defecto esta ya sobreusado y da la impresion de poca originalidad.

Tambien tienes otras alternativas, como foundation por ejemplo, con un diseño más limpio y el mismo sistema de grilla. Full responsive.

Si el proyecto es escolar, metele bootsrap si estas familiarizado con el. Puedes bajar plantillas de acuerdo al modelo de tu aplicación.

Después de buscar por internet me he encontrado con lo que encontré hace tiempo,

El termino se hace llamar "Builder Responsive Design" o "Generator Responsive Desing", un ejemplo de estas paginas es http://www.ginwiz.com/

El modo de configuración es mediante pasos...El inconveniente que encuentro es que una vez configurada la pagina a la hora de generarla o publicarla me añade el nombre de la pagina en el dominio, es decir no me proporciona el código del CSS para poder incluirlo en mi sitio web, todo me hace pensar que ya que no hago uso de su servicio de pago ellos lo hacen por darse publicidad o algo haciendo uso de la opción free.

Alguna otra alternativa similar? como dije la configuración no me importa mucho.

Un saludo! ;)