G2 on Twitch

Recently, I’ve attended a couple of Twitch streams hosted by Helen Hou Sandi (she’s a Director of Open Source Initiatives at 10up and WordPress Lead Developer). They were a lot of fun! It has inspired me to give Twitch a try and stream and share my work within G2 Components.

You can catch the streams at https://www.twitch.tv/itsjonq

It’s worth noting that I’ve never formally streamed on Twitch before. My live coding/streaming experience hasn’t extended beyond YouTube. It’ll be a new experience for me. I’m not sure what’s best for scheduling or moderating, or what services and setups I should use.

For those who may be tuning in, thank you in advance for your patience and support as I figure this out :).

Advertisement

Designing UI Interactions (Zoom Session Announcements)

Hi all! I’m planning on hosting another design Zoom session. For the session, I’m going to be sharing some techniques in planning and designing UI interactions.

UI interactions can be extremely complex. There can be so many different actions a user can perform. A great example would Mac OS Spotlight or Google’s search bar.

Considering and supporting certain flows are fundamental to making experiences feel intuitive and delightful. Funny enough, it’s common for these details tend to be forgotten about during the creation of these interfaces. It’s almost impossible to effectively communicate these nuances in traditional static design to development hand-offs. Even sophisticated Figma prototypes fall victim to this.

In this Zoom session, we hope to demonstrate how we can improve this workflow, using nothing more than a pen, some paper, and a bit of imagination.

---

I’m planning on starting the call on Tuesday, October 20th at 1:00PM EDT. The call may last 60-75 mins or so.

---

These Zoom hangouts sessions are very free-form! Everyone is welcome to join, engage, ask questions, and play! For those who can’t make it, no worries. I’ll be recording the call and uploading it to YouTube

I’ll share the Zoom link in this post (and on Slack) before the time of the call.

See you then!

Exploring Theme.json Creator (Zoom Session Announcement)

Hi all! I’m planning on hosting another create/code-along Zoom session. For the session, I’m hoping to explore some fun and funky ideas for the recently created Theme.json creator.

The Theme.json creator was an experimental something I put together one afternoon because I felt like it may be helpful with the new theme.json based configurations with Gutenberg. I’m not sure what the long term plan for this particular project would be. So far, it’s been wonderfully helpful from a Design Tools and G2 Components exploratory perspective (the UI was created with G2!).

---

I’m planning on starting the call on Friday, October 9th at 2:00PM EDT. The call may last 60-75 mins or so.

---

These Zoom hangouts sessions are very free-form! Everyone is welcome to join, engage, ask questions, and play! For those who can’t make it, no worries. I’ll be recording the call and uploading it to YouTube

I’ll share the Zoom link in this post (and on Slack) before the time of the call.

See you then!

Exploring Layout Stacks (Zoom Session Announcement)

Hi all! I’m planning on hosting another create/code-along Zoom session. For the session, I’m hoping to explore layout “stacks”, specifically the concept of “HStack” and “VStack”.

Layout stacks are everywhere in UI! It’s a simple, foundational and powerful pattern that can be applied to any form of layout design/development.

The stack components were added to G2 Components at the beginning of August. Since then, they’ve found their way throughout the entire library.

---

I’m planning on starting the call on October 1st at 2:00PM EDT. The call may last 60-75 mins or so.

---

These Zoom hangouts sessions are very free-form! Everyone is welcome to join, engage, ask questions, and play! For those who can’t make it, no worries. I’ll be recording the call and uploading it to YouTube

I’ll share the Zoom link in this post (and on Slack) before the time of the call.

See you then!

Let’s Create: Avatars (Zoom Session Announcement)

Hi all! I’m planning on hosting another create/code-along Zoom session. For the session, I’m hoping to create an Avatar component (along with a couple of supporting sub-components).

(FYI, you may be pleasantly surprised how detailed Avatars can get.)

I’m planning on starting the call today (August 24th) at 12:30PM EDT. The call may last 60-75 mins or so.

These Zoom hangouts sessions are very free-form! Everyone is welcome to join, engage, ask questions, and play! For those who can’t make it, no worries. I’ll be recording the call and uploading it to YouTube.

I’ll share the Zoom link in this post (and on Slack) before the time of the call.

See you then!

New Documentation Site

I’m extremely excited to announce the brand new G2 Components documentation site! At the time of writing this post, it is still very much a work-in-progress. However, it contains several docs for core/common components from the library, as well as handful of features to make it easier to learn and use G2.

For those who prefer video (I’m one of those), I’ve recorded a screencast that introduces the documentation site and goes over some of it’s features.

For you eager beavers out there, here’s a link to the documentation site:

https://g2-components.com/

(Just a heads up, there will be a bunch of animated demo GIFs below)

Let’s Create: Layout Stacks (Zoom Session Announcement)

Hi all! I’m planning on hosting another create/code-along Zoom session. For the session, I’m hoping to create a couple of “Layout Stack” components.

I’m planning on starting the call tomorrow (August 12th) at 3PM EDT. The call may last 60-75 mins or so.

These Zoom hangouts sessions are very free-form! Everyone is welcome to join, engage, ask questions, and play! For those who can’t make it, no worries. I’ll be recording the call and uploading it to YouTube.

I’ll share the Zoom link in this post (and on Slack) before the time of the call.

See you then!

Hello World

Hi everyone!

Q here. Hope you’re doing well.

I decided to start this blog as a way to openly share the ideas, strategies, research, and learnings from the experimental G2 Components project.

The project is a from-scratch reimagining of @wordpress/components designed to accommodate the ever-growing and ever-expressive needs of the Editor and the platform. The ultimate goal is to provide a first class workflow to empower developers and designers (both core and 3rd party) to create cohesive, robust, and delightful user interfaces.