00:02
welcome to thunder nerds, i'm Brian
00:05
hitman I'm Janell Pizarro and I'm
00:07
Fredrik Philipp Von Weiss and thank you
00:09
for consuming the thunder nerds a
00:11
conversation with the people behind the
00:13
technology that love what they do and do
00:17
tech he thanks everybody for joining
00:22
really appreciate you watching tonight
00:24
we actually had a different guest and we
00:27
have a surprise guest with them with us
00:30
and we'll get to him in a minute and
00:31
we're really thankful he was able to
00:33
join us but uh before that let's we just
00:36
really want to thank everybody at event
00:38
apart right you know yeah we do thank
00:41
you so much so so so much we love
00:43
talking to all of you you guys were all
00:46
spectacular and gals yeah we got to
00:50
speak to a lot of speakers which is
00:51
super awesome kravitz yeah so it was
01:00
like it was really really cool and we
01:01
were able to like chat with them and and
01:03
you know bring you guys into the
01:05
conference which I mean we really loved
01:08
so yeah yeah it's so awesome we were
01:10
there for all three days October 8th 9th
01:13
and 10th and yeah thank you so much Eric
01:16
really appreciate you having us at the
01:19
event and go to our website thunder
01:22
nerds that IO go to our YouTube channel
01:24
and watch all those videos listen to the
01:27
podcasts yeah
01:31
Brian I think not a real review yeah you
01:36
know how can people subscribe to us um I
01:39
don't know um I have no idea we don't
01:42
have a podcast you eat ok great
01:44
so to subscribe to the show like whoa
01:49
man like literally jumping in on my
01:51
stuff oh okay you gotta go yeah so we
01:55
have a YouTube so definitely subscribe
01:57
to us on YouTube I would love that and
01:59
review us because you know we like
02:02
reviews good bad ugly whatever you need
02:04
but definitely good and definitely
02:08
review us on iTunes as well because we
02:10
want to be in your ears all the time go
02:13
to thunder nerds
02:14
da io / review and give us a review
02:17
really appreciate it
02:18
Brian actually has a review to read read
02:20
for us today I knew ya I'm from though
02:23
awesome Dan Jennea titled so much energy
02:27
combined with great interviews as a
02:30
regular listener of podcasts I thought I
02:33
haven't found one that brings the level
02:34
of energy that this group does there's a
02:37
and fun but also excellent at interview
02:40
question ooh
02:41
in every episode you want learn more
02:43
about the work that the person does but
02:45
also so much about the person themselves
02:48
also I haven't gotten to see I have
02:50
gotten to see them in action on a
02:52
conference and they work really hard to
02:54
put the show together with all of the
02:56
speakers at an event thank you say
02:59
Maidan yeah we were at the front-end
03:03
design conference this year and I
03:06
personally been to every single one I
03:08
know Brian has two Janelle actually got
03:10
to speak of one it did one time it
03:12
happens yeah it's awesome
03:15
so yeah we have we have quite a quite a
03:18
lot for that conference so thanks guys
03:19
thank you anything yeah so let's go
03:22
ahead and welcome our guests like I said
03:24
we have a surprise guest tonight we have
03:29
front-end developer at code pen Steven
03:33
Shaw
03:34
welcome to the show Steven hello nice to
03:40
have you man oh and then now at the coab
03:42
pens and as we were talking about
03:44
earlier before we started recording it's
03:46
so funny watching you here I feel like
03:48
I'm watching an episode of the key
03:50
framers yeah this is the glorious that
03:54
uh
03:54
is used for code para for key framers
03:57
soon to be used for code pin I'll be
04:00
working out of here full time for code
04:03
pen starting next week and so was mr.
04:06
kosher course she'd gonna pop up
04:07
somewhere and no no not that I'm aware
04:11
of
04:12
it's under the bed surprise yeah I mean
04:18
if you have one keyframe you also need
04:20
the other four the key framers yes I
04:22
know I feel like we've gone with full
04:24
full keyframe now where it's zero to 24
04:28
hi excellent a lot of keyframe
04:31
that didn't go well everyone everyone
04:36
left
04:36
you didn't yeah wait from today Steven
04:40
you're in where Texas yes I'm in Houston
04:43
Texas and y'all are all florida-based
04:46
right yeah yeah I actually grew up in
04:49
Florida I've been in Houston about about
04:52
10 years but grew up in the Panhandle so
04:56
that's good good you're out of there now
04:59
yeah
05:00
Portugal thing all those poor people oh
05:02
my god yeah I was awful
05:04
yeah I feel really bad for everybody
05:06
that had to go through that yeah but do
05:08
you do y'all only interview people from
05:10
Florida I've gone gone back and listen
05:13
to a few episodes and everybody was from
05:15
Florida oh no interview people actually
05:18
all over the world okay okay just making
05:21
sure it seemed great that's just very
05:24
common you know I won't leave his temple
05:29
Spain London you name it
05:32
yeah yeah yeah that's awesome yeah I was
05:36
looking at the event apart list y'all
05:38
had that's that's incredible some great
05:41
names there Val and Eric and yeah yeah
05:44
that was amazing take take aways from
05:47
that I asked anybody to go in and just
05:50
watch a few of those cuz we got was just
05:53
a great experience and everybody was so
05:55
wonderful and shared their time and
05:57
shared so many great points about their
05:59
talks it was awesome yeah and I know
06:02
we're gonna try and get a bunch of them
06:04
on the net season so that'll be a
06:05
sighting to get a more like in-depth
06:07
talk with them yes I'm excited for
06:10
literally everyone so Steven do you mind
06:16
if we just kind of talk a little bit
06:17
about some of your experience obviously
06:19
you're a coop in now and you you have or
06:23
you were at a an agency called
06:26
there are L at my scenes right yes l
06:30
creative actually tomorrow is my last
06:33
day there before before I move on to to
06:36
code pen so I'm you know putting bows on
06:40
everything is
06:41
much as I can to wrap everything you did
06:44
tell them right you're not just doing
06:45
good
06:46
bye guys I check my own doubts make sure
06:51
that went through I gave them as much
06:56
notice as I could and there they're all
06:58
super excited for me they they know what
07:00
a big opportunity it is to be a code pin
07:04
but yeah it's it's been such an amazing
07:07
experience there it's really helped me
07:10
grow a lot and dive into you know
07:13
technologies I wouldn't have otherwise
07:15
like WebGL and and just view and and all
07:20
of that I've grown so much there I've
07:22
been a little over five years now
07:25
well that's awesome yeah like speaking
07:28
of that like how did you even get
07:30
started with stuff like you know how did
07:33
you get into coding and into being so
07:37
awesome being the person that you are
07:38
and working for open the year was 1996 a
07:44
young Stephen Shaw was sitting at his
07:48
dad's laptop and discovered the you
07:51
source option Internet Explorer probably
07:55
what four or five at the time if even
07:58
that and then it was it was actually on
08:02
a on some kind of local web page where
08:04
you know the the HTML file was stored on
08:06
the computer and I figured out you could
08:08
edit that so I just started going in and
08:12
you know changing text it was some
08:14
boring you know stat list table of
08:19
course and I started going in and adding
08:22
stats for video game characters instead
08:25
and then yeah just the the interest grew
08:30
from there and started making fan sites
08:34
and and you know just learning more
08:36
about HTML mostly at the time and
08:40
copying pasting CSS and JavaScript from
08:43
all these other view source
08:45
opportunities and yeah just kept kept at
08:49
it from there well that's how we all got
08:51
started right what kind of fan sites I
08:53
want to know about this
08:55
oh ho goodness I think my my first one
08:59
was just a general Nintendo one yes
09:03
there's somewhere on tripod and then a
09:07
few Sonic the Hedgehog ones as well
09:13
I really didn't use Geocities all that
09:16
much tripod was my go-to what was it
09:19
like Lykos like us was that was a search
09:22
engine had some hosting as well
09:25
yeah but tripod I usually leaned on and
09:29
what was your kind of first languages
09:32
that you played with obviously you
09:33
weren't you know you everybody starts
09:35
off with HTML CSS plays with a little
09:38
bit of JavaScript or jQuery for you know
09:40
back then Oh what was your path oh well
09:46
PHP was probably next so HTML a little
09:50
bit of CSS but mostly inline Styles
09:52
because at the time that was that was
09:54
the fashion and then you know PHP got in
09:57
the mix at times around around like 2003
10:02
I actually built just like a personal
10:04
site where I was posting photos from you
10:07
know just my friends and I hanging out
10:08
and all that built like a little comment
10:10
engine and and all that in there with
10:13
PHP and that was super cool at the time
10:15
because I don't even think Facebook
10:18
really had that that kind of
10:19
functionality so that was that was just
10:21
super super fun for my friend group and
10:24
then and just kept kept growing from
10:27
there you know eventually dove into
10:30
JavaScript and jQuery probably starting
10:34
with jQuery and then moving into into
10:36
JavaScript around like 2006-2007 there
10:41
and that did you just start from there
10:43
building freelance sites because I know
10:45
you're freelance that you no wonder his
10:47
broken square right yeah that that name
10:51
that name didn't come about to like 2008
10:55
but I've been doing freelance sites
10:57
since yeah the early 2000s I think the
11:00
the first one was you know just a family
11:05
friend had made a children's book and
11:07
needed a small
11:08
website for it so they designed it and
11:10
send it over to me to to code and then
11:13
just you know little small projects from
11:15
there as I was going through school and
11:17
and although what's what's the what's
11:20
the thing with the name I think I was
11:23
trying to be super super hip and in in
11:28
my mind like the ultimate naming scheme
11:31
was you know some kind of verb and noun
11:35
and you know just like Coldplay or you
11:39
know whatever so I just was
11:43
brainstorming put that together and the
11:45
domain was available so it was it was a
11:48
done deal doesn't did you get like
11:52
started by any chance like just
11:54
designing for like your your local
11:55
churches or or did you just how is it
11:59
different to design for a church then
12:00
you know like just a an agency or you
12:03
know a company as a whole
12:04
yeah so I I did my first actual you know
12:09
job that wasn't just like retail was was
12:13
at my local church doing doing the web
12:16
development for them and I also I also
12:19
did a little bit of design for them that
12:21
wasn't meant specifically my my role but
12:24
you know I had the interest in it and so
12:26
they they threw me at it and you know
12:30
that like like working with working on
12:33
any internal site like you know when you
12:36
work at a company and you're working on
12:38
that company's site you know it's it's
12:41
just this interesting challenge of
12:44
trying to meet everybody in that
12:45
organization's needs and and you know I
12:49
was I was the only person responsible
12:51
for that so you know it was definitely
12:54
an interesting challenge well what was
12:58
the point where you're like wait I could
13:00
totally do this for a living like what
13:05
was the when did the that coin flipping
13:09
like hey uh-huh well so when I was going
13:13
to school my degree was in digital media
13:16
slash telephone patience and that had
13:20
like a small web web
13:22
component to it but also stuff like
13:24
painting and 2d design and we did did
13:30
some animation and video and and you
13:33
know working in like a TV studio and
13:35
like all that all that kind of stuff it
13:37
was it was just this great mix of all
13:40
these different things I was interested
13:41
in and the web just has a way of
13:45
combining them all so you know I've been
13:49
using the web by the time I was you know
13:53
10 years by the time I was in college
13:55
and and you know been learning all those
13:57
technologies so it just progressed into
13:59
a career basically I was doing I was
14:03
doing the part-time gig at my local
14:05
church and then God got an offer out in
14:09
Houston to work for a church out here
14:13
full-time and and so you know at that at
14:17
that point it was pretty obvious that I
14:20
could continue continue doing that for
14:22
an actual living and my ask is that
14:25
church was that in Florida the jump so I
14:30
wasn't in Florida at a at a church
14:33
called Olive Baptist and then moved to
14:37
Houston to start working at Houston's
14:40
First Baptist Church a guy that I had
14:41
worked for back in Florida had actually
14:44
gotten a job out out in Houston at that
14:47
church and needed a web guy so he he
14:49
gave me a call it just lined up
14:52
perfectly I had a friend from from
14:54
Florida that was moving out at exactly
14:56
the same time to to Houston for another
14:58
job and so everything was just
15:00
orchestrated really well to you know
15:02
have a roommate have a have an apartment
15:05
and you know get get started on a kind
15:08
of new life new adventure Wow yeah and I
15:12
met my wife on my first day at work
15:14
so it it was meant to be yeah that is
15:20
the cutest thing in the world yeah I
15:24
love it oh my gosh quite awesome well
15:27
speaking about you know serendipity how
15:30
did you know key framers get started you
15:33
know your biggle like this is like your
15:36
your your TV time almost right like
15:39
you're like famous now yeah we heard
15:43
David's story what's your story yeah
15:45
famous is is pushing it for sure
15:49
super famous yep yeah extra famous right
15:53
yeah you were a little low there well
15:58
yeah one of those flashes that the
16:00
paparazzi outside your window yes
16:03
world world famous is what I was looking
16:07
for no key framers so I started kind of
16:14
ruminating on this idea about it about a
16:18
year ago a buddy of mine is has been
16:22
really into into twitch and he you know
16:25
does some random gaming stuff streaming
16:28
and then he just randomly started
16:30
streaming himself reading a book like
16:33
what really like literally reading a
16:37
book but not allowed just reading a book
16:40
to himself tell me what right and it it
16:44
was moderately successful right and and
16:51
so that yeah okay if people are willing
16:55
to watch this what is what is something
16:58
that you know I do that that would would
17:01
be something you know people are
17:02
interested in and so that got me
17:05
thinking about the the idea of code and
17:07
how it's it's usually this really
17:09
solitary kind of action you know there's
17:11
there's pair programming but by and
17:14
large you know when you're when you're
17:15
programming you're just kind of by
17:16
yourself you're you know in in some dark
17:19
corner most of the time and and just you
17:21
know plugging away at it
17:22
crying but I wondered if there was a way
17:24
to make that make that exciting because
17:28
it's it's awesome I mean you're creating
17:30
something from scratch so so I just kind
17:34
of was tossing around this idea and like
17:36
okay a single person doing doing some
17:40
code I mean there there's there's
17:41
potential there but what if people were
17:45
able to work together on something and I
17:47
stumbled across code
17:49
collab mode and and started
17:52
experimenting with that reached out to
17:54
reach out to David and started talking
17:57
with him seeing if that was anything he
17:59
was interested in
18:00
we actually had never met
18:04
we still haven't met face to face yeah
18:08
he's all the way out in floor I mean he
18:09
travels all the way around he's actually
18:12
gone yeah he's actually gotten as close
18:14
as San Antonio but I just haven't been
18:16
able to travel out to meet up with him
18:19
but I started reaching out to him and we
18:23
we organized everything got it got it
18:25
started the first time we actually
18:27
talked and like video chatted was like
18:30
10 minutes before the very first episode
18:33
and that that worked out rather well so
18:37
yeah it's it's been it's been super fun
18:40
to be a part of and seeing people get
18:43
involved in that and and learning from
18:45
that that's that's our main goal is to
18:47
is to teach these these techniques that
18:51
we love and that can really help other
18:53
people out and you help yourself out too
18:57
because you're basically constantly
18:59
working on something that it gives you
19:01
an incentive to be like hey I'm gonna
19:03
work on this it's not my job stuff it's
19:05
learning something that I might not
19:07
normally do and repeat and repetitively
19:10
doing something I might not normally do
19:12
and and the benefit of the collaborative
19:15
coding you know I get a completely
19:17
different mindset from from David and a
19:21
completely different to the same same
19:23
problem because it wrong
19:25
usually that you are him there's no
19:30
wrong approach there's there's just
19:33
approaches that are more right for our
19:35
our do listeners I just want to confirm
19:37
that Stephen is holding up a sign that
19:39
says David we know a date David has such
19:47
a great such a great in mind for for
19:50
programming and loves to make a really
19:54
really like systematic approach to a lot
19:57
of things you know he's always talking
19:59
about state machines and trying to
20:00
bounce the the value there
20:03
and it's it's legitimate and it's it's
20:06
something that's you know been been
20:07
around since the 70s or 80s in terms of
20:10
the the concept but as web developers
20:13
you know we we really move on to the
20:16
newest stuff instead of focusing on
20:19
problems that have already been solved
20:21
and how they've been solved in the past
20:23
so he's he's bringing such a great
20:25
perspective to all of that and I feel
20:28
like most of the time I'm just you know
20:29
augmenting what he's what he's already
20:32
doing but yes it's super fun getting to
20:36
learn from him and and work together and
20:40
I think you guys to have a really good
20:42
dynamic back and forth like you keep it
20:44
funny and there's always you know
20:48
obviously there's a lot of value that
20:49
you're bringing because there's there's
20:51
so many things within just CSS grid for
20:56
example that you could learn every day
20:58
like when I was I was watching guys the
21:00
other night you know it's just like oh
21:01
wow I didn't know I could do it like
21:02
that like oh there's a little thing here
21:04
like that so yeah that that's so awesome
21:06
I think the big value is also the fact
21:09
that it's not even the technology is the
21:12
fact that watching you guys and seeing
21:14
that hey you know they have to look it
21:16
up too
21:16
they don't know exactly how to do it
21:19
either I mean no matter how long you're
21:21
doing it you know it's it's you know a
21:23
big part of the shows you know people
21:25
behind the technology in the fact that
21:27
they are people they make mistakes
21:28
they kind of have to figure it out one
21:30
works through it just like everyone else
21:33
yeah yeah you guys aren't robots just
21:35
type in and out and done in like minutes
21:38
you're figuring it out
21:40
yes figuring it out live is sometimes a
21:42
bit of a challenge as you're trying to
21:44
talk through the process and work
21:46
through all of that but really how is
22:08
the chat experience with it because
22:11
obviously you guys do it live you're
22:12
getting chats or people helping you
22:14
figure things out or are you
22:16
or answering questions along the way and
22:18
what are people getting from that oh
22:20
it's it's a good balance of both we we
22:24
do have a fair bit of you know people
22:26
coming in and asking questions and new
22:28
to the stream and just trying to figure
22:30
out what what we're doing or what we're
22:32
working on and and that's that's super
22:35
fun to engage with with within limits
22:38
and then there there are a lot of times
22:42
we're just spinning our wheels we get
22:44
stuck on something and we're able just
22:46
to reach out and you know somebody can
22:48
provide a link or you know point us in
22:50
the right direction that gets our gets
22:52
our wheels going again what's that I
22:58
think you guys have like the coolest
23:00
like dynamic together to like um with
23:02
that the fact that like you guys all
23:04
have your fans there to support you and
23:08
they're like hey you know did you
23:09
consider doing this thing instead and
23:11
it's like done awesome like we didn't
23:14
even think of that like it's now it's
23:16
fixed in like three lines of code that's
23:17
super cool yeah that is that is super
23:20
helpful and you know I would love for
23:22
that to be you know just the general
23:24
experience of coding like to be able to
23:27
have that kind of support and and that
23:30
you know feedback as as you're going and
23:33
I've never been able to pair program or
23:35
anything like that I would probably find
23:37
that super frustrating but the idea of
23:40
it is is very appealing when you've got
23:41
to two minds or more approaching the
23:44
same problem there's there's great
23:46
potential for great solutions you know I
23:49
heard a really interesting rumor on the
23:52
internet that I just made up today that
23:54
the key framers are going to be a new
23:56
show for code pen is that true that is
23:59
that is not true is still is still its
24:03
own as its own entity you're hiring from
24:09
no key framers will still will still be
24:13
[Music]
24:16
now we will be taking a short break
24:19
coming up
24:20
over the over the winter just for family
24:22
time and to and to do some additional
24:26
work on on key framer stuff that's not
24:28
the stream and then we'll we'll be
24:32
starting back up and or early next early
24:35
next year well you know David dropped a
24:37
little bit of hints of what that what
24:39
your extra added value is gonna be do
24:42
you want to talk about that at all yeah
24:45
we we do have we do have a lot of stuff
24:47
in in the works
24:49
that we've been putting together
24:51
basically you know the goal of key
24:54
framers is is to help educate developers
24:58
on on the things you can do with with
25:02
web technology specifically with with
25:05
animation and so you know an additional
25:08
additional video content that we
25:10
actually produce versus you know do live
25:13
on the air and articles and and some
25:18
animation content will will be retooling
25:21
the the stream format a little bit for
25:23
for next year
25:24
and having some having some guests on
25:26
doing doing additional challenges and
25:29
that kind of stuff so that's going to be
25:31
that's gonna be really fun oh my gosh
25:34
who's your first guest
25:35
can you Brian Hampton we don't we don't
25:39
have the the first guess specifically
25:41
scheduled yet so it's gonna come down to
25:43
availability but we have we have a full
25:47
list that we've put together of people
25:49
we've talked to I did hear a rumor about
25:51
two seconds ago that it was Brian Hinton
25:53
yeah my my content will be all about
25:56
Mars the marquee element at HTML 3 with
26:09
web components you can remake it but
26:11
just like one point something I was just
26:23
thinking about a react marquee component
26:25
just sorry it made me chuckle yeah oh
26:28
you can do it
26:29
yeah Knology exists
26:34
um so I was looking around the internet
26:36
for you know because we stock you before
26:39
the show no biggie
26:40
uh so I saw that you wrote like a thing
26:44
for Smashing Magazine about centering
26:47
things and it being hard yes
26:49
so that let's talk about it at the
26:53
center of that yeah it's the it's the
26:56
classic joke for for developers that you
27:00
know CSS it's impossible to Center
27:02
things like I just want things to be
27:04
lined up it's so hard but I actually
27:08
stumbled across something back in back
27:11
in 2013 that I'd never seen covered
27:14
anywhere I was searching all around once
27:16
I found it and couldn't find anything on
27:18
it so I was like well is this is
27:21
important like people can use this so I
27:24
put together a small demo on code pen
27:26
kind of documented it a little bit and
27:29
this was before code then had posts but
27:31
this was basically a post within within
27:34
just a code pin pin and put that
27:37
together and then just kind of tweeted
27:39
it out and like tag Smashing Magazine
27:40
and CSS tricks and a few others and then
27:44
it just started exploding I mean it you
27:47
know exploding like 200 likes which at
27:50
the time like you know five five years
27:53
ago Stephen Shaw was like this is
27:55
amazing and and it was it was just super
27:59
cool seeing the response to it and
28:01
Smashing Magazine reached out and said
28:03
hey can you can you polish this up cover
28:05
a couple other techniques and and put it
28:06
together an article but it's it's still
28:10
super relevant to today most most people
28:13
don't don't know the power of margin
28:16
auto at the time flexbox was still a
28:20
little bit of a not reliable technology
28:25
because it wasn't as cross browser
28:27
compatible as it is now with a dream yes
28:30
it was around and it did have some
28:33
support but you know because of all the
28:35
II's you you basically walk out of it
28:38
but position:absolute with top:0
28:43
bottom:0 right zero left zero
28:46
then margin Otto will actually Center an
28:49
element in whatever it's whatever it's
28:51
container is so as long as as long as it
28:54
has a fixed width and height which could
28:56
be a percentage width or a percentage
28:58
height or something like an image or
29:00
what does have actual dimensions it will
29:02
be centered in its container and at the
29:06
time like that was that was huge there
29:08
you know for any kind of centering
29:11
technique that was that was important so
29:13
yeah that was those my first big break I
29:17
guess I didn't really do anything after
29:19
that for about three or four years but
29:22
yeah that's how you could easily do that
29:27
with grid right right and now you know
29:30
centering is just completely a joke you
29:34
can you can do it there's no in two or
29:36
three lines and and be done but yeah it
29:39
was revolutionary for the time they're
29:42
like margin Otto what you just throw in
29:44
a grid what's wrong with you well margin
29:47
Otto actually still still works really
29:49
well we have display grid and and
29:52
flexbox so you can you can have a child
29:56
within a flexbox or or grid parent and
29:59
just add margin Otto to it and it'll be
30:02
centered and that's that's basically all
30:04
the all the styles you need or you can
30:08
apply the styles to the parent if you if
30:10
you want it to but yeah margin Otto
30:12
still has a big place like we use
30:20
consistently like even in our you know
30:25
production code tears margins like
30:28
literally like your code looks like
30:29
stuff that's in our production all the
30:31
time so totally like thank you for your
30:35
awesome ingenuity
30:37
that's great I actually didn't I didn't
30:40
I didn't I na minha texting I from just
30:45
like a comment on on some random article
30:48
where somebody was like why don't you
30:50
just do this and then I was scouring the
30:53
internet like where did this come from
30:54
like I can't find any other references
30:56
to this and and so that's why I put all
31:00
that together because you know it was it
31:02
was mind-blowing
31:03
are you still publishing for Smashing
31:06
Magazine or any other or something that
31:10
distributes this stuff around
31:12
I should write more but the the process
31:16
before I guess a little bit of
31:19
perfectionism I also want to make sure
31:21
that I'm accurate in in what I and what
31:24
I do so I like I spend way too much time
31:26
researching when you know I should be
31:28
you know producing that or or just can
31:31
always update it yeah I guess so my last
31:35
my last article was was early this year
31:38
for CSS tricks on animating border mmm
31:42
that's fun yeah that was that was a nice
31:44
one I enjoyed that one it was it was
31:47
just kind of based on a random website I
31:50
was working on where you know we needed
31:52
a boarder animation and you know it's
31:55
super hard to do performant Lee and I
31:57
proposed the challenge to to Twitter and
32:00
got a lot of great responses to it but
32:03
there's no just one great solution
32:06
you really have to really have to play
32:08
with it and that's what the what the
32:10
article covers so is that the way that
32:14
you got a job at copán you just write a
32:16
ton for CSS tricks and you you know
32:20
tweet out things and say hey hey chris
32:23
coiour
32:23
i like a job at copán
32:27
okay thanks zomb is that what how you
32:30
asked him exactly i I think that helps
32:34
but really those those are the only two
32:37
articles that I've that I've written I
32:39
think just the the rest of my work on on
32:44
code pinned the the platform has has you
32:47
know helped me gain a little bit of
32:49
visibility and then the key framer stuff
32:52
as well oh do you use köppen just a
33:00
little bit you know who's in the room
33:01
with you I don't think you understand
33:10
sorry couldn't resist
33:11
it'll happen five more times
33:14
like a second third time so Steven what
33:20
kind of technology are you really
33:22
looking to as far as the the future like
33:26
are you all in on CSS grid is that what
33:28
you're really focusing on or is there
33:30
something else like are you you know
33:32
playing with few here and there like
33:34
what do you would be playing with on the
33:37
on the side well so view view is awesome
33:40
I've been using that and in production
33:43
code for maybe two years you know a year
33:46
and a half and that that's been
33:48
revolutionary just in in updating my
33:50
mindset from kind of scattered
33:55
JavaScript to actually trying to
33:57
condense things down into a component
33:59
and and really focusing the the
34:02
functionality there I do a little bit of
34:05
react stuff and and with code pin
34:07
that'll that'll be the primary
34:09
technology I'll be working with and then
34:12
CSS grid I need to get really up to date
34:15
on that honestly my my knowledge with
34:18
CSS grid is bare minimum so I it's it's
34:23
just something that you know it like so
34:25
sorry sorry I don't mean interject but
34:27
let me just preface my what is when I
34:30
see you doing CSS grid on the show on
34:33
key framers it seems like you know quite
34:35
a bit know and it's right here Oh CSS
34:40
grid calm is usually up open in another
34:43
tab while I'm doing key framers or
34:46
sometimes pulled up on the air but yeah
34:49
my knowledge of that is very surface
34:52
level I really need to dig in to using
34:55
it to using it deeper just haven't had a
34:58
had the opportunity but yes bosses demo
35:02
is amazing his videos yes in like in my
35:07
queue I will say it doesn't cover a lot
35:10
of the newer stuff though for our
35:12
listeners it's great to get I think it's
35:14
like perfect or like if you're just
35:15
starting out and you're trying to really
35:17
understand the basics and how it works
35:19
but then like you know all the more
35:22
advanced things like the template and
35:24
yeah although yeah it doesn't
35:27
Wow oh there's a lot of that in there
35:29
but just like you said it's it came out
35:31
at a certain date yeah that's a great
35:37
intro into CSS great oh I love what and
35:40
I love all the stuff I definitely go
35:42
check it out I'm just gonna shout out
35:44
Jenn Simmons and Rachel Andrew just real
35:46
quick is there like the Queen's of CSS
35:50
grid so they have layout land literally
35:53
Rachel Andrew was like the guy you can
35:56
can write yeah every step of the way
35:58
that like you know CSS grid even existed
36:01
Rachel Andrews right there so definitely
36:04
recommend those wonderful women to learn
36:10
from so and and we interview them so
36:13
yeah check out the video with with what
36:16
the Simmons yeah it was amazing Jenn her
36:19
videos are just amazing like if you
36:22
don't have any kind of concept of what
36:24
grit is and you've just been in that
36:26
kind of float world it will totally oh
36:29
you'll get it yeah yeah I definitely
36:33
need to go back through layout land get
36:36
into that highly recommend its fender
36:41
nerds approved I would say you know is
36:45
that Steven behind you I I'm gonna fight
36:50
you we're gonna fight today the day I'm
36:53
gonna go to st. Petersburg fight you
36:57
good thing cuz I'm in Sarasota so I'll
36:59
be fine
37:01
won't hang out to them go ahead you know
37:07
sorry I'm in a tag team with Brian and
37:10
then we're gonna we're gonna okay we'll
37:13
get you one get them set ups and home
37:17
alone style traps well so I have a
37:23
really cool question for you I guess so
37:26
I hear you're pretty dapper let's let's
37:29
talk about that that DAP earnest that
37:32
people are saying about you will you
37:34
meet that yeah hey yeah you have an
37:37
award
37:39
I don't think I've won any awards I mean
37:42
many but no no specific awards yeah you
37:49
know I think 90% of it is just the the
37:52
beard you know it really really sets the
37:55
tone and then so you know I imagine it's
37:58
an everything to to the beard need a
38:00
handlebar a little bit I think no really
38:03
that's pick it up a notch
38:04
I've tried before it works pretty well
38:08
do you and your wife like go to like
38:10
Disney dapper days like doesn't need to
38:13
have four days I'm like okay isn't he
38:16
worried yeah I have not I've not heard
38:19
of that oh my gosh you need to make a
38:21
date and that's how you can meet like
38:23
David afterwards later but like make a
38:25
date with your wife Disney's dapper days
38:27
I call it actually the day it's called
38:31
dapper day it can go to dapper day calm
38:34
it really isn't a thing you know I'm
38:41
surprised that you and David didn't meet
38:43
at a conference if it's not one that
38:46
he's been speaking at or just going to
38:48
one you know uh so fun little tidbit
38:52
I've actually never been to a web
38:53
conference yeah I see I would think that
38:56
you would be not only one that would go
38:58
but speak uh I've I've only applied it
39:02
at one so far to to speak and you know
39:05
didn't didn't get in but I don't know I
39:08
just really haven't had an opportunity
39:10
Houston isn't is it really great in
39:13
terms of the the web community like the
39:18
there there doesn't seem to be much of a
39:20
gathering and for you know the fourth or
39:23
fifth largest city in the u.s.
39:25
there's no like significant web meetups
39:28
here and so yeah that's even has just
39:33
been proximity to any any conferences
39:37
sar1 crying for you call it call it uh
39:41
something to definitely dapper Deborah
39:45
comp episode for dad there's good for
39:50
Def Con done
39:52
squared 219 I have done a couple of code
39:59
pen oh that is so stunning yeah
40:04
some want me to get into that box okay
40:08
get in the box so it's a it's a sign
40:11
yeah yeah we've posted if you could pin
40:15
meetup set at L and that's how I
40:18
actually met met my replacement that's
40:21
that's replacing me there at that agency
40:23
and you know it's it's only happened a
40:26
couple of times but my replacements
40:29
interested in continuing it so probably
40:32
at least be helping out with those
40:33
that's awesome hey do you mind if we
40:36
just quickly talk about what your your
40:38
new day-to-day is gonna be at copán we
40:42
can I don't know from what it is yet but
40:45
yeah my role is front-end developer so I
40:49
imagine all the bouncing around between
40:51
a lot of the different aspects of code
40:53
is updating legacy code and in working
40:58
on new features and things like that not
41:02
much I can talk about on on that front
41:05
yet gotcha yeah predicting the future a
41:08
little bit well I think we're does
41:10
anybody else have any questions before
41:12
we kind of start going into stuff I
41:16
think this is an appropriate time to
41:19
start the lightning round what do you
41:20
think I think so too
41:22
you could like ask all the questions
41:24
real fast like to shine a quick light on
41:35
something though you were ready yeah go
41:40
ahead Ryan yeah so this is a while I
41:43
could call a spotlight and the whole
41:46
intent is to get a more look like better
41:50
look into each one of us especially our
41:52
guests my group question we all answer
41:55
desk answers laughs thank you not like
41:59
so this week's question is where are
42:03
some small things that you
42:05
you Thank You Fredrik every day or any
42:10
day that makes your day better like
42:12
something that you that you do everyday
42:14
that that makes your day better and the
42:17
goal is to kind of get a look into you
42:19
know you beyond you know not the tech
42:22
just something you do mine is every day
42:27
and the morning I always may I use to
42:29
make coffee but not making tea it kind
42:32
of switched over on this under the Tia
42:34
wagons yeah my yeah I'm I make tea for
42:40
myself and my girlfriend and we will sit
42:44
and have our tea maybe read the
42:45
newspaper that's it's a nice start today
42:48
it's very relaxed it's chill
42:50
it's not tech it's not TV it's not a
42:54
screen it's you know nice nice cup of
42:57
something hot and just relaxing so
42:59
that's real newspaper a real newspaper
43:02
yeah I recommend everyone to subscribe
43:06
to your local newspaper they're what
43:07
keeps the news real and they're the ones
43:10
who highlight the real story so uh
43:11
Frederick I'll make you go nuts sure I'd
43:14
love to go next I think for me every
43:16
morning I love doing a little bit of
43:18
tickle fights with my son and just
43:20
chasing him around and probably for a
43:22
good 20 to 30 minutes that's how we
43:24
started a is running around the house
43:25
and playing tickle it it's a lot of fun
43:30
so that always makes my day a little
43:32
happy Jenelle that's super cute sorry I
43:38
had to unmute myself it was like calling
43:40
a lot that's I quit I don't even want to
43:43
answer because I was really adorable
43:44
that's that guy behind you answer look
43:48
we're gonna fight so I think my like
43:53
happiness in the morning have to be
43:56
morning because you okay it was a good
44:00
morning oh wait are we not doing
44:02
mornings just a happy morning something
44:04
that you that you do that makes your day
44:06
better
44:06
hey yesterday my god so um the thing I
44:13
guess that I do that makes me happy that
44:14
has nothing to do with code and nothing
44:16
to do with anything I think
44:19
is it combined my hair and makeup I
44:23
think that's I mean I don't do it every
44:24
day but yeah I don't know so your makeup
44:28
and your hair and then they actually do
44:30
that's where the pink comes from I have
44:32
to like meticulously one-by-one like
44:37
curl it's it's really just the tedious
44:40
most daunting task
44:42
but I mean it makes me happy wait what
44:48
do you mean you so you do your hair what
44:50
do you mean by combine your hair and
44:51
makeup
44:51
Oh silly again you know doing my hair
44:54
and my makeup so you know curls take a
44:56
lot of time and love and effort so it's
45:00
nice to kind of just be able to be like
45:01
okay I did a thing and then throughout
45:03
the day like you can like see the curls
45:06
actually and being like lively and
45:09
bouncy and happy and it's just like hey
45:11
that's I look at that like it just it
45:14
makes you like happy cuz it's like look
45:17
at this pink thing that was just like
45:18
limp and gross and ugly in the morning
45:21
and now it's like this giant curl bounce
45:23
of Awesome right like it is there's a
45:27
giant cool bounty not not this guy no I
45:45
I agree taking the time to help yourself
45:48
look look dapper as is is very helpful
45:50
just from that while today but for me
45:56
just spending spending time with my
45:59
family I've got I've got a daughter and
46:01
she's she's so much fun and she she
46:05
likes to wake up early so we will have
46:08
breakfast together and you know read
46:12
read my Bible with with her and and
46:14
we'll have some breakfast together and
46:16
hang out before before I have to get get
46:19
on with with work and everything that
46:21
that definitely helps you know slow the
46:24
slow the day down a little bit by having
46:26
some quiet time with her
46:29
that's nice kiddo kiddo stories are so
46:33
cute and they make me internally cry so
46:37
much no Mel makers what I'll have like
46:40
my dog come over hearing like lick my
46:42
face oh please do one of those twins
46:46
behind you
46:47
you know those twin kids even we are at
46:55
our lightning round so we're gonna ask
46:57
you a bunch of questions that we either
46:59
didn't get to ask you during the show or
47:01
just some random things here and there
47:03
and it's just gonna be some quick
47:05
questions with some quick answers you
47:07
ready sure all right great you were a
47:10
favorite cartoon as a kid oh that's
47:13
that's hard to pick a favorite good
47:17
gravy
47:18
Sonic the Hedgehog the not The
47:22
Adventures of Sonic the Hedgehog Sonic
47:24
the Hedgehog I think was was very
47:26
influential grapes or raisins favorite
47:39
pizza topping
47:40
uh cheese it's definitely my go-to
47:44
pepperoni is always good and like David
47:48
I do enjoy pineapple on pizza oh yeah me
47:53
too I love pineapple on pizza um what is
47:56
your favorite thing about yourself
47:58
favorite thing about myself
48:00
uh my beard is probably my go-to uh it's
48:05
it's gotten me this far so you know
48:07
let's let's stick with it if you could
48:10
fly to any country anywhere in the world
48:14
for free where would you go those
48:18
amazing islands that I can't I can't
48:21
think of the name of they're out out
48:23
like in the direction of in the specific
48:26
in the Pacific there they're just kind
48:29
of ease ring Islands where I guess it's
48:32
like you know some kind of volcano or
48:33
something that formed them but they're
48:35
they're just like a ring of land with
48:38
water in the middle and water all
48:40
surrounding them and
48:41
you know in total it's probably like
48:43
five square miles of land but that would
48:46
be just super cool to visit and just
48:48
gorgeous the guy behind me says it's
48:51
Bora Bora Bora Bora probably around
48:54
there
48:54
yes Siri Ola favorite cereal favorite
48:59
cereal
49:01
man oops all berries was was my jam
49:04
growing up it's if you couldn't be in
49:09
front of a computer what would you be
49:10
doing professionally professionally I
49:17
don't know music is probably the only
49:20
other thing I've really made any any
49:23
kind of effort at outside of a computer
49:26
so this is gonna be a hard one and I'm
49:29
so sorry I apologize in advance but
49:33
what's your favorite thing about
49:34
jsfiddle jsfiddle I like that you don't
49:42
have to put any effort into anything you
49:44
put on jsfiddle you can just throw it
49:47
out there and it's done broccoli or
49:53
cauliflower
49:54
I'm very crude oriented uh broccoli for
49:58
sure I'm a lot of questions you guys
50:02
guys got any more Sivan where we're at
50:10
right at the end of the show and I would
50:12
like to ask you one final thing what is
50:14
a piece of advice that you would like to
50:17
bestow upon our audience any kind of
50:20
final parting words that that you could
50:22
provide yes
50:24
Thunder nerds listeners you have worth
50:28
you were created in this specific time
50:30
with the mind and abilities that are
50:32
distinct to you you can make a
50:35
difference in a way that you are
50:38
uniquely positioned to make everyone has
50:40
hard days and struggles so be positive
50:42
and loving get out there and help others
50:45
do and create because you can make this
50:49
world a better place in a way that only
50:51
you can
50:52
I think I want that I've gum you nail
50:56
that shirt but I reminded you so much of
51:01
mr. Rogers I still want to see that
51:05
documentary
51:05
I always know good people cried in the
51:08
beer oh wow I think there's a movie
51:10
coming out with Tom Hanks tune mr.
51:12
Rodgers yes that looks really yeah it's
51:16
gonna be pretty cool well uh Steven when
51:19
is the best way people could get ahold
51:21
of you obviously we're gonna put some
51:22
links in the show notes but if you don't
51:24
mind for our people that are listening
51:26
yeah
51:27
twitter twitter is usually best you can
51:29
find me at at
51:36
sha-sha-sha-sha-sha-sha-shout
51:43
which you should also check out keyframe
51:47
dot RS has our links across all the
51:50
social media and videos and everything
51:52
like that so yeah should head there I
51:55
love that domain that's like the best of
51:57
me you never yeah thank you hey man
52:02
thank you so much for being on the show
52:04
and thank you for coming on last minute
52:06
that was super awesome yeah yeah thank
52:12
you so much really appreciate it Steve
52:13
and thanks everybody out there for
52:15
watching please go to thunder nerds /i
52:17
Oh give us a review and subscribe
52:19
toodles