CSS Algorithms – Lara Schenck – JSConf US 2019


CSS Algorithms Lara Schenck
KATIE: Hello. Hi. Oh, all right. How is everybody doing? Yeah? Whoo! I know we’re all hungry.
But this is our last talk before lunch. And I think it’s gonna be an amazing one. We have
Lara Schenck here to talk to us about CSS algorithms. And so, Lara’s fun fact that she
gave me is that she grew up on a llama farm in rural Pennsylvania, very small town. And
I asked her, well, can you tell me some cool things about llamas that people wouldn’t necessarily
know about in their everyday life that’s llama free. At 4H competitions, there’s a bunch
of llama categories that you can enter. So, llamas can do agility runs. Kind of like,
you know, you’ve seen the dogs that jump over hurdles and they go in between poles. That
was not her specialty, though. Her specialty was the llama costume category. Where you
dress up yourself and you dress up your llama. And she won a blue ribbon for her rendition
of she was the tinman and the llama was the cowardly lion. And she said there’s probably
a picture of this somewhere so I’m going to really encourage her to have her parents take
a picture and send it to us so we can go and find it later and see a picture of her prize
winning llama costume. All right. So, let’s give it up for Lara Schenck. Take care.
[ Applause ] LARA: Hey, everybody. Wouldn’t it be great
if I want in a tinman costume? Yeah, I don’t know how I’m gonna follow that story with
my talk. I wasn’t really prepared. Yeah. Welcome to my talk. CSS algorithms. I’m really excited
to be giving this to a room full of people at a JavaScript conference. And the best thing
is I have met so many great people that, oh, I’m giving a talk to my new friends. Isn’t
that nice? Nasty, friends, before we get started talking about CSS algorithms, we have to answer
a very important question. Is CSS a programming language? Fire emoji.
[ Laughter ] How many of you have seen this question where
there’s related drama about this topic on Twitter over the last year or so? Yeah? Okay.
Depends how many people use Twitter, I guess. I do have a question. Like, does this drama
come up in real life also, or is it mostly contained to Twitter? Anyways, we have to
answer this question before we talk about algorithms. So, I asked this question on Twitter.
First in March of 2018 before I gave version 1 of this talk. This is on 3.5.1 now I believe.
Is CSS a programming language? What did Twitter think in 2018? Any guesses? No. So  but it’s
pretty split. 42% yes, 50% no, 8% I’m not sure. Not a huge dataset, 129 votes. But the
answers to kind of the responses in the comments are very varied. So, it was either like, yes,
absolutely. Or, of course it’s a programming language. Or, I don’t really consider CSS
programming. Or you can’t call styling a web page programming. It’s not really a programming
language. And things like that. So, after I gave this talk a little bit, before I started
giving it again this year, May of 2019 I asked this question again. And I was like, nobody
is going to answer. Okay, Lara, we see what you’re doing. We saw your talk. Okay. No.
This time  [ Laughter ]
This time the poll had 5324 votes, which is definitely the most activity I’ve had on a
Tweet before. And the noes increased. I was like, what’s happening? What’s going on? And
not only were the same kind of varied responses in the comments, but there were also people
that kind of specialize in HTML and CSS that were saying that I never call myself a programmer.
And things like, why are we concerned about what CSS is? We should be concerned about
what it’s doing, et cetera. And things like stop asking this question. Don’t wake the
beast. So, stop. Like, everybody, stop. We have to answer a different question before
we talk about is CSS a programming language. What is a programming language? Before we
decide whether or not CSS is one of these things so, not surprisingly, there are many
fields of research and people have dedicated their entire careers to answering this question.
And we can’t be really specific about what a programming language is because there are
so many types of programming languages. So, the definition kind of boils down to there
are lots of different ones. But could boil down to a formal language for instructing
computer to perform tasks. This is Wikipedia and several others. Some good articles out
there. The important part here is language. It’s a language. And there are different types
of programming languages. And these kind of fall under the categories of programming paradigms.
And we use programming paradigms to both describe languages themselves as well as the style
of code that we write. So, the two main paradigms are imperative which is code that describes 
code that tells a computer how to accomplish a task. And declarative. Where you tell a
computer what to do. So, the language  the expressions in the language are saying what,
not how. And the main difference is the presence and absence of control flow. And so, control
flow is the ability to manipulate the order of executions of statements in a program.
So, control structures like if statements, for loops, imperative languages have these,
declarative do not. Any logic is baked into the statement itself. What are some examples
of these programming languages? Hmm m… imperative languages. JavaScript, of course. Ruby, C
+ +, Python. These are what we usually think of when we think of programming languages.
Often times general purpose languages. Declarative languages are often, not always, domain specific.
They are built to function within a certain context. What are some domain specific declarative
programming languages? SQL. It is a declarative for data bastes. HTML, adding meaning around
content on a web page, CSS for styling the content on that web page. Loud and clear.
CSS is a domain specific declarative programming language. 100%. CSS developers program the
layout of web pages. boxes. Let’s be honest. Everything is a box. CSS programmers are box
programmers. Also 100%. Okay. So, cool. Like, great. Like, maybe I can win a Twitter argument
at some point. Good job. Why do we care about this? Why do we care if CSS is a programming
language or not? So, I want to talk about something called Turd driven development.
Of course this is a rift on test driven development, one simple in both is all code is crap the
first time you write if. It is not possible for a human being to write perfect code the
first time you write it. So, in test driven development, you kind of counter this by starting,
instead of writing in production code, write a failing test first. In CSS, we don’t really
have this kind of testing. You can kind of say the test is the design. It’s like, okay.
This is why am I failing tests? Yes, I see it. It doesn’t exist yet. So, yes, the test
is failing. Run the test with our eyes. What do we do? We write code to make the test pass.
So, all code is crap at first. We write some crap CSS. And then what happens? We stop.
Okay? The CSS, it’s done. I don’t have to write anymore. Oh, wait, the test is failing.
There was a change to the UI. Some new feature. The test is failing now. What do we do? We
write more CSS. The test is passing. Oh, wait, maybe there was a regression. So, now our
test is failing again. So, we write more CSS. Okay, whew, don’t touch it, erg is working.
And then we wait. And, oh, wait, new feature. More CSS. Test is passing, oh, no, another
regression. More CSS. And so on. Wait  here we go. Oh, wow, what’s happening. Our tests
no longer completely passes. And this is what happens. But the problem is this is the web.
This is the frontend of our web applications. This is what People use. And this doesn’t
just apply to CSS as a language. But also HTML and also JavaScript. It’s kind of this
culture of how we program. So, what do we do? Ah! Oooo! This is so bad! It’s so bad!
All this crap everywhere. What do we do? Stop writing CSS. Start programming. Okay. So,
the thing is, programming does not equal logic, math, science, engineering. These things can
be part of programming. But programming in its essence as an art, as a craft, is writing
instructions for computers that other developers are able to read and maintain. And I think
if anything shows that CSS is a programming language, it’s that naming is really hard
and extremely important. Naming is one of the hardest problems in computer science CSS
is part of that story. Unless you’re writing CSS in JavaScript. Okay. Okay. So, cool, we
got if. We’ve covered a lot of ground so far. Now let’s talk about algorithms. Now that
CSS is a programming language, how do we write algorithms in this programming language? Hm.
Algorithms 1013 let’s have another definition. An algorithm, a well
Defined computational procedure that takes input and produces output. This is from Thomas
Cormen who wrote the book, the introduction to algorithms that is assigned in many the
computer science course. I read the introduction. [ Laughter ]
Might revisit. Okay. So, a well defined computational procedure. Input and output. Let’s use this
little board to help us visualize. Common use for an algorithm, sorting. We have a list
of unsorted numbers. Our algorithm, the output, our algorithm should transform that input
into sorted output. Hm. What are some sorting algorithms? I know this crowd probably knows
some sorting algorithms. Bubble sort. Selection sort. MergeSort, quickSort. And could go on,
but we’ll keep it at that. Okay. What does an implementation of a sorting algorithm look
like? Name that sorting algorithm. Bubblesort. This is imperative JavaScript. Cool. That’s
fine. If this was declarative code, it would be secured behind the source. We’re telling
not, not telling the computer how to do it. What about another kind of algorithm? So,
how could this possibly apply to boxes? Okay. So, our input is a stack of unsorted, unstyled
boxes. And our output, we want this to be a row of boxes. What kind of algorithm happens
in between? Well, display: Flex, absolutely. float: Left. Gasp!
[ Laughter ] How dare we? Yes. Floats still have their
place in this day and age. Okay. What is an implementation of these algorithms look like?
Well, this is what we see. This is declarative CSS. There’s a big huge algorithm under the
surface, but display: Flex is all we have to write. If we expand on this, this is what
declarative logic looks like, what, not how. And under the surface, this is what’s happening.
This is a little snippet of Rust code from the experimental rendering engine called servo
being pulled into gecko in Firefox. And this is where the wrap is happening. There’s an
imperative backbone to any code in CSS. Let’s have a iceberg metaphor. Love a good iceberg
metaphor. We have CSS on the top and imperative code on the bottom. Oh, my god, so many browsers
in here. They are complicated. can we call the CSS algorithms? Hm? Algorithm?
Why not? So, let’s go on the premise of all the work I have been doing. What happens when
we call that an algorithm? How far can we take this? Let’s update algorithms 101 to
CSS algorithms 101. Domain specific, declarative. These are magic words for CSS. And in term
little of a word like algorithm or any kind of analogy to general programming, it’s by
definition going to be different in CSS, domain specific, declarative, you have to understand
the domain to use these. A definition, a CSS algorithm is a well defined declaration or
set of declarations that produces a specific styling output. Me. So, key points here. Well
defined and specific. An algorithm is not a block of however long a set of declarations
can get. But you’re solving a specific problem. And I also think an algorithm is when CSS
goes from being this mundane styling language like font size, color, whatever, to something
where you’re like, whoa! CSS! Like, what’s happening? This is so cool. And you kind of
appreciate the fact that you don’t need to write so much code because the language is
doing it. We can understand the language and understand how to communicate with the browser.
So, you know what this notion is. This well defined set of declarations. So, as I was
thinking, I was like, okay. I’m going to pick out some common algorithms that people would
recognize. And the first one I thought of was this. Clearfix. So, oh, god, sad face.
Like, that’s a hack. Clearfix is not a fun algorithm. Could be an algorithm. Okay. What
about this? [ Laughter ]
So, this is a very long class name and not actually the name of the class. But you get
the idea. And this is very amazing and elegant that you can do this. Let’s say you have an
element way out here. Positioned relatively. You can  no matter how far it’s nested in 
nested into that, that child you can kind of pop out of that whole DOM structure and
stick it to the top right, bottom right, whatever. That’s cool. Positioning. It’s cool. Spaced
content. Has anybody used this before? It’s kind of a selector pattern. Lobotomized owl.
Someone named Heydon Pickering came up with this. This is a way of spacing content with
another content without adding to the top and bottom. This one I like. It’s kind of
a fluid typography. So, we use a viewport unit to make the size of the text element
more fluid. And this is a linear interpolation. Math. Cool. So, yes, that’s grid. Oh, my god.
These two lines of code, we can make so many grids. Add a couple of spans in there and
this is the most robust grid framework you’ll ever need. It’s not a framework. It’s just
code. Oh, my god, so great. So, CSS algorithm, a well defined declaration or set of declarations.
Specific styling pattern. I haven’t updated it. A CSS algorithm is a utility pattern that
lets the browser algorithms do the work. And I think a CSS algorithm also follows some
programming best practices. So, a single responsibility principle. Let’s say we have a set of kitchen
tools. So, the wooden spoon is so good at being a spoon. The whisk is great at being
a whisk. Spatula is great at being a spatula, knife, knife, et cetera. What happens when
a tool tries to do too much? [ Laughter ]
Sad. This is a spork. A spork. I’m sorry, spork, but you’re just trying to do too much.
It’s not that useful. People aren’t that excited about sporks. Although there is a restaurant
in Pittsburgh named Spork. Why did you do that? Anyways. Small, well named functions.
This was a good programming practice. How small should your function be? Small. And
then smaller than that. So, these are the words of Robert C. Martin in a book called
Clean Code. He’s kind of one of the inventors of a lot of agile software development practices.
Okay. This is all well and good. What about in the real world? You’re probably not writing
the next Clearfix. So, I work as a design engineer at a company called Penske Media
Corporation, PMC. We’re a big publisher with 24, I think, different very large brands all
on WordPress sites which is exciting. This enterprise WordPress environment. Sometimes
I call myself a design Ops engineer. I love my job. So, give it some hearts. These words
also equate to UI engineer. Also, the design systems at PMC. Also, the first and only frontend
developer in team of many backend developers. However, not anymore. We hired another frontend
developer recently and I see that as a major sign of success. Yes, a company that went
so long without frontend developers now has two. This is cool. This is like, yes. PMC
cares about frontend. So, my work has revolved around the development of a design system
called Larva. Yes, it is called  our design system is called Larva. And it is an embryonic
design system. It’s a good name for it. It’s a little baby. It’s not this beautiful UI
library of components. But it’s tools and best practices to build modules and comments.
Embryonic. This is a laboratory to try out all these ideas, what is an algorithm? How
does this work? So, Larva was built inside of a project from a site called deadline.
And this is a WordPress theme. Kind of the base file structure here. And then drilling
into a source directory. This is an IT CSS architecture. Triangle CSS. I added at the
beginning of the project a directory for algorithms. I was like, will this be useful? Would this 
will we actually add anything to this? And yes, there were like 20 something algorithms
in here afterwards. So, kind of proved to be this useful naming convention and useful
way to think about styles. And since this project completed, the process has been like
moving all of this code into a shared repo. So, project structure that might be familiar
to some is the monorepo structures. This is like Laravel 1.0 and these are npm packages.
We have kind of the CSS npm package. Inside one of these algorithms, a glue, which is
a pretty weird name for a style. There’s a SaaS file, or a CSS file. And an HTML file
to give an example of what the markup is. And a glue is this algorithm. But we’ve kind
of turned it like design systemed it to be more reusable and a little more robust. So,
it has different namespacing and we use the term glue because it’s a nice mental model
for what it does. Glue a UI element within another UI element. And this was used like
15 times in the deadline project. Not only by me. Mostly not by me, in fact. So, there
was another contractor who was like a little more junior and they understand what this
did. Whoa, this is a cool way to communicate the CSS concepts that might be a little hard
to understand at first. Another algorithm, space children. Whoo  space children. So,
this is the lobotomized owl. And design systemed, this looks like this. So, I could have some
progressive enhancement inside this algorithm. It’s kind of pulling this functionality into
its own little node. Into its own little section. We can do really interesting things. So, column
gap is a new property in some browsers and we can add this feature query inside the algorithm.
In markup, this is what it look like. So, pretty heavy use of utility classes. And the
algorithms are kind of layered in among the other class names. Like an onion. But algorithms
can also be useful for stuff like this. So, if you’ve ever got an design and you’re like,
god damn it. This is a really pretty border. But this is a very annoying thing. Why do
I have to develop this? So, you can be like, I’m gonna pull this out and I’m just gonna
write this border. This border code. And if it shows up in one design, it’s probably going
to show up in another one. So, an algorithm can be a nice way of handling that. Okay.
How to write a CSS algorithm or realize you don’t need to. How to write algorithms? How
you write an algorithm in an algorithm interview? Has anybody done a whiteboarding interview
or an algorithms interview? A few? Yeah. No more comments.
[ Laughter ] Okay. So, the steps. These are kind of taken
straight out of cracking the coding interview. Plan your algorithm. Then you run a brute
force solution. A not optimized version that steps through piece by piece. Slow, but maybe
it works. And then you do a walkthrough in the interview to make sure the algorithm is
functioning and then optimize it. Layer different optimization techniques. What about writing
CSS algorithms? Well, you start by planning. Planning out the algorithm. Then you write
brute force solution that’s not quite optimized and walkthrough. Same thing. Except there’s
some pre work when you’re writing a CSS algorithm which is doing a turd check. So, you’d stop
before you write any CSS and say to yourself, should I actually be writing new CSS? Like,
what is going on? Have I solved this problem before somewhere in this codebase and why
can I not use that again? So, just a quick moment to be like, wait, is this really the
problem I should be solve something and then you plan. Pseudo code and boxes. Pseudo coding
CSS and defining your problem. What is this thing you’re having a hard time with that
you need to solve? On paper, I love drawing boxes on paper. I love to do other things
too. But sometimes this is really fun. Also because writing things on paper and like whiteboarding,
there’s research that shows we have better  human beings have better retention when you’re
doing things in physical space like that versus drawing boxes in Illustrator, et cetera. Also,
printing out the design and marking it up in that way could be really useful. Figure
out what  if you’re working with an existing system, what patterns are already provided.
What do you need to write new? And a brute force solution. Spaghetti, write gross code,
that’s fine. And remember the assumption, all code is crap at first. Don’t write it
in the actual stylesheet. Write it somewhere else. Instead of inside the main application,
you could have a separate file. This recent project I was having a file called scratch
pat.scss that was added to a test environment, not to an actual application. It was a safe
space to try out the CSS. This is what it ends up looking like. Working with boxes.
CodePen is like a product for this specific use case. For writing frontend code outside
of a regular environment. And this is a  the little border arc. Our story border arc
from before. So, do a walkthrough. We love resizing our browsers. Web developers are
like, yes. Not going to test it in a different browser, but I’m gonna resize it a lot in
this one. So, that’s a walkthrough. But test it in other browsers. And it’s a lot easier
to do that when it’s a small piece. So, it’s easier to do it now. Ask yourself, is every
declaration essential? Are there any dependencies? Does this algorithm need to be applied with
another class and why? And this you can have a Robert C. Martin in the back of your head
that’s like smaller, smaller codes. And then you can optimize and refactor and document.
This is when the magic happens. When our poopy code becomes a flower. Of course. This is
how programming works, right? And this is when you’re moving that crap code, the fact
that you need to move it into the actual codebase, that refactoring will happen naturally. So,
moving from this set of boxes to an actual layout will improve your code. Document. So,
inside our deadline program library we had documents, a paragraph about what it’s doing,
how to use it. And then boxes. Show what it’s doing. So, I feel like this  with this process 
turd driven development can kind of become more like test driven development. With CSS?
What? So, what if we had thought about it like, oh, our test, instead of being the entire
design, is a smaller piece of the design or a specific piece. We run the test with our
eyes still and write our crap code. But the refactoring, putting it in the code, can give
us that additional step of refactoring. Again, a beautiful flower. Refactor the missing piece.
Let’s be real. But less looking poop is greater than regular poop. But what if, so, this is
a little experiment that’s coming up here. What if  so, test driven development. I have
been writing tests for other parts of our design system in JavaScript and I’m like,
I love writing tests. There’s some magic, like straight up magic when you write good
tests. And I want to do this with CSS. How can we write unit tests for CSS? Domain specific
declarative tests? I had an idea and wrote enthusiastic blog posts about it. Testing
algorithms. So, warning, this is a big code slide and kind of a prototype of something
I’m trying out with a little bit of client side JavaScript. For one of the CSS unit tests,
what it could look like. So, this is essentially a couple of test methods that log to the console.
And the crux is you’re testing boxes against boxes. So, you’re figure out relative values
of certain positions and boxes and comparing them. And what this looks like in practice.
The unit test might be with the minimum amount of HTML. And we’re logging into the console.
But this could also be an integration test on an actual application. I ordered this to
the deadline staging environment and actually found a problem with this. So, this showed
me that there should not be space below the last item. But there was a different set of
styles that was adding that space, which is incorrect. That will cause problems later
because if someone adds another widget to the side bar, it’s gonna be too spaced out.
And that’s what cause this is like turd driven development. Especially with CSS, oh, you
override it instead of going back to change the actual issue. Ah! This could be cool.
So, my inner critic is like, overengineering much, Lara? Like, why are you  it’s just
CSS, jeez. My god. But then I’m like, no. That’s the kind of thinking that causes turd
driven development. Say no to that. It’s okay to think about CSS like this. And in fact
like the rest of software has come up with many an antidote to turds. So, general software
on this end is kind of like, whoa, look at all these things we do to control our code.
To create better environments and develop better programming practices. And then on
the other side we have frontend and UI that has a lot of these things as well. So, design
systems, atomic design, progressive enhancement. Many a CSS architecture and naming convention.
And maybe these things are not that different. So, there’s a lot of the same concepts that
bridge these  these two kind of areas that could seem separate. But testing. I think
we could do more of this. Okay. Conclusion. I’ll tell a small story time. Okay. How the
math hater became a programmer. This is me. 14 year old Lara in 2003. I hate math. Okay?
I was a staunch math hater throughout my childhood. I loved art class and horses and llamas. But
at the age of 14 I was starting to become a little bit anti llama and just kind of embarrassed
about that. But I loved art class and horses and Green Day. Which I didn’t put up there.
2009. A little bit larger Lara. I had some blond in my hair and glasses. I was in college.
20 years old? Art school and I had a weird idea for a video game and learned how to code.
I had a lot of freedom in school and very supportive parents. And then fast forward
to 2015. I had been working as a freelance developer for a while and I wrote this article
for CSS Tricks. Tales of a non unicorn: A story about the trouble with job titles and
descriptions. This was about a role, the UI engineer/interaction designer. And I was like,
yes, this is totally my thing. CSS, maybe some design, some like UI oriented JavaScript.
And in the interview they asked me FizzBuzz. And FizzBuzz, for anybody unfamiliar, is sort
of this beginner’s algorithms question. And in the interview I was like, what? Why would
anybody do this? I had been so far removed from what this algorithm in computer as someone
self taught from an art background. And after I wrote this article, which became a little
bit viral, there was a post on Reddit. Designer applies for JS job, fails at FizzBuzz, then
proceeds to write 5 page rant about job descriptions. I was like, whoa. This was on the front page.
There were all these horrible comments coming into the article. Like, awful stuff. And sob,
after this experience from like 2015 to 2017, I was like, oh, hell no. Like, I am not a
programmer. Computer science is not what I do. I do HTML and CSS. Computer science, not
for me. Programming, not what I do. Who are these people? No thanks. I had like these
two years of rebellion against that kind of identity. And late 2017 I ended up getting
an interview for a job I was super excited about that was going to be an algorithms interview.
No question about it. Okay. I have to learn this. Swallow my pride, FizzBuzz, let’s do
it. I wrote all these blog posts and put myself through computer science boot camp. And I
was like, wait a second, this is for me. This is cool. I love this stuff. And it’s not so
different than the concepts in HTML and CSS. And in 2018 I proposed this original talk
of algorithms of CSS for CSS ConfEU to bridge the gap between CSS and computer science.
And throughout that talk, CSS  something I knew well before  kind of went from like
CSS to like, wow. I understand what CSS is doing. Like, this is freaking amazing. I love
CSS. And I realized that this is kind of the wrong metaphor. It’s not like this. It’s like
this. So, computer science is like the big like, you know, mom giving everyone a hug.
All these nice things in here. So, CSS, they’re all together. So, to put a button on this.
Here is FizzBuzz in CSS. [ Applause ]
Okay. Okay. 2019. Is blank a blank? Is CSS a programming language? This is like a fucked
up question structure. Because you can sub out the terms and have like is depression
a treatable illness? Is non binary a gender? When you ask a question like this, it’s opening
up the option for people to say no, when as soon as you start excluding something from
something else, that’s a sign of much darker stuff. So, this is a smelly question. This
is a culture smell. The answer is, of course. So, I’m like, what is going on? Why is this
happen something why are there designers designing systems at companies, but they can’t have
anybody from the engineering team implement them because HTML and CSS are not considered
part of engineering? Or why are there developers coming from full stack bootcamps or presenting
themselves as full stack developers who don’t understand fundamental characteristics of
CSS? Is CSS not part of the stack anymore? What’s going on? I was describing this to
someone at my coworking space, kind of an old school computer science guide. His name
is Dick. And why are there so many people that don’t think CSS is a programming language?
What’s going on? He said, well, Lara, when it comes to computer science, and in computer
science, there’s an 800 pound gorilla in the room and it’s called a testosterone. And I
was like, okay. Wow. Okay. So, maybe this is the truth. Is this what  like, okay. But
I don’t think the answer is to not talk about it. So, when I see responses to this question,
it’s like, stop asking this question. Don’t talk about it. Questions like that can be
good because it brings out what we need to address. So, what if instead of, you know,
people who know other types of programming not learning HTML and CSS because they’re
not programming. I know programming. I don’t want to learn that, it’s not my thing. And
web applications suffering because of that. That’s on one side. And we have people like
me and I’m sure some people in this room who were focused in HTML and CSS and told you’re
not a real programmer. And therefore you develop this kind of oppositional identity, I’m not
learning that. That was me. What if we do this, CSS and HTML are this little golden
springboard. You have little people like me, little baby Lara, or people with non traditional
backgrounds who don’t necessarily have the ability to go into computer science programs,
et cetera. HTML and CSS can be this kind of springboard into technology. And not just
people that look like me. Of course, like anybody can do this. And it’s also kind of
a metaphor for creativity. Because I’m not that good at drawing people. I put a monster
in it. It has to represent something. Creativity. Let’s have more creativity and honor technology
teams. HTML and CSS, this golden springboard. My question is, why aren’t we valuing these
skills more and embracing this technology? Instead of this is not for you, saying, yes,
you are a programmer. Come, learn more. Thank you.
[ Applause ] KATIE: Wow. Okay. Yes, yes. Yes, yes. Yes.
You’re awesome. Yes. I am so excited that we are going to lunch right now because I
would feel really bad for anyone who had to follow that up. Thank you, Lara. That was
amazing. Yeah. Thank you. [ Applause ]
All right. So, it is lunchtime. Before you go, I have two things that I need to do. The
first thing is that I need to tell you back in this room at 12:30 because folks have been
so interested in learning more about how the closed captioning works, that Mux has sponsored
a special presentation where the folks from White Coat are going to show us how their
closed captioning works and how they transcribe things so quickly. And the second thing that
I need to do, because my 8 year old daughter and my 6 year old son are in the back of the
room is I need to tell you all a joke that my daughter told me.
All right. So, why is a seagull called a seagull? Cause if it flew over a bay, it would be called
a beagle. [ Applause ]
All right. So, everyone go and enjoy your lunch and we’ll see you back here or in the
scythe HPE room when lunch is done. test this is test.  

3 Comments

Add a Comment

Your email address will not be published. Required fields are marked *