April 5, 2020 — Comenzaré explicando, de una manera muy sencilla, toda la teoría en la que se sustenta el plugin, tanto tipográfica (UX/UI) como de rendimiento (WPO).

El plugin mowomo Variable Fonts es una elegante solución para lograr una mejor tipografía con bonitas fuentes variables.

Elegant y beautiful son adjetivos que a menudo se usan en el repositorio de WordPress para describir a plugins y temas y nosotros, como buenos WordPresseros, hemos querido hacer un homenaje y usarlas también.

Este plugin nos permite usar fuentes variables de una manera muy sencilla.

Además, nos permite establecer una tipografía responsive y una escala modular en nuestra web desarrollada con WordPress. ¡Todo esto sin necesidad de tocar ni una línea de código!

Si conservamos los ajustes predeterminados, obtendremos un buen resultado para la mayoría de los sitios web, pero, dependiendo del diseño del tema que tengamos activado en nuestra web, podemos necesitar realizar ajustes personalizados, para lo que este plugin está muy bien preparado, ya que podemos realizar nuestros propios ajustes desde el personalizador de WordPress.

La experiencia de usuario del administrador es realmente buena: podemos previsualizar los cambios que hagamos en las fuentes desde el personalizador de WordPress, para realizar ajustes en la composición tipográfica viendo cómo quedan en tiempo real, tanto para escritorio, como para tabletas y móviles.

March 18, 2020 — “Si quieres especializarte en diseño de sitios web con WordPress, esta es
tu charla. Te interesa tanto si vas a maquetar tú mismo/a después con
un editor visual como si vas a pasar tu diseño al equipo de desarrollo.
Haremos un recorrido por las fases de diseño de una web para WordPress,
aprendiendo las buenas prácticas. Veremos aspectos clave como el
prototipado, el diseño responsive, la gestión de assets y, lo más
importante: la comunicación entre diseño y maquetación.”

Presentation Slides »

March 2, 2020 — ¿Qué es WordPress y para qué sirve? ¿Qué es la Comunidad WordPress? ¿Podemos ganar dinero con WordPress? ¿Es gratuito y se puede vender? ¿Quién es Matt Mullenweg? ¿Qué es una Meetup? ¿Y una WordCamp?

Presentation Slides »

February 20, 2020 — Las decisiones que tomemos en cuanto a la tipografía de nuestra web van a afectar —positiva o negativamente— a la tasa de conversión y a los beneficios que obtengamos.

Cada tipografía tiene su personalidad propia e influye en la percepción que nuestros clientes tienen de nuestra marca: sutilmente, transmiten una amplia gama de sentimientos y emociones.

Veremos ejemplos de percepciones que se suelen asociar a los tipos de letra más conocidos, los factores que tenemos que tener en cuenta al seleccionar una tipografía, cómo combinar tipografías, y qué son las fuentes variables, entre otros temas.

Así, podrás decidir cuál es la tipografía que más encaja con lo que quieres comunicar en tu web y mejorar así la experiencia de usuario de tus clientes para generar más ventas.

Ponente
Ana Cirujano

Co-organizadora de esta meetup de WordPress Torrelodones.

Diseñadora visual y de interacción.

Mis especialidades son la tipografía responsive, el branding y el desarrollo de proyectos web con WordPress.

Me apasiona la comunicación clara y soy una entusiasta de la ortotipografía. Por mi experiencia como diseñadora editorial, mi ambición es trasladar al diseño web todas las buenas prácticas de la tipografía. Y que algún día las webs estén tan bien diseñadas como cualquier libro.

Puedes ver mis últimos proyectos en http://www.anacirujano.com. Lo cuento todo en el podcast y canal de YouTube http://www.unbilleteachattanooga.com.

Presentation Slides »

December 24, 2019 — Using variable fonts in WordPress we can get the texts of a website to adapt to the context of the user, in order to get more readable and attractive texts, achieving great performance, without sacrificing the loading speed.

Variable fonts can change their properties -such as width or weight, for example- using just one file!

We will see how you can use it in WordPress (CSS code) and all the advantages they have comparing to standard fonts. We will also go over real examples of how to create and apply variable fonts.

Presentation Slides »

December 21, 2019 — Aprenderemos a usar patrones para resolver problemas recurrentes de la interfaz de usuario, para no tener que reinventar la rueda y así podremos centrarnos en pensar solo aquellas soluciones que sean problemas específicos de un negocio en concreto.

Presentation Slides »

October 21, 2019 — Aprenderemos cómo elegir los tipos de letra para una web: que sean adecuados y que combinen entre ellos.

A la hora de elegir el tipo de letra para un sitio web, debemos tener en cuenta varios factores.
Aprenderemos a distinguir una buena tipografía y a elegir una u otra dependiendo de lo que queramos comunicar.
Además, sabremos por qué unas tipografías combinan bien con otras y por qué algunas no pegan ni con cola.

Presentation Slides »

September 22, 2019 — Aprenderemos cómo utilizar la dramaturgia y los nudos de la trama (plot points) para definir la estructura narrativa de una web. Mediante storytelling conseguiremos evocar emociones, persuadir, comunicar mejor y, en definitiva, conseguir los objetivos de nuestra página web.

Presentation Slides »

May 15, 2019 — Si utilizamos Photoshop para tratar las imágenes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.

Encajar y posicionar imágenes, filtros, recortes, colores, canales… Conociendo las propiedades CSS para tratar nuestras imágenes, podremos hacer rápidamente los cambios que nos pide nuestro cliente o nosotros mismos y no tendremos que buscar en vete-tú-a-saber-qué-disco-duro, dónde está la foto original.

Veremos en qué ocasiones se pueden utilizar programas de retoque fotográfico, cuándo es mejor hacerlo con código y cómo aplicar las propiedades CSS.

Qué van a aprender los asistentes: Aprenderán las propiedades CSS que se utilizan para el tratamiento de imágenes y cómo aplicarlas en WordPress, teniendo en cuenta sus peculiaridades en la gestión de medios.

Además, comprenderán la importancia de no utilizar programas de retoque fotográfico —como Photoshop—, para manipular las imágenes, ya que utilizando CSS conservamos las propiedades originales y además podemos realizar animaciones.

April 22, 2019 — Ana Cirujano es una diseñadora visual y de interacción especializada en proyectos web con WordPress.

En este taller aprenderemos sobre fuentes variables, una tecnología mediante la cual podemos conseguir que los textos de una web se adapten al contexto del lector o usuario, para que sean más legibles y atractivos, consiguiendo un gran rendimiento, sin sacrificar la velocidad de carga de la web.

Las fuentes variables cambian sus propiedades —como el ancho o el peso, por ejemplo— ¡utilizando un único archivo!

Se espera que las fuentes variables sean totalmente utilizables en los navegadores a lo largo de este año, por lo que veremos cómo se utilizan en WordPress (código CSS) y qué ventajas tienen respecto a las demás fuentes. También veremos ejemplos reales de aplicación de fuentes variables y cómo se crea una fuente variable.