Taller de desarrollo de plantillas para Joomla! 3.x impartido en el Joomla!Day 2013 España en la ciudad de Albacete. Snippets, minitutoriales (howto) y herramientas.
En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0
A través de una presentación iremos viendo los siguientes puntos:
- Qué es una plantilla
- Estructura básica de archivos
- templateDetails.xml
- API de Joomla!
- Templates Overrides
- Ejemplo: index.php + css + params
- Diferencias entre las versiones
- Frameworks de desarrollo
- Herramientas de ayuda
Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
Es la presentación 2 de 5 que se dieron en el taller de creación de plantillas impartido por el Grupo de Usuarios de Joomla! en Guatemala el 28 de febrero 2011
En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0
A través de una presentación iremos viendo los siguientes puntos:
- Qué es una plantilla
- Estructura básica de archivos
- templateDetails.xml
- API de Joomla!
- Templates Overrides
- Ejemplo: index.php + css + params
- Diferencias entre las versiones
- Frameworks de desarrollo
- Herramientas de ayuda
Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
Es la presentación 2 de 5 que se dieron en el taller de creación de plantillas impartido por el Grupo de Usuarios de Joomla! en Guatemala el 28 de febrero 2011
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
Bases de la maquetación de una web en HTML5, explicando e incorporando todas sus ventajas y novedades, así mismo, se darán a conocer diversas herramientas para el diseño y maquetación de webs de forma sencilla.
Se darán respuesta a las siguientes cuestiones:
¿Qué es HTML?
¿En qué consiste HTML?
¿Cómo se escriben las etiquetas?
¿Cómo se muestra una página Web?
¿Qué es la semántica HTML?
¿Qué es HTML5?
¿Por qué surge HTML5?
¿Qué va a pasar con las Web en HTML4?
¿Cómo se crea una página Web?
¿Cómo se declara un documento HTML5?
¿Qué etiquetas se usan para maquetar en HTML5?
¿Qué herramientas usaremos?
El taller correrá a cargo de Antonio Cruz Gómez, amigo y presidente de la Asociación EnRed 2.0 (http://enred20.org/)
Para más información puedes mirar la web: http://enred20.org/node/39
O ponerte en contacto con nosotros o con la Asociación EnRed 2.0
Curso de 4 horas con con ejemplos. Bastante completo, incluye canvas, video, almacenamiento, protocols, geolocation, WebRTC, .. y muchos punteros a sitios vistosos
trivago, Comparador de precios y herramienta de marketing para hotelesAlbertocalce
Ponencia de Alberto Calcerrada para eroadshow, Congreso de e-commerce y Marketing online, celebrado en la Cámara de Comercio de Santa Cruz de Tenerife el 8 de mayo de 2013.
Temas tratados:
¿Qué es Trivago? Desarrollo y situación actual, Trivago para hoteleros, Importancia de contenido. Gestión de Reputación online, Integración directa de hoteles individuales en el comparador de precios.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
Bases de la maquetación de una web en HTML5, explicando e incorporando todas sus ventajas y novedades, así mismo, se darán a conocer diversas herramientas para el diseño y maquetación de webs de forma sencilla.
Se darán respuesta a las siguientes cuestiones:
¿Qué es HTML?
¿En qué consiste HTML?
¿Cómo se escriben las etiquetas?
¿Cómo se muestra una página Web?
¿Qué es la semántica HTML?
¿Qué es HTML5?
¿Por qué surge HTML5?
¿Qué va a pasar con las Web en HTML4?
¿Cómo se crea una página Web?
¿Cómo se declara un documento HTML5?
¿Qué etiquetas se usan para maquetar en HTML5?
¿Qué herramientas usaremos?
El taller correrá a cargo de Antonio Cruz Gómez, amigo y presidente de la Asociación EnRed 2.0 (http://enred20.org/)
Para más información puedes mirar la web: http://enred20.org/node/39
O ponerte en contacto con nosotros o con la Asociación EnRed 2.0
Curso de 4 horas con con ejemplos. Bastante completo, incluye canvas, video, almacenamiento, protocols, geolocation, WebRTC, .. y muchos punteros a sitios vistosos
trivago, Comparador de precios y herramienta de marketing para hotelesAlbertocalce
Ponencia de Alberto Calcerrada para eroadshow, Congreso de e-commerce y Marketing online, celebrado en la Cámara de Comercio de Santa Cruz de Tenerife el 8 de mayo de 2013.
Temas tratados:
¿Qué es Trivago? Desarrollo y situación actual, Trivago para hoteleros, Importancia de contenido. Gestión de Reputación online, Integración directa de hoteles individuales en el comparador de precios.
Tu 1er Don Comparador de Pisos Casas Viviendas Inmuebles de Bancos y entidade...Don Comparador
Elige localidad en playa o montaña y muy gustosamente te COMPARO el precio de todos los inmuebles que tienen los BANCOS en solo un click. No tendrás que visitar las entidades ni perder tu precioso TIEMPO y además, sólo te damos la información y filtramos tu necesidad para que el BANCO te llame, sin incrementos en los precios finales para que que consigas lo más BARATO y lo más RAPIDO posible. Soy tu 1er COMPARADOR de PISOS de BANCOS.
No te arrepentirás de conocer toda la INFORMACIÓN que he recopilado PARA TÍ y que ACTUALIZO a DIARIO para que TE BENEFICIES el PRIMERO.
Recovery: Job Growth and Education Requirements Through 2020CEW Georgetown
Recovery: Job Growth and Education Requirements Through 2020: Projections of jobs and education requirements through 2020. This report shows where the jobs will be by education level, occupation and industry. Recovery 2020 is an update to our Help Wanted: Projections of Jobs and Education Requirements Through 2018.
Bill Aulet's keynote speech at 2016 Global Entrepreneurship Conference in Medellin Colombia. Focus on the past, present and future of entrepreneurship educaiton and what needs to be done.
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10Keopx
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10
En el taller se mostrara la creación de un modulo básico, veremos ejemplos existentes y como poder aprovecharlos para hacer nuestros desarrollos a medida.
Es una sesión actualizada de la que ya di en la DrupalCamp 2014: https://2014.drupalcamp.es/es/node/210.html
Se explicara por encima algunos conceptos.
Puedes facilitar lo que deseas encontrarte en el taller, de esta manera intentare ajustarme a lo que los asistentes desearían conocer :)
Sera necesario tener instalado el entorno de desarrollo, un entorno con Drupal en LAMP, MAMP, WAMP o similar para poder trabajar.
Recomendación:
- Drupal 10. Instalado y funcionando.
- IDE de desarrollo. En la maquina virtual estara disponible Code.
- Se recomienda usar la maquina virtual para facilitar la sesión.
Algunos módulos que veremos, por ello es aconsejable instalarlos.
- Modulo Devel
- Modulo Coder
- Módulo Examples
Están disponibles maquinas virtuales o instaladores para facilitar:
- Docker (+ Lando) / Maquina virtual (VirtualBox 7.0)
- http://drupalcamp2023.keopx.net/ (recomendado)
En este webinar Pablo García nos muestra las diferentes funcionalidades que Drupal 8 tiene por defecto a la hora de publicar contenido, y como éstas son particularmente beneficiosas para el SEO de vuestros proyectos en Drupal.
Combinación ganadora: Plone como CMS, tu framework preferido como frontendmenttes
Plone es un excelente sistema de gestión de contenidos. Recientemente ha sido elegido como el mejor CMS no-PHP en un popular concurso anual. A pesar de esto, muchos desarrolladores web de Python encuentran complejo a Zope, el framework con el que esta desarrollado el CMS.
Ahora, ¿qué tal si pudieras usar Plone solo como un gestor de contenidos y tu framework favorito, cualquiera sea, para implementar un front-end de forma transparente, obteniendo una configuración basada sobre una aplicación probada y de bajo mantenimiento, como backend siendo libre para escribir tu propia aplicación, usando el poder y flexibilidad de tu framework web?
En esta charla, se mostrarán ejemplos realizados con un par de productos de terceros de Plone y front-ends en varios frameworks.
En este taller Sergio Iglesias nos introducirá en el desarrollo de módulos para Joomla y nos explicara con casos prácticos:
- Ficheros que forman un módulo.
- Visualización de datos a partir de campos de configuración.
- Visualización de datos a partir de consulta a base de datos.
- Tips y herramientas para el desarrollo de módulos.
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)Lucía Marín
Charla en WordCamp Bilbao de introducción a WordPress, sobre algunos conceptos básicos de dicho CMS.
Contenido tratado:
- Qué es WP, para qué sirve y cómo funciona
- Instalación de WordPress
- WordPress y sus usos: web VS blog
- Menús de WP: Elementos Principales
- Ajustes Principales que debemos conocer
- Posts y páginas, plugins, widgets, menús
Más algún truco avanzado:
- Archivo header.php para insertar tags de seguimiento
- Mis plugins estrella actuales :)
www.luciamarin.es?rel=author
www.luciamarin.es/que-es-wordpress-y-para-que-sirve/?rel=canonical
¿Cómo aplicar los principios SOLID a mi código?
Definición de los principios y ejemplos clásicos de buenas prácticas de Diseño Orientado a Objetos
Audio de la presentación:
http://archive.org/details/10.S.o.l.i.d.ComoLoAplicoEnMiCdigo-JuanJosFuchs
2. ÍNDICE DEL CONTENIDO
● Introducción
● Tips Plantillas Joomla!
1.Snippets
2.Cargar jQuery
3.Cargar Bootstrap
4.Crear y usar nuevo estilo de plantilla
5.Crear posición nueva
6.Crear nuevo tipo de estilo de módulo
7.Crear clase CSS del módulo
8.Error 404 como artículo
9.Template override
10.Crear presentación alternativa de componente
11.Crear presentación alternativa de módulo
● Herramientas de ayuda
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
4. INTRODUCCIÓN
● #JoomlaIO:
● Desarrollo plantillas Joomla! - Teórico:
● http://www.sergioiglesias.net/blog/cursos/212-joomlaio-28-01-2013-
hangout-desarrollo-plantillas-joomla
● Desarrollo plantillas Joomla! - Práctico:
● http://www.sergioiglesias.net/blog/cursos/213-joomlaio-18-02-2013-
hangout-desarrollo-plantillas-joomla-ii
● Taller de desarrollo de plantillas
Joomla!Day 2011 Zaragoza:
● http://www.sergioiglesias.net/blog/cursos/175-taller-de-desarrollo-de-
plantillas-joomla-en-video
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
5. INTRODUCCIÓN → ESTRUCTURA BÁSICA DE ARCHIVOS
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
6. INTRODUCCIÓN → ESTRUCTURA BÁSICA DE ARCHIVOS
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● index.html: añade seguridad a las carpetas. Es un fichero vacío.
● index.php: contiene el HTML que define la estructura de la plantilla y
las llamadas PHP a la API de Joomla! (punto de entrada al template).
● params.ini: guarda los parámetros personalizables desde el admin.
● template_thumbnail.png: imagen miniatura de la plantilla.
● template_preview: a partir de 1.7. Imagen un poco más grande.
● css: carpeta con los archivos .css que necesita la plantilla.
● template.css: archivo principal con los estilos.
● images: carpeta con las imágenes utilizadas en la plantilla (y css).
● html: contiene vistas personalizadas de extensiones (técnica de
template overrides).
● templateDetails.xml: contiene información necesaria para la correcta
instalación de la plantilla. Define los parámetros personalizables.
7. INTRODUCCIÓN → TEMPLATEDETAILS.XML
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Imprescindible para que la plantilla sea reconocida por el admin.
● Se utiliza como instalador de la plantilla.
● Todo lo que no esté definido en él, no se instala.
● Datos divididos en 5 partes:
● Datos.
● Archivos.
● Idiomas.
● Posiciones.
● Parámetros.
● Los datos de los parámetros podrán ser utilizados desde el back para
cambiar la visualización.
● Relacionado con el fichero params.ini
8. INTRODUCCIÓN → TEMPLATEDETAILS.XML (datos)
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Datos específicos de la plantilla: nombre del template, fecha de
creación, autor, copyright, email, página web, versión y descripción.
9. INTRODUCCIÓN → TEMPLATEDETAILS.XML (archivos)
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Especificación de los archivos utilizados en la plantilla.
● Recuerda: lo que no se declare aquí, no se instala.
● Para incluir una carpeta completa, utilizar:
<folder>nombre_carpeta</folder>
10. INTRODUCCIÓN → TEMPLATEDETAILS.XML (idiomas)
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Especificación de los idiomas utilizados en la plantilla.
11. INTRODUCCIÓN → TEMPLATEDETAILS.XML (posiciones)
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Qué y cuántas posiciones tendremos en la plantilla.
12. INTRODUCCIÓN → TEMPLATEDETAILS.XML (parámetros)
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Parámetros/Campos de configuración: para ser manejados desde el
back. Hace que una plantilla sea más versátil.
● Apartado ligado con el fichero params.ini
● http://docs.joomla.org/Standard_form_field_types
13. INTRODUCCIÓN → API JOOMLA! - JDOC
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● <jdoc:include type=”head”/>
● Va dentro de la cabecera HTML (<head>).
● Muestra el title, metatags, feed y js (MooTools).
● $this->template
● Obtenemos el nombre de la carpeta que contiene nuestra plantilla.
● Uso: para cargar css, favicon, js y cualquier otro archivo.
● $mainframe->getCfg('sitename')
● Obtenemos el nombre del sitio.
● <jdoc:inclue type=”modules” name=”posicion” style=”estilo”/>
● Indica la carga de un módulo de una manera específica:
● name: posiciones cargadas en el fichero templateDetails.xml
● style: table (tabla vertical = columna), horz (tabla horizontal = fila), xhtml (divs),
rounde (divs anidados), raw (sin contenedor).
● También se pueden crear estilos propios.
14. INTRODUCCIÓN → API JOOMLA! - JDOC
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● <jdoc:include type=”component”/>
● Cargamos el contenido principal del sitio (contenido de componentes):
artículos, secciones, categorías, calendarios...
● if($this->countModules('nombre_posicion')){}
● Condicional para saber si hay algún módulo en una posición determinada.
● $this->baseurl
● Contiene la dirección base de nuestro sitio.
● $this->language
● Contiene el idioma en el que se encuentra nuestro sitio.
15. INTRODUCCIÓN → RECORDATORIO
● #JoomlaIO:
● Desarrollo plantillas Joomla! - Teórico:
● http://www.sergioiglesias.net/blog/cursos/212-joomlaio-28-01-2013-
hangout-desarrollo-plantillas-joomla
● Desarrollo plantillas Joomla! - Práctico:
● http://www.sergioiglesias.net/blog/cursos/213-joomlaio-18-02-2013-
hangout-desarrollo-plantillas-joomla-ii
● Taller de desarrollo de plantillas
Joomla!Day 2011 Zaragoza:
● http://www.sergioiglesias.net/blog/cursos/175-taller-de-desarrollo-de-
plantillas-joomla-en-video
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
22. TIPS PLANTILLAS JOOMLA! → CREAR Y USAR NUEVO ESTILO DE PLANTILLA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
04
23. TIPS PLANTILLAS JOOMLA! → CREAR Y USAR NUEVO ESTILO DE PLANTILLA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
04
24. TIPS PLANTILLAS JOOMLA! → CREAR Y USAR NUEVO ESTILO DE PLANTILLA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
04
25. TIPS PLANTILLAS JOOMLA! → CREAR Y USAR NUEVO ESTILO DE PLANTILLA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
04
26. TIPS PLANTILLAS JOOMLA! → CREAR Y USAR NUEVO ESTILO DE PLANTILLA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
04
27. TIPS PLANTILLAS JOOMLA! → CREAR Y USAR NUEVO ESTILO DE PLANTILLA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
04
28. TIPS PLANTILLAS JOOMLA! → CREAR POSICIÓN NUEVA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
05
29. TIPS PLANTILLAS JOOMLA! → CREAR POSICIÓN NUEVA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
05
30. TIPS PLANTILLAS JOOMLA! → CREAR POSICIÓN NUEVA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
05
31. TIPS PLANTILLAS JOOMLA! → CREAR POSICIÓN NUEVA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
05
32. TIPS PLANTILLAS JOOMLA! → CREAR NUEVO TIPO DE ESTILO DE MÓDULO
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Crear carpeta “html” en la carpeta del template
● Crear fichero “modules.php”
06
33. TIPS PLANTILLAS JOOMLA! → CREAR NUEVO TIPO DE ESTILO DE MÓDULO
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
index.php
modules.php
06
44. TIPS PLANTILLAS JOOMLA! → TEMPLATE OVERRIDES
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Crear carpeta “html” en la carpeta del template
● Crear carpeta del componente o módulo al que queramos aplicar
esta técnica
● Copiar el contenido de sus carpetas “tmpl” (views/-/tmpl)
● Realizar las modificaciones en estos ficheros
09
49. TIPS PLANTILLAS JOOMLA! → PRESENTACIÓN ALTERNATIVA DE COMPONENTE
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Copiar y pegar el “default.php” del “tmpl” (o la vista si es
override)
● Renombrar y realizar las modificaciones necesarias para adaptarlo
a las necesidades
com_content/views/article/tmpl
10
52. TIPS PLANTILLAS JOOMLA! → PRESENTACIÓN ALTERNATIVA DE MÓDULO
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Copiar y pegar el “default.php” del “tmpl” (o la vista si es
override)
● Renombrar y realizar las modificaciones necesarias para adaptarlo
a las necesidades
modules/mod_login/tmpl
11
54. HERRAMIENTAS DE AYUDA
HERRAMIENTAS DE AYUDAHERRAMIENTAS DE AYUDA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
55. HERRAMIENTAS DE AYUDA → EXTENSIONES PARA FIREFOX
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Firebug: https://addons.mozilla.org/es/firefox/addon/firebug/
● HeadingsMaps:
https://addons.mozilla.org/es/firefox/addon/headingsmap/
● HTML Validator:
https://addons.mozilla.org/es/firefox/addon/html-validator/
● QuickJava: https://addons.mozilla.org/es/firefox/addon/quickjava/
● Web Developer:
https://addons.mozilla.org/es/firefox/addon/web-developer/
● User Agent Switcher:
https://addons.mozilla.org/es/firefox/addon/user-agent-switcher
56. HERRAMIENTAS DE AYUDA → RESPONSIVE WEB DESIGN
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● ScreenFly by QuirkTools: http://quirktools.com/screenfly/
● Responsive Design Testing: http://mattkersley.com/responsive/
● ScreenQueries: http://screenqueri.es/
● Resizer: http://lab.maltewassermann.com/viewport-resizer/
● Responsinator: http://www.responsinator.com
57. HERRAMIENTAS DE AYUDA → VELOCIDAD DE CARGA
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Pingdom: http://tools.pingdom.com/fpt/
● PageSpeed Insights:
https://developers.google.com/speed/pagespeed/insights
● Web Page Analyzer:
http://www.websiteoptimization.com/services/analyze/
● GTmetrix: http://gtmetrix.com/
58. HERRAMIENTAS DE AYUDA → CHEATSEETS
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● Para plantillas Joomla! 1.5:
http://www.younic.de/wp-content/uploads/Joomla15_Basic_Template_Cheatsheet.pdf
● Para plantillas Joomla! 2.5:
http://www.avadesigner.com/dl/cheat-sheet/Joomla-Sheet-Cheat-Templates-2.5.pdf
● Para plantillas Joomla! 3.0:
www.joomlack.fr/en/joomla-documentations-tutorials/joomla-3-x-templates-cheatsheet
59. HERRAMIENTAS DE AYUDA → DESARROLLO DE PLANTILLAS
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!
● #JoomlaIO:
● Desarrollo plantillas Joomla! - Teórico:
● http://www.sergioiglesias.net/blog/cursos/212-joomlaio-28-01-2013-
hangout-desarrollo-plantillas-joomla
● Desarrollo plantillas Joomla! - Práctico:
● http://www.sergioiglesias.net/blog/cursos/213-joomlaio-18-02-2013-
hangout-desarrollo-plantillas-joomla-ii
● Taller de desarrollo de plantillas
Joomla!Day 2011 Zaragoza:
● http://www.sergioiglesias.net/blog/cursos/175-taller-de-desarrollo-de-
plantillas-joomla-en-video
60. FIN DEL TALLER
Gracias por vuestra atenciónGracias por vuestra atención
Tenéis más información en:
www.sergioiglesias.net Y www.twitter.com/sergiois
FIN DEL TALLERFIN DEL TALLER
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#jd13es :: Desarrollo Plantillas Joomla!