My first dive into HTML and CSS

There’s a podcast I like, and that you will probably see me reference quite a bit, called User Defenders. As the name suggests, the focus is on the UX profession. On one episode a while back, the guest was a designer named Femke, who talked abut why we shouldn’t be afraid to show our crappy work.

Her point was that doing crappy work is how you learn, and that by looking back at that crappy work, you can see how far you’ve come. (Her article on the topic is here: We need more shitty work.)

Well, all I’m really skilled enough to do at this point is work that would probably be considered crappy, so I’m going to show you that. Here, ladies, gentlemen, and non-binary folk, are a few screenshots of the very first web page I made from scratch:


Screen Shot 2018-04-15 at 5.30.24 PM
It has a header image! With rounded corners — very fancy.
Screen Shot 2018-04-15 at 5.33.33 PM
There’s also an HTML table in there, and some borders.
Screen Shot 2018-04-15 at 5.34.47 PM
And links! Plus, a copyright symbol.

I created this page as a homework assignment for the Girl Develop It workshop I mentioned in an earlier post. (Fun fact: I love reading about northern Canada and the Arctic, so I created a page about the capital city of the Canadian territory of Nunavut.) And even this took more work than you’d expect. As you might have noticed, there’s no link to the Iqaluit site because it’s not online. It lives in a file on my computer.

The most important part is, I learned from it. Before I did this project, I knew a few HTML tags, but that was about it. I had no idea how the structure of a page came together, or how CSS factored in at all.

Anyway, the thing about showing your crappy work, or works in progress, really spoke to me. Nobody’s ever going to pay me for work like the above. But it’s a step on the way to work that somebody will someday pay me for.

One thought on “My first dive into HTML and CSS

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s