December 29, 2020 — In this talk, we will discuss the why, when, and how of using SVG’s (Scalable Vector Graphics) in your project. At code42, we decided to exclusively use SVG’s for iconography and logos across all our production websites. I will share what we learned throughout this process, the use cases, edge cases, best cases, and worst cases. Also, we will take an in-depth look at anatomy of an SVG. Finally, we will compare capabilities SVG vs .png, CSS, JavaScript. You will leave this talk excited and prepared to implement SVG’s in your next project.

January 14, 2020 — Let’s explore the benefits of thinking in re-usable blocks. Atomic design, Modular Development, and D.R.Y. methodology improves productivity, enhances UI and empowers authors. We will explore multiple methods to achieve modularity in our WP themes, leveraging the WordPress templating system and Advanced Custom Fields or using blocks in the form of Gutenberg. Regardless if you are ready to learn Javascript deeply and embrace Gutenberg, or set in your ways and sticking with the classic editor.

December 19, 2019 — Let’s explore the benefits of thinking in reusable blocks. Atomic design, Modular Development, and D.R.Y. methodology improves productivity, enhances UI and empowers authors. We will explore multiple methods to achieve modularity in our WP themes. Leveraging the WordPress templating system and Advanced Custom Fields or Using blocks in the form of Gutenberg. Regardless of if you are ready to learn Javascript deeply and embrace Gutenberg or set in your ways and sticking with the classic editor. You will leave this talk excited and ready to integrate this strategy into your workflow.

Presentation Slides »

August 6, 2019 — SVG may have been overlooked in the past due to poor browser support, however, SVG1.1 is now fully supported in all evergreen browsers. SVG is crisp on any screen, responsive by nature and is seriously cool, with nifty features like grouping, stoke and fill, and filters. Oh and the ability to easily animate, Who doesn’t love a good SVG animation?

Even if you’ve never used SVG before, come learn how to get started with this amazing element. We’ll see what all those features actually do, we’ll look at how all that code in an SVG file draws a shape and best practices for formatting your SVG code.

Takeaways:
In this talk, we will discuss the why, when, and how of using SVG’s (Scalable Vector Graphics) in your project. At code42, we decided to exclusively use SVG’s for iconography and logos across all our production websites. I will share what we learned throughout this process, the use cases, edge cases, best cases, and worst cases. Also, we will take an in-depth look at the anatomy of an SVG. Finally, we will compare capabilities SVG vs .png, CSS, JavaScript. You will leave this talk excited and prepared to implement SVG’s in your next project.

January 24, 2019 — “Let’s explore the benefits of thinking in re-usable blocks. Modular
Development improves productivity, enhances UI and empowers authors.
Leveraging the WordPress templating system and Advanced Custom Fields
we can achieve modularity in our WP themes.”

December 6, 2018 — Let’s explore the benefits of thinking in re-usable blocks. Atomic design, Modular Development, and D.R.Y. methodology improves productivity, enhances UI and empowers authors. We will explore multiple methods to achieve modularity in our WP themes. Leveraging the WordPress templating system and Advanced Custom Fields or Using blocks in the form of Gutenberg.