Release Week | Wireframe Live

WEBVTT
Kind: captions
Language: en
00:00:03.274 --> 00:00:10.470
[music]
00:00:10.480 --> 00:00:20.950
[music] Down.
00:00:20.960 --> 00:00:21.830
[music]
00:00:21.840 --> 00:00:27.500
Hey. Hey.
00:00:27.510 --> 00:00:34.050
>> [music]
00:00:34.060 --> 00:00:39.350
[music]
00:00:39.360 --> 00:00:40.790
>> Hey, good to see you. Thanks for coming.
00:00:40.800 --> 00:00:42.229
This is another episode of Wireframe
00:00:42.239 --> 00:00:43.830
brought to you by Design Systems House.
00:00:43.840 --> 00:00:45.910
I'm your host DMTO and today we're going
00:00:45.920 --> 00:00:48.869
to be talking about release week. And if
00:00:48.879 --> 00:00:51.270
you were following me on uh LinkedIn and
00:00:51.280 --> 00:00:52.950
on blue sky or really actually the
00:00:52.960 --> 00:00:55.189
design systems house uh you will have
00:00:55.199 --> 00:00:57.430
known about release week. Uh release
00:00:57.440 --> 00:01:00.069
week was a week uh where we actually
00:01:00.079 --> 00:01:02.150
released something new every single day
00:01:02.160 --> 00:01:03.349
that week and that was about a month
00:01:03.359 --> 00:01:06.149
ago. Uh so I'm taking this opportunity
00:01:06.159 --> 00:01:08.070
today because I don't have any guests
00:01:08.080 --> 00:01:10.390
today and I happen to have the time to
00:01:10.400 --> 00:01:12.469
kind of go over some of the stuff from
00:01:12.479 --> 00:01:15.030
release week. Uh so uh this is actually
00:01:15.040 --> 00:01:16.469
a long time coming because I've had so
00:01:16.479 --> 00:01:18.469
many guests over the past month uh that
00:01:18.479 --> 00:01:20.630
I haven't had an opportunity to uh kind
00:01:20.640 --> 00:01:23.510
of talk about stuff that I'm doing. Uh
00:01:23.520 --> 00:01:25.270
I've been really focusing on, you know,
00:01:25.280 --> 00:01:26.710
all the other folks uh the great folks
00:01:26.720 --> 00:01:28.550
that have come on to join us on the
00:01:28.560 --> 00:01:30.789
show. Speaking of which, uh we will have
00:01:30.799 --> 00:01:33.990
guests this week uh tomorrow, Tuesday,
00:01:34.000 --> 00:01:36.789
uh this September 1st and on Wednesday,
00:01:36.799 --> 00:01:40.230
September 2nd. Uh so be sure to tune in
00:01:40.240 --> 00:01:43.910
for those guests. But um today is
00:01:43.920 --> 00:01:45.749
basically everything that uh has been
00:01:45.759 --> 00:01:48.630
happening with me and my circle uh of
00:01:48.640 --> 00:01:51.429
things that are going on. So uh please
00:01:51.439 --> 00:01:53.990
uh you know indulge me as I go through
00:01:54.000 --> 00:01:55.350
some of the stuff that's been happening.
00:01:55.360 --> 00:01:57.350
So the uh I'm going to be showing some
00:01:57.360 --> 00:01:59.670
stuff on the screen. Um many of these
00:01:59.680 --> 00:02:01.749
things are available if you go to
00:02:01.759 --> 00:02:04.709
ds.house on the internet or my personal
00:02:04.719 --> 00:02:07.350
site uh or like a circle of personal
00:02:07.360 --> 00:02:09.990
site stuff which is at damato.design.
00:02:10.000 --> 00:02:12.229
So, um, couple of things we're going to
00:02:12.239 --> 00:02:13.910
go over. Uh, but the first thing I'm
00:02:13.920 --> 00:02:15.030
going to go over, I'm going to switch
00:02:15.040 --> 00:02:18.550
over to the, uh, computer here. All
00:02:18.560 --> 00:02:23.190
right, here we go. Is Oh, come here.
00:02:23.200 --> 00:02:25.589
The first thing is artificially. So,
00:02:25.599 --> 00:02:27.030
artificially, I'll bring up my face
00:02:27.040 --> 00:02:30.630
here, too. Artificially is a uh
00:02:30.640 --> 00:02:33.270
reference site that took me several
00:02:33.280 --> 00:02:38.229
months to uh prepare. It's basically um
00:02:38.239 --> 00:02:41.350
a reference site that's meant to
00:02:41.360 --> 00:02:45.430
uh combine accessibility best practices
00:02:45.440 --> 00:02:48.470
with the current state of building AI
00:02:48.480 --> 00:02:51.190
focused applications. Uh what I was
00:02:51.200 --> 00:02:54.470
seeing in the industry uh is this divide
00:02:54.480 --> 00:02:56.630
between people who are doing um
00:02:56.640 --> 00:02:58.949
artificial intelligence applications and
00:02:58.959 --> 00:03:01.830
kind of not caring about accessibility.
00:03:01.840 --> 00:03:03.830
Meanwhile, the accessibility folks
00:03:03.840 --> 00:03:07.430
largely were kind of um discounting AI
00:03:07.440 --> 00:03:09.030
or just wanting to stay away from it
00:03:09.040 --> 00:03:11.110
entirely because they felt, you know, a
00:03:11.120 --> 00:03:13.430
particular sort of way about it. So, um
00:03:13.440 --> 00:03:15.350
I wanted to like join these two things
00:03:15.360 --> 00:03:16.869
together because I think both of these
00:03:16.879 --> 00:03:19.110
things are very important. Both uh of
00:03:19.120 --> 00:03:21.030
course the world of AI that we're living
00:03:21.040 --> 00:03:23.030
in right now and the accessibility part
00:03:23.040 --> 00:03:24.470
which is of course important to
00:03:24.480 --> 00:03:27.830
everyone. So um this site here which is
00:03:27.840 --> 00:03:29.670
available at artificially and
00:03:29.680 --> 00:03:31.350
artificially spelled with two ones
00:03:31.360 --> 00:03:34.309
instead of two L's uhds.house and again
00:03:34.319 --> 00:03:36.470
this is available at ds.house.
00:03:36.480 --> 00:03:38.550
Uh so there's a lot of um great
00:03:38.560 --> 00:03:41.670
resources here uh and all references as
00:03:41.680 --> 00:03:43.830
well. So this isn't just like you know
00:03:43.840 --> 00:03:46.710
spit out from from your favorite LLM. Um
00:03:46.720 --> 00:03:50.229
this is referred to by sources in uh the
00:03:50.239 --> 00:03:52.710
practice reputable sources. It has been
00:03:52.720 --> 00:03:56.149
read by me twice just to make sure. Uh
00:03:56.159 --> 00:03:59.350
I've also had a soft open beta so to
00:03:59.360 --> 00:04:02.229
speak uh about two months ago where I um
00:04:02.239 --> 00:04:03.589
shared this with the larger
00:04:03.599 --> 00:04:05.589
accessibility community to get some eyes
00:04:05.599 --> 00:04:08.470
on it and some feedback. So um heavily
00:04:08.480 --> 00:04:13.509
heavily um kind of reviewed basically uh
00:04:13.519 --> 00:04:16.150
with lots of different eyes on it. So um
00:04:16.160 --> 00:04:18.069
this is I think a really solid resource.
00:04:18.079 --> 00:04:19.670
One of the things that I think is going
00:04:19.680 --> 00:04:22.870
to be really helpful in here is uh
00:04:22.880 --> 00:04:26.230
conversational interfaces which is here.
00:04:26.240 --> 00:04:28.550
Um and you have lots of different
00:04:28.560 --> 00:04:30.790
information about how you build a
00:04:30.800 --> 00:04:33.110
conversational interface. Uh in fact
00:04:33.120 --> 00:04:35.350
there's several sections in here that
00:04:35.360 --> 00:04:38.790
talk about um like the composer which is
00:04:38.800 --> 00:04:40.629
effectively this like you know input
00:04:40.639 --> 00:04:42.150
window where you're putting in
00:04:42.160 --> 00:04:44.230
information for that LLM for it to
00:04:44.240 --> 00:04:47.590
prompt back. So um the site is kind of
00:04:47.600 --> 00:04:50.469
separated by these kind of roles where
00:04:50.479 --> 00:04:53.110
uh if you're a engineer or a designer or
00:04:53.120 --> 00:04:56.150
just uh a practitioner in the space we
00:04:56.160 --> 00:04:57.590
separate those things out so that you're
00:04:57.600 --> 00:04:58.950
not overwhelmed like I don't want a
00:04:58.960 --> 00:05:00.629
designer to come in here and look at all
00:05:00.639 --> 00:05:02.150
this code and immediately jump out of
00:05:02.160 --> 00:05:04.710
here. So, uh, if you want to change
00:05:04.720 --> 00:05:07.510
your, um, preference, it's up over here
00:05:07.520 --> 00:05:09.510
on the top right, and you can change it
00:05:09.520 --> 00:05:11.350
to like product manager, for example.
00:05:11.360 --> 00:05:13.670
And then all the product manager stuff,
00:05:13.680 --> 00:05:15.270
uh, will be available to you. There's
00:05:15.280 --> 00:05:17.350
about 20 different pages that have notes
00:05:17.360 --> 00:05:19.110
for the product product manager as an
00:05:19.120 --> 00:05:21.830
example. And you can see all the way
00:05:21.840 --> 00:05:23.749
down here, there's your product manager
00:05:23.759 --> 00:05:27.670
notes uh, over there. So um so yeah it
00:05:27.680 --> 00:05:30.469
hopefully if you are building uh AI
00:05:30.479 --> 00:05:33.590
first or AI focused applications uh
00:05:33.600 --> 00:05:36.150
artificially might be a really helpful
00:05:36.160 --> 00:05:38.550
um reference point. Uh on top of which
00:05:38.560 --> 00:05:42.390
it does also have connections to your
00:05:42.400 --> 00:05:43.990
favorite LLM. So if you want to go ahead
00:05:44.000 --> 00:05:46.790
and connect it to Claude or to uh chat
00:05:46.800 --> 00:05:49.029
GPT and all those kinds of things um all
00:05:49.039 --> 00:05:51.350
that stuff is available uh at the top
00:05:51.360 --> 00:05:55.590
here. And this is courtesy of uh Astro
00:05:55.600 --> 00:05:57.670
Starlight, but you have the option of,
00:05:57.680 --> 00:05:59.990
you know, opening in in chatbt and
00:06:00.000 --> 00:06:01.350
claude and doing the markdown. You can
00:06:01.360 --> 00:06:03.350
even copy the markdown up here on the
00:06:03.360 --> 00:06:06.390
top. So, um yeah, I hopefully that's uh
00:06:06.400 --> 00:06:08.870
helpful to folks. All right. Uh the next
00:06:08.880 --> 00:06:12.550
thing I I announced was uh this thing uh
00:06:12.560 --> 00:06:14.710
which says design system skill
00:06:14.720 --> 00:06:18.390
creativity uh and this is announcing the
00:06:18.400 --> 00:06:21.189
workshop uh entitled uh creativity
00:06:21.199 --> 00:06:24.070
within constraints. So uh you people who
00:06:24.080 --> 00:06:26.629
know of me and my work uh should be
00:06:26.639 --> 00:06:28.390
familiar with this concepts of
00:06:28.400 --> 00:06:30.710
creativity within constraints. Uh it is
00:06:30.720 --> 00:06:32.629
the title of a talk that I did at
00:06:32.639 --> 00:06:36.390
Converge uh late last year. I also
00:06:36.400 --> 00:06:39.749
performed this talk um in April this
00:06:39.759 --> 00:06:42.390
year for University of Illinois and then
00:06:42.400 --> 00:06:44.710
I have an announcement later today uh
00:06:44.720 --> 00:06:47.510
about uh putting the talk again which
00:06:47.520 --> 00:06:49.270
you know stay tuned for that for the end
00:06:49.280 --> 00:06:50.309
of the episode because that's where I'm
00:06:50.319 --> 00:06:52.070
going to announce it again. But uh there
00:06:52.080 --> 00:06:54.070
is a workshop planned all about
00:06:54.080 --> 00:06:55.749
creativity within constraints and this
00:06:55.759 --> 00:06:59.189
is available at workshop.ds.house.
00:06:59.199 --> 00:07:01.990
So if you uh scroll down on this page
00:07:02.000 --> 00:07:03.990
you'll have more information about what
00:07:04.000 --> 00:07:06.950
this um workshop's going to be all
00:07:06.960 --> 00:07:11.029
about. Uh the idea here is that um this
00:07:11.039 --> 00:07:14.710
will be talking about how to be creative
00:07:14.720 --> 00:07:16.469
within the constraints that are provided
00:07:16.479 --> 00:07:18.790
to you. So you can imagine that many of
00:07:18.800 --> 00:07:21.270
the folks that claim that design systems
00:07:21.280 --> 00:07:24.550
kill creativity uh and want to you know
00:07:24.560 --> 00:07:26.550
spread their wings and do other things.
00:07:26.560 --> 00:07:29.110
This is the workshop for you. Right? If
00:07:29.120 --> 00:07:30.710
you are in an organization where the
00:07:30.720 --> 00:07:32.550
design system is feeling really heavy
00:07:32.560 --> 00:07:34.629
upon you and they're you're being forced
00:07:34.639 --> 00:07:36.309
and you're not feeling good about it,
00:07:36.319 --> 00:07:39.510
this is the workshop where um I'm going
00:07:39.520 --> 00:07:42.309
to teach you how to work within those
00:07:42.319 --> 00:07:44.629
constraints and still be creative. If
00:07:44.639 --> 00:07:47.189
you are a design systems practitioner
00:07:47.199 --> 00:07:49.189
and you are getting lots of feedback
00:07:49.199 --> 00:07:51.990
amongst your organization of other
00:07:52.000 --> 00:07:53.990
designers saying that they can't work
00:07:54.000 --> 00:07:55.110
within the constraints that you're
00:07:55.120 --> 00:07:57.670
providing them. This is a workshop
00:07:57.680 --> 00:08:00.230
hopefully that you can uh learn from and
00:08:00.240 --> 00:08:03.110
then take to your organization so that
00:08:03.120 --> 00:08:06.070
uh your uh peers can also learn how to
00:08:06.080 --> 00:08:07.350
work within the constraints that are
00:08:07.360 --> 00:08:10.309
provided by that system. So uh this is
00:08:10.319 --> 00:08:12.629
coming soon. At the bottom of this page,
00:08:12.639 --> 00:08:15.029
there is a spot for you to enter your
00:08:15.039 --> 00:08:16.950
email address. Uh, entering your email
00:08:16.960 --> 00:08:20.230
address uh is absolutely important here
00:08:20.240 --> 00:08:24.070
because it is providing me the feedback
00:08:24.080 --> 00:08:27.430
that I need to really ensure that uh
00:08:27.440 --> 00:08:29.510
people want this kind of content. They
00:08:29.520 --> 00:08:31.589
really want to learn how to be creative
00:08:31.599 --> 00:08:34.230
within these constraints. So if you know
00:08:34.240 --> 00:08:36.790
someone that you believe uh would
00:08:36.800 --> 00:08:38.790
benefit from being creative within these
00:08:38.800 --> 00:08:41.350
constraints or you yourself again are
00:08:41.360 --> 00:08:42.870
feeling the weight of a design system
00:08:42.880 --> 00:08:45.030
and not knowing what to do about it. Um
00:08:45.040 --> 00:08:46.310
I think this is going to be a really
00:08:46.320 --> 00:08:50.470
helpful um workshop for you. Uh so yeah
00:08:50.480 --> 00:08:52.310
so just uh put in your email address.
00:08:52.320 --> 00:08:54.550
It's it literally is the only thing that
00:08:54.560 --> 00:08:56.310
you're going to get from me uh when you
00:08:56.320 --> 00:08:57.990
put your email address in from this. is
00:08:58.000 --> 00:08:59.750
basically when those co cohorts will be
00:08:59.760 --> 00:09:01.990
available. Um, you won't get any spam or
00:09:02.000 --> 00:09:03.750
any other things. In fact, this email
00:09:03.760 --> 00:09:05.670
that you put in here has nothing to do
00:09:05.680 --> 00:09:07.910
with any of the other email stuff that
00:09:07.920 --> 00:09:10.070
is in my ecosystem. They stay very
00:09:10.080 --> 00:09:12.790
separate. So, um, you will only get
00:09:12.800 --> 00:09:14.630
this. Uh, that's important to me. All
00:09:14.640 --> 00:09:17.750
right. Uh, the next thing that I want to
00:09:17.760 --> 00:09:20.150
talk about is
00:09:20.160 --> 00:09:23.430
the Mison mode standard. So, yeah. Uh, I
00:09:23.440 --> 00:09:24.790
haven't talked about the book in a while
00:09:24.800 --> 00:09:26.389
and I think that's well, I shouldn't
00:09:26.399 --> 00:09:27.750
specifically about the book. I mentioned
00:09:27.760 --> 00:09:29.269
the book obviously in a couple of the
00:09:29.279 --> 00:09:33.190
the uh conversations that I've had in
00:09:33.200 --> 00:09:34.710
uh you know interviews that I've had
00:09:34.720 --> 00:09:36.150
with folks over here so far because
00:09:36.160 --> 00:09:38.550
there's so much in the book that is
00:09:38.560 --> 00:09:40.470
relevant in the conversations that we
00:09:40.480 --> 00:09:42.949
have and I also think in a lot of the
00:09:42.959 --> 00:09:44.310
feedback that I've gotten about the book
00:09:44.320 --> 00:09:46.389
has been widely positive. So I really
00:09:46.399 --> 00:09:49.110
want people to know about the book. Here
00:09:49.120 --> 00:09:52.310
it is again. Miz on mode available uh
00:09:52.320 --> 00:09:53.829
wherever you get your books at this
00:09:53.839 --> 00:09:55.829
point right now. Uh it's available at
00:09:55.839 --> 00:09:58.070
mode.place. place. But um what I'm
00:09:58.080 --> 00:10:00.550
showing you here on the screen is
00:10:00.560 --> 00:10:04.470
standard.m mode.place. And what this is
00:10:04.480 --> 00:10:08.790
is a um result of the conversation that
00:10:08.800 --> 00:10:10.790
I had with Dan Abramoff who was here on
00:10:10.800 --> 00:10:13.030
the show a few months ago because he was
00:10:13.040 --> 00:10:17.030
really really excited about the um AT
00:10:17.040 --> 00:10:20.230
protocol, right? And this app protocol
00:10:20.240 --> 00:10:21.829
is the thing that's basically built, you
00:10:21.839 --> 00:10:25.190
know, um uh behind blue sky as well as
00:10:25.200 --> 00:10:27.430
other different apps across this this
00:10:27.440 --> 00:10:29.670
ecosystem that they call the atmosphere.
00:10:29.680 --> 00:10:31.670
And when he was talking about it, it
00:10:31.680 --> 00:10:33.509
reminded me of or actually he he
00:10:33.519 --> 00:10:35.670
mentioned that it was similar to RSS,
00:10:35.680 --> 00:10:38.470
which I love because RSS provides you
00:10:38.480 --> 00:10:40.710
the ability to just put the data out
00:10:40.720 --> 00:10:42.710
there that anybody can go syndicate and
00:10:42.720 --> 00:10:46.150
use to their own uh benefit, right? So,
00:10:46.160 --> 00:10:48.310
like for RSS for example, it allows me
00:10:48.320 --> 00:10:50.790
to read all the news without all the,
00:10:50.800 --> 00:10:54.790
you know, um, ads and and popups and all
00:10:54.800 --> 00:10:56.389
of this junk that's in the way. I could
00:10:56.399 --> 00:10:58.389
just read the article, uh, and see if
00:10:58.399 --> 00:10:59.670
this something that I want to continue
00:10:59.680 --> 00:11:02.949
reading or not, right? So, being able to
00:11:02.959 --> 00:11:05.030
cut all the fluff and just present the
00:11:05.040 --> 00:11:07.670
data and and have another place ingest
00:11:07.680 --> 00:11:10.870
it and use it as as um is important is
00:11:10.880 --> 00:11:13.670
really cool. Um, I believe he was also
00:11:13.680 --> 00:11:15.430
explaining how you could even make your
00:11:15.440 --> 00:11:17.110
own algorithm. So, you could show
00:11:17.120 --> 00:11:19.030
specifically what's important to you or
00:11:19.040 --> 00:11:21.269
somebody else at the time. And what
00:11:21.279 --> 00:11:23.990
really um triggered me there was, oh
00:11:24.000 --> 00:11:26.069
well, this is a new way of supporting
00:11:26.079 --> 00:11:29.509
like data. What if we share themes as
00:11:29.519 --> 00:11:31.350
data? And that's effectively what this
00:11:31.360 --> 00:11:34.870
is. So, standard.mode.place place is a
00:11:34.880 --> 00:11:37.829
website that describes this open
00:11:37.839 --> 00:11:40.470
standard so to speak of being able to
00:11:40.480 --> 00:11:43.990
theme things in the atmosphere. Okay. Uh
00:11:44.000 --> 00:11:46.470
if you are familiar with blue sky and
00:11:46.480 --> 00:11:48.630
seeing the like view publication buttons
00:11:48.640 --> 00:11:50.949
and having uh different colors because
00:11:50.959 --> 00:11:52.949
of the different publications, there is
00:11:52.959 --> 00:11:55.110
some small amount of theming that's
00:11:55.120 --> 00:11:58.150
going on there. I'm taking that uh to
00:11:58.160 --> 00:12:00.389
the moon because of my experience with
00:12:00.399 --> 00:12:03.269
theming, of course. So um if you want
00:12:03.279 --> 00:12:04.710
you could visit this the you know the
00:12:04.720 --> 00:12:07.430
the page standard.m mode.place uh you
00:12:07.440 --> 00:12:09.829
could read um basically how to implement
00:12:09.839 --> 00:12:12.629
and how to make your own themes in here.
00:12:12.639 --> 00:12:13.670
But the other thing that's really
00:12:13.680 --> 00:12:15.509
important is that you could try it. Uh
00:12:15.519 --> 00:12:18.790
there is a uh studio in here where
00:12:18.800 --> 00:12:20.710
you're able to like try out making
00:12:20.720 --> 00:12:22.870
themes. You can even uh kind of like I
00:12:22.880 --> 00:12:24.069
think there's the login thing that's
00:12:24.079 --> 00:12:25.590
sitting around here somewhere. Haven't
00:12:25.600 --> 00:12:26.790
this in a while. Yeah, here's the sign
00:12:26.800 --> 00:12:28.710
in down here uh to save it to your
00:12:28.720 --> 00:12:31.750
account. Uh the really cool thing about
00:12:31.760 --> 00:12:33.509
uh the app protocol is is that when you
00:12:33.519 --> 00:12:36.710
make this this save the save the data is
00:12:36.720 --> 00:12:39.590
not saved to standard.m mode.place it's
00:12:39.600 --> 00:12:42.790
saved to your actual account like your
00:12:42.800 --> 00:12:45.990
identifier amongst the atmosphere. So
00:12:46.000 --> 00:12:48.949
like this just stays with you. So um if
00:12:48.959 --> 00:12:51.829
folks want to adopt this particular
00:12:51.839 --> 00:12:53.750
standard so that your theme can be shown
00:12:53.760 --> 00:12:56.550
somewhere else uh then now we're getting
00:12:56.560 --> 00:12:59.829
a really inclusive kind of environment
00:12:59.839 --> 00:13:01.829
right inclusive atmosphere that's just
00:13:01.839 --> 00:13:04.310
like hey I could I could express myself
00:13:04.320 --> 00:13:05.990
how I want to express myself across all
00:13:06.000 --> 00:13:07.269
these apps which I think is going to be
00:13:07.279 --> 00:13:09.829
really cool. So you could take a peek at
00:13:09.839 --> 00:13:12.389
that standard.m mode.place. All right
00:13:12.399 --> 00:13:15.030
the next thing moving right along I got
00:13:15.040 --> 00:13:20.230
a lot here. um is news.ds.house.
00:13:20.240 --> 00:13:22.389
So uh and and for this I'm going to
00:13:22.399 --> 00:13:24.470
bring it back to uh my face for a minute
00:13:24.480 --> 00:13:27.509
because um this is something that's been
00:13:27.519 --> 00:13:31.750
like on my mind for a long time and uh
00:13:31.760 --> 00:13:34.550
the the bottom line for me here is that
00:13:34.560 --> 00:13:37.910
I never really liked newsletters. I'm
00:13:37.920 --> 00:13:40.389
not really subscribed to many of them. I
00:13:40.399 --> 00:13:41.990
can count the ones that I'm subscribed
00:13:42.000 --> 00:13:44.470
to on my hand. And admittedly, the ones
00:13:44.480 --> 00:13:46.949
that I'm even subscribed to, that's
00:13:46.959 --> 00:13:50.230
really just from uh people that I know
00:13:50.240 --> 00:13:51.910
that I'm like, I'm gonna support them by
00:13:51.920 --> 00:13:55.190
subscribing effectively. Um, so that's
00:13:55.200 --> 00:13:57.430
basically why I've I'm subscribed, but
00:13:57.440 --> 00:13:58.949
other than that, I'm not subscribed,
00:13:58.959 --> 00:14:01.189
right? And because of that, because of
00:14:01.199 --> 00:14:03.750
my feeling toward newsletters, I never
00:14:03.760 --> 00:14:05.509
had one because I was just like, it's
00:14:05.519 --> 00:14:09.350
not for me. Well, I've come to my senses
00:14:09.360 --> 00:14:12.069
because yeah, this is very much like,
00:14:12.079 --> 00:14:13.750
you know, product design where I'm not
00:14:13.760 --> 00:14:15.829
designing for me. I'm designing for
00:14:15.839 --> 00:14:19.350
everyone else. So, I came, like I said,
00:14:19.360 --> 00:14:20.629
came to my senses and said, you know
00:14:20.639 --> 00:14:22.389
what, there are people out there that
00:14:22.399 --> 00:14:25.189
want a newsletter, right? They want
00:14:25.199 --> 00:14:27.509
that's the way that they want to be
00:14:27.519 --> 00:14:29.990
involved, be informed about the stuff
00:14:30.000 --> 00:14:33.910
that's going on. So in that way I've
00:14:33.920 --> 00:14:38.710
I've finally made this um this uh this
00:14:38.720 --> 00:14:41.750
site here. So this is at news.ds.house.
00:14:41.760 --> 00:14:43.910
Uh this is also available at the
00:14:43.920 --> 00:14:47.269
homepage dssh.house in the footer. Um
00:14:47.279 --> 00:14:49.189
and you could subscribe via RSS because
00:14:49.199 --> 00:14:50.870
I love RSS, but you could also subscribe
00:14:50.880 --> 00:14:52.550
via email. Buddy putting the email in
00:14:52.560 --> 00:14:56.230
there. And all the previous um digests
00:14:56.240 --> 00:14:58.949
are also available on news.ds.house.
00:14:58.959 --> 00:15:00.949
There was a new one that was published
00:15:00.959 --> 00:15:03.030
today uh that talks about a whole bunch
00:15:03.040 --> 00:15:04.629
of things that happened last week. Let's
00:15:04.639 --> 00:15:05.829
actually click on that and see what we
00:15:05.839 --> 00:15:07.910
see here. Uh so yeah, we have the latest
00:15:07.920 --> 00:15:09.430
episode of Wireframe, which was last
00:15:09.440 --> 00:15:11.110
week with TJ, which was great. Whole
00:15:11.120 --> 00:15:12.790
bunch of links from the Discord and me.
00:15:12.800 --> 00:15:15.430
Uh speaking of which, the Discord is at
00:15:15.440 --> 00:15:16.949
discord.ds.house.
00:15:16.959 --> 00:15:18.870
Make sure that you uh come on over there
00:15:18.880 --> 00:15:20.230
and say hello. But a whole bunch of
00:15:20.240 --> 00:15:21.670
stuff that's from the Discord that was
00:15:21.680 --> 00:15:23.990
posted will be here. Uh, and then, uh,
00:15:24.000 --> 00:15:26.150
from my blog, uh, there's a new post
00:15:26.160 --> 00:15:28.629
that I actually released this morning.
00:15:28.639 --> 00:15:33.030
Um, and like I said earlier, uh, this,
00:15:33.040 --> 00:15:35.590
um, this email that you have over here,
00:15:35.600 --> 00:15:38.710
you only get the news that's posted
00:15:38.720 --> 00:15:40.069
here. So, you have nothing to do with
00:15:40.079 --> 00:15:41.910
the workshop, nothing to do with any
00:15:41.920 --> 00:15:43.670
other um, email lists or anything like
00:15:43.680 --> 00:15:45.829
that that's in the in in the system. Uh,
00:15:45.839 --> 00:15:47.509
so if you only want the news that's
00:15:47.519 --> 00:15:49.269
coming out of here, uh, you'll just put
00:15:49.279 --> 00:15:50.870
in the email here. But again, this RSS
00:15:50.880 --> 00:15:51.910
too, if you don't want email, that's
00:15:51.920 --> 00:15:54.230
totally fine. I completely uh understand
00:15:54.240 --> 00:15:56.150
that. Speaking of the blog from earlier
00:15:56.160 --> 00:15:58.550
and the new one um there is a new blog.
00:15:58.560 --> 00:16:01.030
It's called um a new blog article. It's
00:16:01.040 --> 00:16:03.670
called Super Primary and it's available
00:16:03.680 --> 00:16:05.990
at blog.dmato.design.
00:16:06.000 --> 00:16:07.910
Uh we have the new ad for the workshop
00:16:07.920 --> 00:16:09.829
on top as well just in case you forgot
00:16:09.839 --> 00:16:11.269
where that is. But this is basically
00:16:11.279 --> 00:16:16.550
talking about um how some teams have uh
00:16:16.560 --> 00:16:19.030
this
00:16:19.040 --> 00:16:21.030
I guess requirement that comes down
00:16:21.040 --> 00:16:22.550
after having a whole bunch of primary
00:16:22.560 --> 00:16:24.710
buttons set saying that there's a button
00:16:24.720 --> 00:16:26.310
that needs to exist that's even more
00:16:26.320 --> 00:16:27.590
important than the current primary
00:16:27.600 --> 00:16:31.509
button and how you are I recommend sorry
00:16:31.519 --> 00:16:33.430
how I recommend that you handle those
00:16:33.440 --> 00:16:35.749
kinds of requests. So, if you've ever
00:16:35.759 --> 00:16:38.150
had again, you know, a primary button
00:16:38.160 --> 00:16:39.509
that's been established and you're just
00:16:39.519 --> 00:16:41.189
like, "Okay, the primary button is set."
00:16:41.199 --> 00:16:42.470
You know, there's only one on the page.
00:16:42.480 --> 00:16:44.629
Yeah, right. I know. But we would hope
00:16:44.639 --> 00:16:45.990
that there's only one on the page and
00:16:46.000 --> 00:16:47.430
then someone comes around and says, "No,
00:16:47.440 --> 00:16:48.870
we need something that's even more
00:16:48.880 --> 00:16:52.230
important than that button." That's what
00:16:52.240 --> 00:16:54.389
this is talking about. Uh it also do
00:16:54.399 --> 00:16:57.829
does mention uh this idea of super white
00:16:57.839 --> 00:16:59.350
which is this new thing that's been
00:16:59.360 --> 00:17:00.949
coming up on LinkedIn a lot because
00:17:00.959 --> 00:17:04.309
people are injecting HDR profiles into
00:17:04.319 --> 00:17:06.789
uh logos which are causing these logos
00:17:06.799 --> 00:17:10.390
to like basically throb in LinkedIn
00:17:10.400 --> 00:17:12.870
posts uh which is its own you know kind
00:17:12.880 --> 00:17:15.350
of u interesting anecdote of just trying
00:17:15.360 --> 00:17:17.029
to v for attention. So that's basically
00:17:17.039 --> 00:17:18.549
what this post is talking all about
00:17:18.559 --> 00:17:21.590
here. All right. Um, and then, uh,
00:17:21.600 --> 00:17:24.549
lastly in release week in particular,
00:17:24.559 --> 00:17:25.909
uh, we do have more things to talk about
00:17:25.919 --> 00:17:29.510
though, is I updated my website. Now, if
00:17:29.520 --> 00:17:32.230
you saw in release week back about a
00:17:32.240 --> 00:17:34.630
month ago, this is not the design that I
00:17:34.640 --> 00:17:38.150
released last that month. Um, and uh,
00:17:38.160 --> 00:17:40.470
there's a good reason for it. Uh I
00:17:40.480 --> 00:17:44.630
mentioned in that uh those posts that
00:17:44.640 --> 00:17:47.909
the update was specifically meant to um
00:17:47.919 --> 00:17:50.470
address the new information architecture
00:17:50.480 --> 00:17:52.950
that I wanted to present. Uh it's really
00:17:52.960 --> 00:17:58.150
hard to both um kind of improve IIA for
00:17:58.160 --> 00:18:00.390
a site as well as the visual treatment
00:18:00.400 --> 00:18:02.950
for the site at the same time. It's very
00:18:02.960 --> 00:18:06.150
very hard, right? because you have all
00:18:06.160 --> 00:18:07.830
this creative like feelings on the
00:18:07.840 --> 00:18:09.909
visual side but then that might
00:18:09.919 --> 00:18:12.230
influence what you do on the the IIA
00:18:12.240 --> 00:18:14.230
side where I would say that the IIA is
00:18:14.240 --> 00:18:15.830
actually more important than the visual.
00:18:15.840 --> 00:18:17.669
So I wanted to be very you know
00:18:17.679 --> 00:18:20.150
deliberate about how I was going to
00:18:20.160 --> 00:18:22.950
address um the design of the site. So I
00:18:22.960 --> 00:18:25.190
was really excited to just again fix the
00:18:25.200 --> 00:18:27.350
IIA and that's what I released about a
00:18:27.360 --> 00:18:29.909
month ago which was mostly a a white
00:18:29.919 --> 00:18:31.510
site with some black text. there really
00:18:31.520 --> 00:18:34.230
even wasn't any color uh on it at all.
00:18:34.240 --> 00:18:38.950
Um, so, uh, I did that and then, um,
00:18:38.960 --> 00:18:41.270
basically after the conversation that I
00:18:41.280 --> 00:18:44.230
had with, uh, Jacob Miller here on the
00:18:44.240 --> 00:18:47.590
show about his new tool, Diff UI, um, I
00:18:47.600 --> 00:18:49.029
was like, "Oh, this would be really
00:18:49.039 --> 00:18:52.230
great for me to kind of get out of my
00:18:52.240 --> 00:18:54.310
design funk of like I don't I'm getting
00:18:54.320 --> 00:18:56.630
some difficulties with um, you know,
00:18:56.640 --> 00:18:58.390
getting uh, inspired by different
00:18:58.400 --> 00:19:00.390
directions to take with with uh, my
00:19:00.400 --> 00:19:02.710
work." And uh this is one of the things
00:19:02.720 --> 00:19:05.270
that I worked on after that show was
00:19:05.280 --> 00:19:07.350
basically updating the site. So uh
00:19:07.360 --> 00:19:09.190
there's some really nice uh animations
00:19:09.200 --> 00:19:11.510
that come in here uh which are really
00:19:11.520 --> 00:19:14.950
fun to uh to play with. I have my
00:19:14.960 --> 00:19:16.710
speaking page over here. You'll be
00:19:16.720 --> 00:19:19.909
familiar with the wireframe uh you know
00:19:19.919 --> 00:19:22.549
uh sizzle reel that's in here as well as
00:19:22.559 --> 00:19:25.110
the writing which is here as well. So
00:19:25.120 --> 00:19:27.750
apparently um I also found out through
00:19:27.760 --> 00:19:30.070
my analytics app that uh the blog is
00:19:30.080 --> 00:19:32.470
actually very popular. It's been read in
00:19:32.480 --> 00:19:34.950
151 countries which is super cool. Um
00:19:34.960 --> 00:19:38.310
also on this page, these are the top 10
00:19:38.320 --> 00:19:40.789
blog posts that are from the blog. Uh my
00:19:40.799 --> 00:19:43.110
most popular blog post that has uh I
00:19:43.120 --> 00:19:46.230
think it's yeah over 3,000 reads is done
00:19:46.240 --> 00:19:48.390
with components. Uh which is really
00:19:48.400 --> 00:19:51.110
interesting. Uh so I'm really uh it's
00:19:51.120 --> 00:19:53.590
it's just so fun to to see that kind of
00:19:53.600 --> 00:19:55.909
um statistics. But yeah, um that's the
00:19:55.919 --> 00:19:57.190
new site that's at
00:19:57.200 --> 00:19:59.669
donnie.diammato.design.
00:19:59.679 --> 00:20:02.150
Um and yeah, I'm really proud of uh you
00:20:02.160 --> 00:20:05.190
know, again, fixing the IIA for myself.
00:20:05.200 --> 00:20:07.270
Uh and then of course updating this to
00:20:07.280 --> 00:20:12.150
have this new kind of feel. Um the oh um
00:20:12.160 --> 00:20:13.909
this these like flowers that are over
00:20:13.919 --> 00:20:15.590
here, these paper flowers, these are
00:20:15.600 --> 00:20:18.470
real. I took photos of these uh to also
00:20:18.480 --> 00:20:20.710
put into the site. I I do want to just
00:20:20.720 --> 00:20:21.909
kind of mention something. I'm going to
00:20:21.919 --> 00:20:25.590
bring myself back to my face here. Um, I
00:20:25.600 --> 00:20:29.669
do use AI um, a bit or maybe for some
00:20:29.679 --> 00:20:32.070
people a lot. Whatever it is, the site
00:20:32.080 --> 00:20:34.789
that I just showed you, my website, um,
00:20:34.799 --> 00:20:36.390
I want to be completely transparent
00:20:36.400 --> 00:20:39.110
about how AI was was involved in making
00:20:39.120 --> 00:20:41.350
the site. Um, AI was involved in making
00:20:41.360 --> 00:20:44.549
the site from a inspiration kind of
00:20:44.559 --> 00:20:47.029
perspective. Basically, I had some
00:20:47.039 --> 00:20:49.430
inspiration uh that I've grabbed from,
00:20:49.440 --> 00:20:51.830
you know, Instagram as an example. I
00:20:51.840 --> 00:20:54.549
threw it into uh Diff UI and kind of
00:20:54.559 --> 00:20:56.630
connected the nodes to my existing site
00:20:56.640 --> 00:20:58.710
to kind of like see what things would
00:20:58.720 --> 00:21:01.830
look like um over the course of a day or
00:21:01.840 --> 00:21:04.230
two. And all that really does is provide
00:21:04.240 --> 00:21:06.789
you uh screenshots of stuff. It doesn't
00:21:06.799 --> 00:21:07.990
it's just an image. It doesn't give you
00:21:08.000 --> 00:21:11.350
any code or anything like that. And um
00:21:11.360 --> 00:21:14.789
from there I took that and brought that
00:21:14.799 --> 00:21:17.990
into um Astro which is my the framework
00:21:18.000 --> 00:21:20.070
of choice for basically all of my sites.
00:21:20.080 --> 00:21:21.750
I think actually it is all my sites at
00:21:21.760 --> 00:21:23.350
this point. I think all my sites Oh no
00:21:23.360 --> 00:21:26.950
sorry undefined is not Astro. Um so then
00:21:26.960 --> 00:21:29.669
from there uh all of the CSS changes
00:21:29.679 --> 00:21:31.190
because it's all the content's already
00:21:31.200 --> 00:21:33.830
done. All the CSS changes there uh are
00:21:33.840 --> 00:21:36.549
all me. Uh, I did all of the CSS that's
00:21:36.559 --> 00:21:39.350
in there except, and here's the caveat.
00:21:39.360 --> 00:21:41.430
Um, I will say the view transitions, so
00:21:41.440 --> 00:21:42.789
going between the different, you know,
00:21:42.799 --> 00:21:44.950
pages in there. Uh, I'm not well verssed
00:21:44.960 --> 00:21:46.470
with view transitions, uh, and the
00:21:46.480 --> 00:21:48.149
choreography in order to do the
00:21:48.159 --> 00:21:50.149
orchestration between those the the the
00:21:50.159 --> 00:21:52.390
things coming in and out. Um, that was
00:21:52.400 --> 00:21:54.870
definitely a lot of, uh, AI help that
00:21:54.880 --> 00:21:55.990
happened in there to get the view
00:21:56.000 --> 00:21:59.190
transitions to, um, behave properly. Uh,
00:21:59.200 --> 00:22:01.590
and let me actually just go back to the
00:22:01.600 --> 00:22:05.990
page again just to see um what else was
00:22:06.000 --> 00:22:08.870
AI. Uh, oh yeah, the anchor positioning
00:22:08.880 --> 00:22:10.310
that's happening underneath this sunline
00:22:10.320 --> 00:22:12.149
here. There was also some AI that helped
00:22:12.159 --> 00:22:13.590
me in there because I haven't done a lot
00:22:13.600 --> 00:22:17.029
of anchor positioning for a while. Um,
00:22:17.039 --> 00:22:18.870
and
00:22:18.880 --> 00:22:21.029
I think that's
00:22:21.039 --> 00:22:23.350
Oh, and the uh openraphph images. So,
00:22:23.360 --> 00:22:25.430
there's open graph images that are being
00:22:25.440 --> 00:22:28.549
um generated per page. Uh the reason why
00:22:28.559 --> 00:22:31.270
those are AI generated is because I
00:22:31.280 --> 00:22:34.630
prefer a workflow where um open graph
00:22:34.640 --> 00:22:37.990
images are created from markdown using
00:22:38.000 --> 00:22:40.710
Satori which is from V vers Versel. So,
00:22:40.720 --> 00:22:43.750
a lot of my sites like the blog for
00:22:43.760 --> 00:22:47.510
example um also does this where um it'll
00:22:47.520 --> 00:22:51.270
basically make an HTML um layout and
00:22:51.280 --> 00:22:53.990
that HTML layout is then converted into
00:22:54.000 --> 00:22:57.190
SVG and then an SVG is converted into a
00:22:57.200 --> 00:22:59.590
PNG and then that PNG is served as the
00:22:59.600 --> 00:23:02.230
open graph image for like that blog post
00:23:02.240 --> 00:23:05.110
or that page. So, for my blog, I did
00:23:05.120 --> 00:23:08.310
that um a long time ago myself, uh like
00:23:08.320 --> 00:23:10.630
hacking it together. But for this one,
00:23:10.640 --> 00:23:13.590
because I was able to use AI, um now
00:23:13.600 --> 00:23:16.149
there's like an open graph image viewer
00:23:16.159 --> 00:23:18.390
that allows me to like tweak, you know,
00:23:18.400 --> 00:23:20.630
the way that the open graph is, uh image
00:23:20.640 --> 00:23:23.110
is finally going to look. So, I can like
00:23:23.120 --> 00:23:25.110
have that almost one to one with the way
00:23:25.120 --> 00:23:26.789
that the site looks, which is really
00:23:26.799 --> 00:23:29.110
nice. So, um so yeah, it helped me out
00:23:29.120 --> 00:23:31.029
there as well. But the rest of it is uh
00:23:31.039 --> 00:23:33.350
is you know you know the content was was
00:23:33.360 --> 00:23:36.870
um written by me. Um
00:23:36.880 --> 00:23:40.070
and yeah it's it's you know from a
00:23:40.080 --> 00:23:42.710
content perspective and again largely
00:23:42.720 --> 00:23:44.710
from a coding perspective this was this
00:23:44.720 --> 00:23:48.870
was done by me uh which in much of the
00:23:48.880 --> 00:23:51.590
CSS if not all of the CSS generally
00:23:51.600 --> 00:23:53.830
speaking is written by me right I said
00:23:53.840 --> 00:23:55.350
again the view do view transition stuff
00:23:55.360 --> 00:23:57.029
and the and the um anchor positioning
00:23:57.039 --> 00:24:00.470
stuff I haven't been on top of but um
00:24:00.480 --> 00:24:03.430
this the uh regular CSS like this is um
00:24:03.440 --> 00:24:05.270
all grid actually. So all the stuff
00:24:05.280 --> 00:24:07.270
that's that's happening in here is is a
00:24:07.280 --> 00:24:11.029
uh um a grid layout which was um very
00:24:11.039 --> 00:24:13.350
tricky to get right I will say. All
00:24:13.360 --> 00:24:14.950
right. Uh the next thing I want to talk
00:24:14.960 --> 00:24:17.430
about is uh similarly
00:24:17.440 --> 00:24:22.789
um the uh diffui product that Jacob
00:24:22.799 --> 00:24:25.269
Miller is building. Uh the first test
00:24:25.279 --> 00:24:27.510
that I had was actually the wireframe
00:24:27.520 --> 00:24:30.470
site. So, um, the wireframe site, uh,
00:24:30.480 --> 00:24:32.870
since, uh, the new branding for it, I've
00:24:32.880 --> 00:24:36.390
always been feeling like it's been a
00:24:36.400 --> 00:24:39.190
little bit bland. Uh, even with the
00:24:39.200 --> 00:24:41.029
personality of like the the the like the
00:24:41.039 --> 00:24:42.710
paint strokes and the the the paper
00:24:42.720 --> 00:24:44.230
ripping, I always felt it was like
00:24:44.240 --> 00:24:47.269
feeling a little bit bland. So, uh, what
00:24:47.279 --> 00:24:48.710
I wanted to do was I wanted to give it a
00:24:48.720 --> 00:24:50.870
little bit more as we call it in the
00:24:50.880 --> 00:24:53.269
industry, right? Uh so I put in again
00:24:53.279 --> 00:24:56.230
the original uh wireframe screenshot and
00:24:56.240 --> 00:24:58.470
I was like hey can you you know uh think
00:24:58.480 --> 00:25:01.590
of some directions to take uh for you
00:25:01.600 --> 00:25:03.110
know making this a little bit more
00:25:03.120 --> 00:25:06.470
interesting and effectively this is one
00:25:06.480 --> 00:25:08.230
of the things that it came up with. It's
00:25:08.240 --> 00:25:11.510
not one for one with what was actually
00:25:11.520 --> 00:25:14.390
generated. Uh but it's close. Uh one of
00:25:14.400 --> 00:25:15.750
the things it didn't have of course was
00:25:15.760 --> 00:25:18.230
was my image that's over here. I didn't
00:25:18.240 --> 00:25:22.070
give it that. But I will say like the um
00:25:22.080 --> 00:25:23.830
you know having this in the middle of
00:25:23.840 --> 00:25:26.470
this like kind of rip feeling here, this
00:25:26.480 --> 00:25:29.830
like kind of blue uh paper feeling
00:25:29.840 --> 00:25:31.669
that's on both sides with the dots over
00:25:31.679 --> 00:25:33.350
here. Those are things that I kind of
00:25:33.360 --> 00:25:35.669
came up with. Uh the scribble underneath
00:25:35.679 --> 00:25:38.149
the the new um links that are here, the
00:25:38.159 --> 00:25:41.110
be our guest kind of CTA. Um all of
00:25:41.120 --> 00:25:42.870
those things. Uh let me scroll down here
00:25:42.880 --> 00:25:45.269
as well. Yeah, all the these CTAs were
00:25:45.279 --> 00:25:48.470
also things that it suggested which I
00:25:48.480 --> 00:25:50.870
was like great. So, um again full
00:25:50.880 --> 00:25:54.310
transparency for uh what AI was involved
00:25:54.320 --> 00:25:57.029
here again like just getting the general
00:25:57.039 --> 00:25:59.990
feeling of how this is going to be uh
00:26:00.000 --> 00:26:01.830
done. But uh the scribble that's
00:26:01.840 --> 00:26:04.710
underneath here actually um was done in
00:26:04.720 --> 00:26:06.950
Affinity uh designer. I just made a
00:26:06.960 --> 00:26:09.190
scribble, exported it as SVG and put it
00:26:09.200 --> 00:26:12.630
in here. Like that's that was me. Um
00:26:12.640 --> 00:26:15.430
getting the video to kind of like blend
00:26:15.440 --> 00:26:17.190
in here because it kind of actually
00:26:17.200 --> 00:26:19.510
really does like cut off right here on
00:26:19.520 --> 00:26:21.909
the side. Uh is a really harsh cut off
00:26:21.919 --> 00:26:23.430
to get it to blend. That was me too. I
00:26:23.440 --> 00:26:26.070
used a whole bunch of uh CSS trickery to
00:26:26.080 --> 00:26:28.149
get the the video to look like it's
00:26:28.159 --> 00:26:29.750
spanning the whole width there, which is
00:26:29.760 --> 00:26:33.190
really cool. Um so yeah, much of of this
00:26:33.200 --> 00:26:36.310
again was me in terms of the CSS layout.
00:26:36.320 --> 00:26:39.990
The only thing uh codewise here that was
00:26:40.000 --> 00:26:42.470
AI generated was the rip effect. So um
00:26:42.480 --> 00:26:44.310
the rip effect that happens on these,
00:26:44.320 --> 00:26:46.310
you know, again, these blue paper here
00:26:46.320 --> 00:26:47.830
and the rip effect that's going across
00:26:47.840 --> 00:26:51.029
the this here, that's an SVG filter. Uh
00:26:51.039 --> 00:26:52.870
and SVG filters are definitely not my
00:26:52.880 --> 00:26:56.549
forte. So I had um Claude help me out
00:26:56.559 --> 00:26:59.269
making the SVG filter to uh apply to
00:26:59.279 --> 00:27:01.590
these things so they get that rip effect
00:27:01.600 --> 00:27:03.590
um programmatically as opposed to like a
00:27:03.600 --> 00:27:06.870
you know PNG. So, uh, yeah, the full
00:27:06.880 --> 00:27:08.390
transparency on that particular piece
00:27:08.400 --> 00:27:11.029
there. All right. Um, oh, one more
00:27:11.039 --> 00:27:12.390
thing, by the way, before I forget
00:27:12.400 --> 00:27:15.430
about, uh, this, I don't promote this
00:27:15.440 --> 00:27:19.430
very often, but, um, there is audio for
00:27:19.440 --> 00:27:20.950
Wireframe Live, and of course, you're
00:27:20.960 --> 00:27:22.070
listening to this now. You're like, of
00:27:22.080 --> 00:27:24.950
course there is. No, there is um audio
00:27:24.960 --> 00:27:27.350
versions of all of the episodes that
00:27:27.360 --> 00:27:29.909
we've had uh on Wireframe, but I don't
00:27:29.919 --> 00:27:32.070
really promote them very often uh
00:27:32.080 --> 00:27:33.269
because I kind of forget about it
00:27:33.279 --> 00:27:35.909
admittedly. Uh, I don't um end up
00:27:35.919 --> 00:27:38.470
listening to a lot of podcasts myself um
00:27:38.480 --> 00:27:40.630
because I've, you know, kind of have OCD
00:27:40.640 --> 00:27:42.470
and just or not or not OCD. Well, I have
00:27:42.480 --> 00:27:44.390
that too. Whatever. I have ADHD and I'm
00:27:44.400 --> 00:27:45.590
just like all over the place all the
00:27:45.600 --> 00:27:49.750
time. Um, but uh I have had people reach
00:27:49.760 --> 00:27:51.110
out to me saying that they really like
00:27:51.120 --> 00:27:52.710
the audio, which is great. Thank you so
00:27:52.720 --> 00:27:55.350
much. Uh, but also I had someone reach
00:27:55.360 --> 00:27:56.870
out saying that um some of the most
00:27:56.880 --> 00:27:59.029
recent episodes are only a few minutes
00:27:59.039 --> 00:28:01.029
long. And this is not the first time
00:28:01.039 --> 00:28:04.149
that this has happened. my um provider
00:28:04.159 --> 00:28:06.310
which is Podbean
00:28:06.320 --> 00:28:10.630
um which takes the YouTube live streams
00:28:10.640 --> 00:28:13.990
and automatically identifies them and uh
00:28:14.000 --> 00:28:16.789
creates uh podcast episodes from the
00:28:16.799 --> 00:28:18.950
YouTube which is exactly what I needed.
00:28:18.960 --> 00:28:21.430
Um this happened in December last year
00:28:21.440 --> 00:28:23.430
where it kind of just like cut off the
00:28:23.440 --> 00:28:24.710
episodes for some reason and this was
00:28:24.720 --> 00:28:27.029
some kind of technical limit limitation
00:28:27.039 --> 00:28:30.149
uh that podbe eventually corrected. Uh
00:28:30.159 --> 00:28:31.990
well, apparently it's happened again and
00:28:32.000 --> 00:28:34.950
I tried to go through their support and
00:28:34.960 --> 00:28:39.669
uh their support is not great. Um I was
00:28:39.679 --> 00:28:41.350
under the impression that replying to
00:28:41.360 --> 00:28:43.990
the emails would actually update the
00:28:44.000 --> 00:28:45.510
tickets. That's not the case. You'd
00:28:45.520 --> 00:28:47.190
actually have to go all the way back to
00:28:47.200 --> 00:28:48.870
the original ticket and reply in the
00:28:48.880 --> 00:28:50.470
thread there. I didn't realize that
00:28:50.480 --> 00:28:51.830
until it was too late that they closed
00:28:51.840 --> 00:28:53.669
the ticket. So I've opened another
00:28:53.679 --> 00:28:56.389
ticket. We will see if it'll improve. If
00:28:56.399 --> 00:28:58.630
it doesn't, I don't really know what to
00:28:58.640 --> 00:29:00.710
do there. Um, because I put all of my
00:29:00.720 --> 00:29:03.269
effort and focus into the video part of
00:29:03.279 --> 00:29:07.190
this thing. Um, I've looked at other
00:29:07.200 --> 00:29:10.070
providers to do this stuff, but I'd much
00:29:10.080 --> 00:29:11.990
rather just try to see if we can keep on
00:29:12.000 --> 00:29:14.389
Podbean. I'm going to still kind of poke
00:29:14.399 --> 00:29:17.430
them uh and see if uh they will
00:29:17.440 --> 00:29:21.350
cooperate in trying to improve the um
00:29:21.360 --> 00:29:24.070
the the episode length in there because
00:29:24.080 --> 00:29:25.909
it's not me like they the the episodes
00:29:25.919 --> 00:29:28.950
are long as they they are you know um so
00:29:28.960 --> 00:29:31.190
yeah if you are you know on you know
00:29:31.200 --> 00:29:33.350
Apple Music or Spotify or anything like
00:29:33.360 --> 00:29:36.310
that wireframe is there too um and it's
00:29:36.320 --> 00:29:38.070
available by clicking the audio tab here
00:29:38.080 --> 00:29:40.549
on wireframe.ds that house. All right,
00:29:40.559 --> 00:29:41.830
we're coming to the home stretch here,
00:29:41.840 --> 00:29:44.230
folks. We have uh Undefined. You should
00:29:44.240 --> 00:29:45.830
know Undefined. I talk about Undefined a
00:29:45.840 --> 00:29:46.950
lot, but I haven't talked about it
00:29:46.960 --> 00:29:49.510
recently a lot. And that's because we
00:29:49.520 --> 00:29:52.230
don't have a venue. So, um there was
00:29:52.240 --> 00:29:55.590
supposed to be a third uh event this
00:29:55.600 --> 00:29:57.750
month to September. Uh that was already
00:29:57.760 --> 00:29:59.350
pres-scheduled and kind of ready to go.
00:29:59.360 --> 00:30:01.750
But unfortunately, the venue that we
00:30:01.760 --> 00:30:04.070
were using has pivoted their community
00:30:04.080 --> 00:30:05.510
events. They're no longer supporting
00:30:05.520 --> 00:30:09.110
community events uh at that venue. So,
00:30:09.120 --> 00:30:12.149
um I'm back on the hunt to find another
00:30:12.159 --> 00:30:17.510
venue. Uh if you are, uh knowing of any
00:30:17.520 --> 00:30:21.190
venue that might be good to host what is
00:30:21.200 --> 00:30:23.110
effectively a tech presentation, but you
00:30:23.120 --> 00:30:24.950
know that it's a lot more than that. Uh
00:30:24.960 --> 00:30:27.110
please reach out to me. You can find me,
00:30:27.120 --> 00:30:28.389
of course, on the Discord or any of the
00:30:28.399 --> 00:30:30.230
social channels that you'll find me. Uh
00:30:30.240 --> 00:30:32.470
but if you have anything that's uh in in
00:30:32.480 --> 00:30:34.789
New York or Manhattan in particular, uh
00:30:34.799 --> 00:30:36.149
that might be able to host this, that
00:30:36.159 --> 00:30:40.630
would be great. Um, I am working with a
00:30:40.640 --> 00:30:42.870
place right now
00:30:42.880 --> 00:30:45.830
that uh is tentatively
00:30:45.840 --> 00:30:47.669
scheduled for October. I'm not going to
00:30:47.679 --> 00:30:49.750
say the date yet because it's tentative
00:30:49.760 --> 00:30:52.070
uh or the place because it's tentative.
00:30:52.080 --> 00:30:53.750
Uh but I'm hoping that it works out
00:30:53.760 --> 00:30:55.510
where uh this would be a really good
00:30:55.520 --> 00:30:58.389
place to host this particular event. Uh
00:30:58.399 --> 00:31:00.389
but I definitely want to have other
00:31:00.399 --> 00:31:03.110
options. Uh, in fact, this week I'll be
00:31:03.120 --> 00:31:05.190
in the city on Thursday and I'm going to
00:31:05.200 --> 00:31:06.950
be doing a whole bunch of uh, leg work
00:31:06.960 --> 00:31:09.029
walking around to different places uh,
00:31:09.039 --> 00:31:11.510
and kind of talking and seeing if the if
00:31:11.520 --> 00:31:13.750
these places might be interested.
00:31:13.760 --> 00:31:16.389
Specifically, I have two kinds of places
00:31:16.399 --> 00:31:18.710
that I think would really be beneficial
00:31:18.720 --> 00:31:22.710
for this um, this event. Either we host
00:31:22.720 --> 00:31:24.950
it at an existing tech office, right? So
00:31:24.960 --> 00:31:27.510
you uh you know this is very common for
00:31:27.520 --> 00:31:29.350
our industry where you'll have a meet up
00:31:29.360 --> 00:31:31.510
after work at a location that has a
00:31:31.520 --> 00:31:33.029
space for this kind of thing and they'll
00:31:33.039 --> 00:31:35.110
even sponsor you know not only the space
00:31:35.120 --> 00:31:37.430
but also potentially for um you know
00:31:37.440 --> 00:31:39.590
food and drink. Um but the other thing
00:31:39.600 --> 00:31:42.549
that I think is a lot more interesting
00:31:42.559 --> 00:31:45.750
uh is potentially hosting these things
00:31:45.760 --> 00:31:49.590
at existing um food beverage kitchen
00:31:49.600 --> 00:31:51.909
places. So bars, restaurants, things
00:31:51.919 --> 00:31:54.389
like that, comedy clubs. So, those
00:31:54.399 --> 00:31:56.310
places are really interesting to me
00:31:56.320 --> 00:31:58.470
because catering is a really hard
00:31:58.480 --> 00:32:02.070
problem to solve. And if I can um kind
00:32:02.080 --> 00:32:05.590
of offload the catering to the venue
00:32:05.600 --> 00:32:07.509
because it already does, you know, food
00:32:07.519 --> 00:32:11.590
and beverage, um that would really help
00:32:11.600 --> 00:32:13.990
out the logistics of the event overall.
00:32:14.000 --> 00:32:16.310
So, I could really just focus on, you
00:32:16.320 --> 00:32:18.070
know, hosting a really great event and
00:32:18.080 --> 00:32:20.789
folks who want to eat can eat there. um
00:32:20.799 --> 00:32:22.310
because it's just, you know, part of the
00:32:22.320 --> 00:32:24.230
the venue and if they don't, they don't
00:32:24.240 --> 00:32:26.070
need to eat and that will also hopefully
00:32:26.080 --> 00:32:27.909
decrease the price of those tickets
00:32:27.919 --> 00:32:30.549
which has been a real big um sticking
00:32:30.559 --> 00:32:33.830
point for some folks out there. So, uh
00:32:33.840 --> 00:32:37.509
but again, if you are know of any um
00:32:37.519 --> 00:32:39.190
places that might be interested, reach
00:32:39.200 --> 00:32:41.430
out to me. I'd love to talk and see if
00:32:41.440 --> 00:32:43.909
we can make that happen. All right. Uh
00:32:43.919 --> 00:32:46.630
the final thing that I have listed over
00:32:46.640 --> 00:32:49.350
here is Evolve Digital. Um, Evolve
00:32:49.360 --> 00:32:51.830
Digital is a group of folks that I just
00:32:51.840 --> 00:32:53.909
got in contact with about maybe a month
00:32:53.919 --> 00:32:57.029
ago uh through another uh event
00:32:57.039 --> 00:33:01.350
organizer and uh this is a conference uh
00:33:01.360 --> 00:33:02.789
as well as a group of people that are
00:33:02.799 --> 00:33:04.950
running events as well for uh digital
00:33:04.960 --> 00:33:08.230
professionals and uh they will have an
00:33:08.240 --> 00:33:11.350
event um here in New York City on
00:33:11.360 --> 00:33:15.830
November 9th and 20th. Um I was just
00:33:15.840 --> 00:33:19.669
approved to speak at this conference and
00:33:19.679 --> 00:33:21.830
I will be performing uh creativity
00:33:21.840 --> 00:33:24.070
within constraints. I will also let you
00:33:24.080 --> 00:33:26.470
know that it will not be the same talk
00:33:26.480 --> 00:33:29.830
that was given at uh converge last year
00:33:29.840 --> 00:33:32.870
or in uh the Illinois uh university
00:33:32.880 --> 00:33:35.909
either. This will be a a newer talk,
00:33:35.919 --> 00:33:38.950
similar content but newer talk uh newer
00:33:38.960 --> 00:33:42.549
examples, new uh things. Basically, this
00:33:42.559 --> 00:33:45.990
is going to be um a preview, so to
00:33:46.000 --> 00:33:48.389
speak, of the workshop that I'll be I'll
00:33:48.399 --> 00:33:51.269
be expecting to give um soon afterwards.
00:33:51.279 --> 00:33:55.830
So, um they are also looking for
00:33:55.840 --> 00:33:57.509
speakers. So, they've actually extended
00:33:57.519 --> 00:33:59.669
the deadline for speakers. So, you can
00:33:59.679 --> 00:34:02.230
go to evolvedigital.com, I believe. Yes,
00:34:02.240 --> 00:34:03.990
evolvedigital.com
00:34:04.000 --> 00:34:06.149
and apply to speak. That will be all the
00:34:06.159 --> 00:34:08.069
way here uh on this button on the top
00:34:08.079 --> 00:34:11.270
over here. Okay. And uh yeah, it would
00:34:11.280 --> 00:34:13.109
be really cool. They they have lots.
00:34:13.119 --> 00:34:14.710
It's a multi-track conference, so you'll
00:34:14.720 --> 00:34:17.030
have lots of different uh you know,
00:34:17.040 --> 00:34:18.470
rooms that people will be speaking in
00:34:18.480 --> 00:34:20.149
and and getting connected and all that
00:34:20.159 --> 00:34:21.829
kind of stuff. I've heard really great
00:34:21.839 --> 00:34:24.069
things about them from uh third party
00:34:24.079 --> 00:34:25.909
individuals have you know, work with
00:34:25.919 --> 00:34:27.829
them or or been to their events over the
00:34:27.839 --> 00:34:30.389
years. Uh I was at their events uh their
00:34:30.399 --> 00:34:34.230
meetup in the automatic offices
00:34:34.240 --> 00:34:36.710
on Tuesday last week, right? Tuesday. I
00:34:36.720 --> 00:34:39.270
think it was Tuesday last week. Um, and
00:34:39.280 --> 00:34:41.510
they really do a great job organizing.
00:34:41.520 --> 00:34:43.990
Um, and yeah, it was just a really good
00:34:44.000 --> 00:34:45.829
time. So, I'm looking forward to working
00:34:45.839 --> 00:34:47.349
with them and of course again speaking
00:34:47.359 --> 00:34:49.990
on their stage and maybe with you uh if
00:34:50.000 --> 00:34:51.909
you're interested in speaking as well,
00:34:51.919 --> 00:34:53.829
which would be really cool to have other
00:34:53.839 --> 00:34:55.190
folks that you know are just interested
00:34:55.200 --> 00:34:57.670
in wireframe. Um, we're trying to see if
00:34:57.680 --> 00:35:00.550
there's um maybe some undefined stuff
00:35:00.560 --> 00:35:01.910
that we could do there as well, which
00:35:01.920 --> 00:35:03.829
would be really really cool. Um, but
00:35:03.839 --> 00:35:05.270
we'll, you know, stay tuned for that.
00:35:05.280 --> 00:35:07.109
See if that works out. But who knows?
00:35:07.119 --> 00:35:08.550
Who knows? It could be any anything that
00:35:08.560 --> 00:35:12.710
happens there. But uh yeah, that's um
00:35:12.720 --> 00:35:14.950
all of the things that have been going
00:35:14.960 --> 00:35:18.310
on. Uh so it's more than just uh release
00:35:18.320 --> 00:35:20.550
week. There was a lot more uh that has
00:35:20.560 --> 00:35:25.349
happened. Um and uh what is left to do?
00:35:25.359 --> 00:35:26.950
Well, there's a couple of things, right?
00:35:26.960 --> 00:35:29.030
So uh one of the things that's left to
00:35:29.040 --> 00:35:31.109
do, of course, is the workshop. So I'll
00:35:31.119 --> 00:35:32.470
I'll be working on the content for the
00:35:32.480 --> 00:35:35.270
workshop as well as the talk coming in
00:35:35.280 --> 00:35:37.349
November now, right? So, um there's
00:35:37.359 --> 00:35:38.470
going to be some content that I'm gonna
00:35:38.480 --> 00:35:41.670
be, um collecting for that. Um and then
00:35:41.680 --> 00:35:44.069
on top of that, if you've been reading
00:35:44.079 --> 00:35:47.349
some of my socials, uh there was one day
00:35:47.359 --> 00:35:50.310
where I said that I had a a new idea for
00:35:50.320 --> 00:35:58.069
a book. And um that is very much still
00:35:58.079 --> 00:36:00.870
on the tip of my fingers, right? My my
00:36:00.880 --> 00:36:02.550
fingers are on the already on the keys.
00:36:02.560 --> 00:36:03.670
They're like they want they want to
00:36:03.680 --> 00:36:05.990
write this book again. uh or not again
00:36:06.000 --> 00:36:07.829
but but um they want to prepare for this
00:36:07.839 --> 00:36:11.270
book to uh to um you know get out of my
00:36:11.280 --> 00:36:12.950
head effectively [clears throat] right
00:36:12.960 --> 00:36:14.550
uh I think this is a really really
00:36:14.560 --> 00:36:16.150
interesting topic that I haven't seen
00:36:16.160 --> 00:36:18.950
anybody talk about uh and in fact it's
00:36:18.960 --> 00:36:20.550
almost like the antithesis of what I
00:36:20.560 --> 00:36:23.030
usually um believe in which I again I
00:36:23.040 --> 00:36:24.390
think is something that really is
00:36:24.400 --> 00:36:27.349
important to raise um and that's all I
00:36:27.359 --> 00:36:28.630
really want to talk about it right now
00:36:28.640 --> 00:36:30.470
because I think it's really really um
00:36:30.480 --> 00:36:32.950
exciting and cool and it's nothing like
00:36:32.960 --> 00:36:35.670
uh the mismo book either So, uh, Mizan
00:36:35.680 --> 00:36:39.030
mode as a book, um, was very specific to
00:36:39.040 --> 00:36:41.349
a very, uh, niche group of individuals
00:36:41.359 --> 00:36:43.750
that were into highly technical theming
00:36:43.760 --> 00:36:45.829
solutions for large organizations, very
00:36:45.839 --> 00:36:49.190
niche audience. Um, this would be a much
00:36:49.200 --> 00:36:52.790
wider audience uh, of people who are are
00:36:52.800 --> 00:36:56.470
designers um, and or just people who or
00:36:56.480 --> 00:36:58.230
um, design adjacent, right? People who
00:36:58.240 --> 00:37:00.470
really like design in general. So, uh, I
00:37:00.480 --> 00:37:02.390
think this will be a really cool book.
00:37:02.400 --> 00:37:04.390
Um, but I'm I'm being very cautious
00:37:04.400 --> 00:37:05.670
about [laughter]
00:37:05.680 --> 00:37:08.069
uh which one of these things to to kind
00:37:08.079 --> 00:37:10.069
of tackle first. Uh because if I start
00:37:10.079 --> 00:37:12.310
this book, I you know, usually just kind
00:37:12.320 --> 00:37:13.990
of have my nose in the book for the
00:37:14.000 --> 00:37:15.510
whole time. So I have to be very
00:37:15.520 --> 00:37:17.430
cautious about um you know, which one of
00:37:17.440 --> 00:37:20.150
these things I start first. So um just
00:37:20.160 --> 00:37:24.310
paying attention to that. But uh that's
00:37:24.320 --> 00:37:27.349
yeah, that's all the updates uh for for
00:37:27.359 --> 00:37:30.150
uh right now. Um, I think the last thing
00:37:30.160 --> 00:37:32.630
that I really want to um kind of focus
00:37:32.640 --> 00:37:34.390
on a lot and I'm going to bring it up on
00:37:34.400 --> 00:37:35.270
again on the bottom here is
00:37:35.280 --> 00:37:38.230
discord.ds.house. It's the official
00:37:38.240 --> 00:37:41.109
design systems house discord. Um, I
00:37:41.119 --> 00:37:44.150
posts links in there personally all the
00:37:44.160 --> 00:37:47.109
time for um things that are really just
00:37:47.119 --> 00:37:49.030
interesting out there, but also for
00:37:49.040 --> 00:37:52.150
events uh and jobs, right? So, I I try
00:37:52.160 --> 00:37:54.630
to find um the the the latest stuff in
00:37:54.640 --> 00:37:56.310
there and instead of just like keeping
00:37:56.320 --> 00:37:58.310
it to myself as a bookmark, I'm using
00:37:58.320 --> 00:38:01.349
this Discord as my own bookmarking
00:38:01.359 --> 00:38:03.670
place. So, like I could always find, you
00:38:03.680 --> 00:38:05.190
know, something that was posted in there
00:38:05.200 --> 00:38:06.950
as opposed to like, you know, going
00:38:06.960 --> 00:38:08.710
across different devices to try to find
00:38:08.720 --> 00:38:12.150
this bookmark. Um so, there's lots of
00:38:12.160 --> 00:38:14.230
stuff in the discord.house if you want
00:38:14.240 --> 00:38:18.230
to come and visit. Um I believe I posted
00:38:18.240 --> 00:38:19.910
a couple of events that just popped up
00:38:19.920 --> 00:38:21.990
recently. Uh there's one going on
00:38:22.000 --> 00:38:24.150
tomorrow in fact in New York. It's the
00:38:24.160 --> 00:38:26.710
um accessibility meetup uh in New York.
00:38:26.720 --> 00:38:28.630
I think it's uh something about building
00:38:28.640 --> 00:38:30.710
Slack accessibly which is really
00:38:30.720 --> 00:38:33.349
interesting. Uh that meetup is both
00:38:33.359 --> 00:38:35.750
virtual and in person. Uh I plan to be
00:38:35.760 --> 00:38:38.470
in person. I'll be doing a wireframe
00:38:38.480 --> 00:38:40.710
tomorrow. Uh and then directly after the
00:38:40.720 --> 00:38:42.150
wireframe, I'm getting on a train and
00:38:42.160 --> 00:38:44.550
going to be uh planning on being uh in
00:38:44.560 --> 00:38:46.470
person on there. So, if you're around uh
00:38:46.480 --> 00:38:48.790
Tuesday, uh take a look uh at the meetup
00:38:48.800 --> 00:38:50.230
and you can again find that meet up at
00:38:50.240 --> 00:38:51.829
discord.ds.house
00:38:51.839 --> 00:38:55.589
in the events channel. But uh yeah, it's
00:38:55.599 --> 00:38:56.870
been a little bit of a longer show than
00:38:56.880 --> 00:38:59.829
I normally would have uh myself. Uh so,
00:38:59.839 --> 00:39:01.829
no wireframe challenge today. I'm just
00:39:01.839 --> 00:39:03.510
going to go ahead and wrap it up. But uh
00:39:03.520 --> 00:39:06.069
but thank you so much for joining our
00:39:06.079 --> 00:39:07.990
show today. Uh before you go, please
00:39:08.000 --> 00:39:10.150
help out the show by absolutely smashing
00:39:10.160 --> 00:39:11.589
that like and subscribe button just to
00:39:11.599 --> 00:39:12.950
get notified the next time that we go
00:39:12.960 --> 00:39:15.270
live. And uh feel free to continue the
00:39:15.280 --> 00:39:17.190
conversation in the official design
00:39:17.200 --> 00:39:18.950
systems house discord by going to
00:39:18.960 --> 00:39:21.270
discord.ds.house.
00:39:21.280 --> 00:39:23.109
Play nice in those comments and I'll see
00:39:23.119 --> 00:39:26.532
you on the internet. Bye.
00:39:26.542 --> 00:39:33.737
[music]
00:39:44.227 --> 00:39:50.767
>> [music]
00:39:50.777 --> 00:39:59.937
[music]
00:39:59.947 --> 00:40:01.967