Articulos relacionados

Blog

Joomla 3.0 y Bootstrap 2.0, la nueva era en el diseño de páginas web

Escrito por Victor Fernandez on 27 Mayo 2013. Posted in Páginas Web con Joomla

Valoración del Usuario:  / 1
MaloBueno 

Se puede decir que Joomla se ha convertido en el  primer CMS, Gestor de Contenidos, en adoptar la tecnología “adaptable o Responsive” que permite a los administradores visualizar su Gestor de Contenidos y las herramientas desde cualquier dispositivo: Pcs, Smartphones, Tablets,…

Con Joomla 3.0 y Bootstrap tanto la plantilla del sitio web como la interfaz de usuario y la salida de HTML es totalmente adaptable a los distintos dispositivos. Se puede decir que entramos en una nueva dimensión en el diseño páginas web gracias a la liberación por parte de Twitter de su framework CSS.

También destaca como novedad el backend, pixel-perfect,  la parte de administración del Gestor de Contenidos. Ahora, más fácil de usar, ofrece una nueva experiencia al administrador de la web gracias a su nuevo aspecto y a sus nuevas características, incluidas en la plantilla administrativa adaptable Isis. “Amigable y adaptable”, así la ha definido la gran comunidad Joomla que trabaja desde hace años para ofrecer innovación a sus usuarios.

Con la nueva versión podrás instalar los paquetes de idiomas desde el gestor de extensiones. Se pueden guardar artículos sin contenido (en las versiones anteriores si no se escribía algo dentro del editor de texto no se podía guardar), se ha mejorado la búsqueda inteligente, se ha añadido un nuevo módulo para los amantes de las  estadísticas y se ha actualizado el editor TinyMCE a la versión 3.5.6.

Así pues, el framework Bootstrap  open source nace con la intención de crear un layout básico, adaptable a los distintos navegadores y diseñado para simplificar la creación y diseño de páginas web ofreciendo gran flexibilidad en la creación de presentaciones. Nos permitirá visualizar la web en diferentes dispositivos gracias a la tecnología responsive, mejorar su funcionamiento en los navegadores, integrar distintas librerías,..

La nueva versión o re escritura de Bootstrap 2.0 cuenta con el sistema de plantillas mustache, nuevos plugins jQuery como Dropdowns, Modals, Tooltips, Scrollspy, Carousel, Popover, Tab, Alert, Transition, Typeahead, Collapse y Button; A destacar también las galerías personalizables, barras de navegación y progreso, la biblioteca de iconos y símbolos  GLYPHICON,…

Estaremos pendiente de las mejoras y revisiones de un producto que puede convertirse en el punto de inflexión en el desarrollo y diseño de páginas web.

Ultimas entradas

  • Goodvinilos herramientas para su tienda online

    Los vinilos decorativos y los fotomurales permiten decorar espacios o darles un aire divertido, moderno, clásico o sofisticado según las preferencias del usuario. Son elementos de decoración destinados a crear espacios renovados en toda clase de superficies: azulejos, techos, paredes, mamparas, cristales, muebles, puertas y armarios, entre otros. Con las herramientas desarrolladas e implantadas en la tienda online de Goodvinilos, el usuario se encuentra, además de con una tienda totalmente responsive, con una serie de ventajas a la hora de seleccionar un producto lo que le confiere a su compra un plus de seguridad.

    El cliente de hoy que compra a través de Internet se vuelve cada vez más exigente y busca realizar compras cada vez más personalizadas. Para ello es necesario que las webs y tiendas online dispongan de herramientas avanzadas que permitan al usuario seleccionar los productos en base a diferentes características y que éstas se ajusten al máximo a sus necesidades.

    Herramientas para seleccionar vinilos y fotomurales personalizados en Goodvinilos

    Si se trata de vinilos decorativos, el usuario puede elegir el color o colores del diseño seleccionado en base al color del fondo de la pared o superficie en el que vaya a ser instalado. Por ejemplo, te gusta un vinilo decorativo floral determinado que en la imagen del producto aparece con las flores azules y los ramilletes grises pero resulta que tu pared es gris clarito y quieres que se destaque algo más

    Para el usuario esto produce un  gran impacto visual. No le resulta difícil imaginar el vinilo colocado en su pared o superficie. Pero esto no es todo, en la tienda  Goodvinilos existen más herramientas y, por tanto, más posibilidades decorativas. Imaginemos que queremos un fotomural personalizado con una foto nuestra.

    El usuario podrá subir una imagen suya, ya sea personal, de un paisaje o de unas vacaciones a la plataforma y desde aquí tiene la opción de mover la foto pinchando sobre la imagen y arrastrarla, ampliarla o reducirla seleccionando desde las esquinas,  o recortarla a conveniencia para escoger una determinada parte de la imagen.

    Además,  y en cuanto a los fotomurales, el usuario puede elegir el tipo de acabado del producto, en papel de lienzo, autoadhesivo o traslúcido, si lo quiere en color o en blanco y negro, y puede dejar la imagen tal cual aparece al subirla o voltearla con la herramienta de posición.



    Gracias a estas herramientas de diseño y selección de vinilos decorativos y fotomurales el usuario encuentra una forma intuitiva e innovadora de dar  un aire original pero también muy personal y simbólico a sus espacios.

  • Web Responsive Vs Adaptative

    Pese a las numerosas estadísticas que muestran el cambio de hábitos de los consumidores a la hora de consultar su correo, hoy por hoy hay empresas que no prestan atención al responsive. La navegación móvil es cada vez más grande y con múltiples resoluciones, por lo cual debemos tener un diseño que se adapte a todo.

    Existen una serie de factores que deben animar a cualquier dueño de una página web o negocio a dar el salto definitivo al responsive.  Hoy en día es necesario que la navegación movil sea cada vez más grande y con múltiples resoluciones, por lo cual debemos optar por un diseño responsive que se adapte a todo.

  • Diseño páginas web con Responsive

    El diseño web Responsive es una técnica o herramienta de de diseño páginas web que permite la adaptación de una web al entorno del usuario, es decir, trata de que una web pueda ser vista perfectamente en cualquier dispositivo móvil o cualquier pantalla, tenga el tamaño que tenga. Es lo que se ha dado en llamar Web for All. La tecnología de diseño web Responsive combina CSS, CSS3 y JavaScript para conseguir un diseño fluido y flexible.

Memoria usada: 11077.1 KB de 11520 KB