[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla

# Frameworks de desarrollo de plantillas Joomla!

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)   08 Agosto 2018    [General](https://sergioiglesias.net/blog/general)   2 - 3 minutos    Visitas: 14900  -
- [ Proyecto Joomla ](https://sergioiglesias.net/etiquetas/proyecto-joomla)
- [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla)

   ![](https://sergioiglesias.net/images/blog/general/frameworks-desarrollo-plantillas-joomla.png) Para el **desarrollo de plantillas Joomla** disponemos de una gran colección de Frameworks de desarrollo. Cada uno de ellos tiene sus características y sus peculiaridades, sus ventajas y desventajas, sus líneas de diseño y un gran etc.

Vamos a ver algunos de estos **Framework**

Todo sobre Frameworks de desarrollo de plantillas #Joomla - #MejorConJoomla por @sergiois

  [  Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/general/frameworks-de-desarrollo-de-plantillas-joomla?akengage_cid=315 "Compártelo")   [  Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fgeneral%2Fframeworks-de-desarrollo-de-plantillas-joomla%3Fakengage_cid%3D315&text=Todo%20sobre%20Frameworks%20de%20desarrollo%20de%20plantillas%20%23Joomla%20-%20%23MejorConJoomla%20por%20%40sergiois "Postéalo")   [  Envíalo ](https://api.whatsapp.com/send?text=Todo%20sobre%20Frameworks%20de%20desarrollo%20de%20plantillas%20%23Joomla%20-%20%23MejorConJoomla%20por%20%40sergiois%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fgeneral%2Fframeworks-de-desarrollo-de-plantillas-joomla%3Fakengage_cid%3D315 "Envíalo")

> Aunque este artículo es del 2015 (ya ha llovido) he pensado que era una buena oportunidad de actualizarlo con nuevos Frameworks de desarrollo de plantillas y cambiar las URL de los que ya tenía (puesto que algunas han cambiado).
> Si quieres que añada algún otro Framework que utilices envíamelo o compártelo en los comentarios. Gracias!!

## Qué es un Framework

- Marco de trabajo que nos facilita la tarea de desarrollar (en nuestro caso, plantillas para Joomla!).
- Se trata de un “esqueleto” (colección de funciones y ficheros) en el que basarnos para desarrollar una plantilla.
- A su vez, estos frameworks de desarrollos, se basan en otros frameworks denominados de frontend (HTML + CSS + JS):

 [![Bootstrap](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-frontend/bootstrap_1230.png?version=acdbc1103da97f628cb6905c90349f83)
Bootstrap](https://getbootstrap.com/)

 [![UiKit](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-frontend/uikit_1230.png?version=16cc68f74479c45f2032d4d689da9e68)
UiKit](https://getuikit.com/)

 [![Skeleton](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-frontend/skeleton_1230.png?version=d2afc045d0fbf2c4723370183a6c7744)
Skeleton](http://getskeleton.com/)

 [![Materialize](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-frontend/materialize_1230.png?version=43d438cac2f138f0ce2f59703afdf1eb)
Materialize](https://materializecss.com/)

---

## Ventajas y desventajas de los Frameworks de desarrollo de plantillas Joomla

### Ventajas de usar frameworks

- Ahorro de tiempo (permite dedicar más tiempo al resultado final).
- Disposición de opciones y estilos de todo tipo.
- Base probada.
- Establecer unas pautas de desarrollo (normas y estándares) importantes para:
    - Desarrollo propio
    - Desarrollo en equipo
    - Desarrollo de trabajo a distancia

### Desventajas de usar frameworks

- Tiempo de aprendizaje:
    - Manuales y documentación oficial.
    - Prácticas.
- Código innecesario:
    - Librerías JS.
    - CSS.
- Actualizaciones:
    - Importante tener el framework actualizado a última versión estable.
    - Corrección de errores y bugs de seguridad.
    - Implementación de mejoras.
- No tenemos el control total del desarrollo:
    - Optimización de carga.

## Características comunes de estos Frameworks

- **CrossBrowser:**
    - De forma nativa se comportan correctamente en las últimas versiones de los principales navegadores web
        (cuidado con IE8 &lt;).
- **Diseño profesional y responsive:**
    - Nos ofrecen comportamientos Responsive, diseño fluido, arquitectura de Grillado que nos sirve de soporte para nuestro diseño, menús offcanvas para el trato especial en dispositivos móviles, etc.
- **Programación sólida y personalizada:**
    - Nos ofrecen técnicas de override y customización, para poder adoptar y aplicar esos comportamientos especiales que requieren nuestros desarrollos a medida.
- **Basados en estándares web:**
    - HTML5, CSS3, javascript (en la mayoría de los casos jQuery), etc.

## Características de empresas que usan estos Frameworks

- Cada mes disponemos de una nueva plantilla.
- Variedad de plantillas en función del tipo de web: periódico/revista, blog, corporativa, tienda online...
- Gran variedad y disposición de módulos.
- Modalidad de suscripción por meses y compra única.

## Frameworks destacados (y empresas desarrolladoras)

[![Gantry](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-joomla/gantry_1230.png?version=4fd9c2e9881c4f4912ec1e1831533b4e)
**Gantry**](http://gantry-framework.org/). Empresa: [RocketTheme](http://www.rockettheme.com/)

[![Helyix](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-joomla/helix_1230.png?version=8a8a505719b39f2f306bfb1ed1f173fa)
**Helix**](https://www.joomshaper.com/helix). Empresa: [JoomShaper](https://www.joomshaper.com/)

[![T3](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-joomla/t3_1230.png?version=3283a0d5796fe5475e384d601bb5fc80)
**T3**](http://t3-framework.org/). Empresa: [JoomlArt](http://www.joomlart.com/)

[![YooTheme](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-joomla/yootheme_1230.png?version=163f53ffd1dd16f1c69432a48dc0b502)
**Warp**](https://yootheme.com/pro). Empresa: [YooTheme](http://yootheme.com/)

[![YJ Simple Grid](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-joomla/yjsimplegrid_1230.png?version=3a290ad816a16b94ec987be0eaa0485d)
**YJ Simple Grid**](https://yjsimplegrid.com/). Empresa: [YouJoomla](http://www.youjoomla.com/)

[![Astroid](https://sergioiglesias.net/media/cached-resp-images//images/blog/general/frameworks-joomla/astroid_1230.png?version=9cc597bb2a0f5d1778b962a44c81d274)
**Astroid**](https://astroidframework.com/). Empresa: [JOOMDEV](https://www.joomdev.com/)

### Otros Frameworks

- [Expose](https://www.themexpert.com/expose)
- [JYAML](https://www.jyaml.de/)
- [Wright](https://wright.joomlashack.com/)
- [YT](https://www.smartaddons.com/joomla-templates/248-yt-framework-web-platform-joomla-template)
- [ZO2](https://www.zootemplate.com/zo2)
- [Joostrap](http://joostrap.com/)
- [MasterBootstrap](https://masterbootstrap.com)

---

Ventajas y desventajas de los Frameworks de desarrollo de plantillas #Joomla - #MejorConJoomla por @sergiois

  [  Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/general/frameworks-de-desarrollo-de-plantillas-joomla?akengage_cid=315 "Compártelo")   [  Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fgeneral%2Fframeworks-de-desarrollo-de-plantillas-joomla%3Fakengage_cid%3D315&text=Ventajas%20y%20desventajas%20de%20los%20Frameworks%20de%20desarrollo%20de%20plantillas%20%23Joomla%20-%20%23MejorConJoomla%20por%20%40sergiois "Postéalo")   [  Envíalo ](https://api.whatsapp.com/send?text=Ventajas%20y%20desventajas%20de%20los%20Frameworks%20de%20desarrollo%20de%20plantillas%20%23Joomla%20-%20%23MejorConJoomla%20por%20%40sergiois%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fgeneral%2Fframeworks-de-desarrollo-de-plantillas-joomla%3Fakengage_cid%3D315 "Envíalo")

 Si quieres saber más puedes hacer el [**curso online de desarrollo de plantillas Joomla gratis**](https://sergioiglesias.net/curso-online-joomla-desarrollo-plantillas/) que te ofrezco si te suscribes a mi newsletter.

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado

### ¿No sabes bien en qué estado

está tu web Joomla?

Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.

Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML

[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables

[![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior

Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.

[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")

### Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**.

[Quiero apuntarme!](https://sergioiglesias.net/newsletter)

###  3 comentarios

- [ ![](https://www.gravatar.com/avatar/cadeb1d72df9c419daecfee36084e0502edfd2befc0fd2caa904612b900c080b?s=48&r=G&d=mp) ](https://www.gravatar.com/cadeb1d72df9c419daecfee36084e0502edfd2befc0fd2caa904612b900c080b)

     Josh

     [ Lunes, 20 May 2019 18:44 ](https://sergioiglesias.net/blog/general/frameworks-de-desarrollo-de-plantillas-joomla?akengage_cid=315#akengage-comment-315)

      I like Astroid Framework very much. Works the best and has the most flexible options.
- [ ![](https://www.gravatar.com/avatar/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f?s=48&r=G&d=mp) ](https://www.gravatar.com/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f)

     sergiois

     [ Miércoles, 23 Agosto 2017 13:44 ](https://sergioiglesias.net/blog/general/frameworks-de-desarrollo-de-plantillas-joomla?akengage_cid=181#akengage-comment-181)

      Hola Carlos,&lt;br /&gt;&lt;br /&gt;Gracias por comentar!! Te diré que no hay una respuesta concreta a tu pregunta. Lo mejor es analizar todos y ver cuál se adapta más a tus necesidades.&lt;br /&gt;A mi el que más me gusta es Helix, pero no por ello es el mejor. Se adapta muy bien a mis necesidades.&lt;br /&gt;&lt;br /&gt;De cualquier manera, lo mejor para tener todo controlado es desarrollar tus propias plantillas. Así tendrás el control de lo que carga y cómo lo carga ;-)&lt;br /&gt;&lt;br /&gt;Salu2!!
- [ ![](https://www.gravatar.com/avatar/4ef0daea6b14da9857dd50b8ca827e36400570fc06f6d1939729851f077f7e6c?s=48&r=G&d=mp) ](https://www.gravatar.com/4ef0daea6b14da9857dd50b8ca827e36400570fc06f6d1939729851f077f7e6c)

     carlos

     [ Miércoles, 23 Agosto 2017 13:17 ](https://sergioiglesias.net/blog/general/frameworks-de-desarrollo-de-plantillas-joomla?akengage_cid=180#akengage-comment-180)

      Hola&lt;br /&gt;De todos los que mencionas tu cual recomendarías por ser el mejor o el que pueda mejorar el tema de la carga de la web o el seo.&lt;br /&gt;Gracias

###  Deja tu comentario

 En respuesta a Some User

 Nombre \*

 Dirección de email \*

 Texto del comentario \*

 Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*
