The CSS Song

guitar
Standard

One of my greatest delights as a Happiness Engineer helping users with their WordPress themes is witnessing “lightbulb moments” – seeing people start to understand technical concepts that had been fuzzy before, as their site starts to take shape.

Recently, one of the folks I helped with some custom CSS in the WordPress.org support forums was particularly grateful. I’d lent a hand getting his custom-song business website looking just the way he wanted, and taught him a bit about responsive design in the process – that’s the art of crafting a site that adapts to any device, from desktops and laptops down through tablet and phone sizes.

Once the site was looking close to what he had in mind, James casually offered to write me an original song on any topic, as a thank you for the help he’d gotten. I couldn’t resist taking him up on his kind – but completely unexpected – offer, and asked if he could write a song about CSS, since it seemed apt.

A week or two later, an audio file and lyric sheet arrived in my inbox. And I’ve been enchanted ever since. Thank you, James!

The CSS Song
by Custom Song Workshop

CSS
it’s so mysterious
I wasn’t the best best
in fact, way down on that list
In truth a total novice
hit the forum to enlist
my coding therapist
pray we’ll take care of this

CSS
if I really must confess
my mobile columns were a mess
media queries, I didn’t know yet
Concepts like margin and float
like distant islands, too remote
as I flailed and drowned
until Kathryn calmed me down

‘Cause I spent all my life thinking that I’ll never need it
But with Kathryn’s help even I still clumsily succeeded

CSS
design a site for my business
it simply couldn’t look a mess
the visuals had to impress
on a variety of screens
from big to small and in between
I sat alone, cowed and upset
‘Cause I didn’t know how…yet

See, I lived all my life having never even coded
When forced to web design my declining confidence eroded

‘Cause I wanted a beautiful site
but I didn’t want to pay with two limbs
Well it all turned out alright
and I owe it all to Kathryn

I copied so much code to the CSS additional section
Who would ever think I’d become somewhat independent?

CSS
Should I revisit this mess
won’t feel such pain and distress
for truly Kathryn is the best
Automattic Engineer of Happiness
and to that title I can attest
for I didn’t burst nor implode
send my Mac crashing three floors below

Spring Butterflies

Gallery

I took a trip to Montreal’s Botanical Gardens to be surrounded by butterflies. After a long, dreary winter, it was exactly what I needed.

A Thing

Standard

I bought a Lebanese food thing today. I had no idea what it was, really, but it looked golden and tasty, so I pointed to the large platter being kept warm in a heater on the bakery counter and asked for a piece of that, “s’il vous plaît.”

The server didn’t seem entirely convinced I knew what I was ordering (he was right, of course) so he warned me, “It’s sort of like a crème brulée.” Say no more, I thought.

He proceeded to ask me a series of questions, which I didn’t quite comprehend at first. Not because he was speaking in French, but because this was a whole new world of food, and I lacked context. I eventually figured out that he wanted to know if I’d like a small, medium, or large amount of hot syrup on the thing.

Next, did I want the thing in a something-something, or on its own? I really didn’t understand this one, so I just nodded. Let’s go for the whole shebang, I figured.

To go, or to eat here? This one I understood. “To go.”

I paid for my thing – along with the plate of delicate pastries I’d gotten for later; this place has the best Lebanese-style baklava in Montreal, despite its unlikely location in a past-its-prime suburban strip mall – and headed to my car. I lowered the paper wrapper and bit into the soft, gooey thing, encased in a crunchy, sesame seed-studded dough pocket with a tiny built-in handle/finger hole. The verdict? This thing was delicious.

The Great Canadian Flash Talk, Eh?

Video

At the 2016 Automattic Grand Meetup (GM) in Whistler, British Columbia, I did a joint flash talk for the first time, with my awesome colleague Laurel Fulford. Since we were hosting 500+ colleagues in our own country, we used the opportunity to share eight minutes of Canadiana with our co-workers. And now we’re sharing it with you!

Transcript

We’re really excited to be hosting everyone here for the GM this year and we wanted to take the opportunity to tell you a little bit about Canada. I’m Laurel and this is Kathryn, and we’re both members of the Theme Team. [Audience cheers.] Woo! And we’re both Canadians, or Canucks. I’m from just west of here on Vancouver Island, and Kathryn’s from 5000 kilometres east in Montréal, Québec.

To start, there are some stereotypes about Canada that you probably are familiar with – and some of them are even a little bit true. But it’s a big country, and even the ones that are true are not true everywhere. With that in mind, let’s go.

Metric Mixup, or How to measure up to Canadians!

Let’s talk a little bit about the Metric system. In 1970, Prime Minister Trudeau began a process called “Metrication,” which attempted to convert Canada over to the metric system.

But by 1985, we’d only gone about half-way, so the government kind of gave up.

As a result, we use a total mix of metric and imperial measurements, in a very Canadian sort of compromise.

We can tell you the temperature in Celsius – but don’t ask us how tall we are in metres, or how many kilos we weigh, cause we can only tell you that in feet and pounds.

Gas and milk are sold by the litre – but we still talk about mileage.

Canada in Writing, or Use your “U”s, love your “L”s

Similar to the whole metric/imperial thing, we also mix up our spelling. Like the UK, we love our U’s! So we use them as much as humanly possible. We also share some other spellings with the UK. But to make it confusing, we follow the US, as well. And as you can tell, our accents are closer to our American neighbours than not.

Canadian Food, or Friendly refreshments to eat or drink

Looking at food, Canada has some unique food items, with some pretty passionate advocates.

One you might have heard of is poutine – a concoction of fries, cheese curds, and gravy. Delicious or disgusting? You be the judge! [Delicious!]

We’re not the only country with Kraft Dinner (or KD) but the we do tend to use the term interchangeably with any macaroni-and-cheese product.

And what about satisfying our sweet tooth. We’ve got butter tarts, which are little sweet, gooey pies. We also have Nanaimo bars, which are chocolate, custard, and coconut – named after a town on Vancouver Island.

How about some uniquely Canadian booze terminology? Here we have a Caesar, which is kind of like a Bloody Mary… but with clam juice! We also have the term Mickey – which doesn’t refer to this guy – but it’s what we call 375ml of alcohol.

Now let’s say you pick up a case of 24 cans of beer – that’s called a two-four. And let’s say you happen to pick up that beer on the national Victoria Day holiday weekend in May – that makes it a May Two-Four.

Getting away from the booze, in parts of Canada – not here – you can buy your milk in a bag. And if you’re looking for whole milk, we don’t actually call it that. It tends to be called homogenized milk.

Canada is a little bit obsessed with Tim Hortons – you might have stopped off there on the way from the airport. It’s our national doughnut chain named after who else, but a hockey player.

We’ve got Timbits, which are little doughnut holes, similar to munchkins from Dunkin Donuts. A coffee with two creams and two sugars at Tim Hortons is a double-double. And don’t forget to “roll up the rim to win”! Also, this is real, you can get a Tim Horton’s Double Double credit card.

Canadian Money, or Canuck Bucks

Let’s look a little bit at Canadian money. It also has some unique characteristics.

We used to have one-dollar and two-dollar bills, but we got rid of them and replaced them with coins. So now we’ve got loonies – because look at the loon on the front! And then a couple of years later, we came out with the toonie… because it rhymes with loonie. We also got rid of our pennies fairly recently. So don’t be surprised if your change gets rounded up or down if you’re paying for something with cash.

We still haven’t gotten rid of the five-dollar bill, but take a look in your wallet, you might find a “Spocked” five if you’re lucky.

If you happen see one of these things, this is called Canadian Tire Money, which was an early loyalty program from our beloved national hardware, auto parts, and sporting goods chain. You used to get “cash back” in the form of this little funny money, but they got rid of that too, and now they use a refillable card like everyone else.

Canadian Words, or Creative Canadianisms

There are some words Canadians use that tend to make other English-speakers raise an eyebrow.

The first one, we’re kind of infamous for – it’s the toque, instead of a wool hat.

We don’t get into the queue or line, we join a lineup. Look at this long lineup! (Even if we’re not being accused of committing a crime.)

Instead of parking in a parking garage, we use a parkade.

Look at this kid, what a keener! He’s doing his homework during recess. Keener. Not even sure that word even has an equivalent.

I’m not sure you’ve noticed here, instead of restroom or toilet, we tend to label it as a washroom.

And the pièce de résistance. This is not a garbage disposal, at least that’s not what we call it. We call it a garburator. I’m not making this up! This is what we call it, not a joke!

Canadian Music, or Rocking out to “Oh Canada”

Canadian artists have produced a lot of great music over the years, you might be familiar with some of it, from Neil Young to Joni Mitchell to Arcade Fire.

But if you listen to the radio, you may notice a lot of Canadian music. That’s because of a regulation called Cancon, which tries to protect and promote Canadian culture. Commercial radio stations must play at least 35% Canadian content every weekday from 6am to 6pm. Because of this, every Canadian here can probably sing you any top-40 song by a Canadian artist from the past 30 years. [That’s Bryan Adams, by the way.]

Canadian Sports, or Competitive apologizing

Most people associate two sports with Canada: hockey and curling.

But actually, our national sport until quite recently was lacrosse, which is an aboriginal sport that’s been around – at least documented – for almost 1000 years.

In 1994, hockey was added as our national sport of winter, but our national sport of summer is still lacrosse.

Sorry about that, Eh?, or The True North, Strong and Apologetic

Some of the most well known Canadian stereotypes, true or otherwise, can be summed up in three words. The first one…

Canadians apologize a lot. We’re really sorry about that. We can’t help it, it’s compulsive, as soon as we have the opportunity, even if we’re not at fault, we bust out the “S” word.

“Eh” is a handy little multipurpose syllable and we use in many different ways. So let’s look at some of them.

Statement of opinion – La Banquise has the best poutine in Montreal, eh?

Statements of fact – P2 or it didn’t happen, eh?

Questions – Not an awesome idea to deploy on Friday at 5pm, eh?

Exclamation – Best meetup ever, eh!

In fixed expressions – I know, eh?

Telling a story [the narrative eh] – So I deployed this big commit, eh? And it brought down all of WordPress.com, eh? And we had to this really big revert, eh?

So, now we come to about.

No, we don’t really say “a boot”

But there are areas of Canada that pronounce “out” a little differently than your ear might be used to, and it even varies across the country.

So we conducted a highly scientific study, looking at a cross-section of our fellow Canadians to see how they say “About.” Based on the results we are confident in our conclusion that “Peak About” is located in none other than Winnipeg, Manitoba, where the vowel sound is most pronounced.


We hope this gave you a good intro to some of the things that make Canada unique. And if you have any questions, you can ask any of these Canuckamatticians and they’ll be happy to answer for you.

KP’s Tortilla Soup

Standard

I’m going to come clean right away. By the time I had the idea to post this recipe, I was sitting at my kitchen table, nearly done eating all the leftovers, and I was too lazy to go get the camera didn’t think the dregs left in the bowl by that point would make for an appealing photo.

This recipe is quite flexible, so feel free to adjust the spices to your taste. Don’t like heat? Use mild chili powder. Like a thinner soup? Omit the tortilla pieces. Think cilantro tastes like soap? (I used to!) Don’t use any, or substitute with parsley for some colour. You can even make a vegetarian version by leaving out the chicken and using vegetable stock.

This recipe makes about 4 large meal-sized servings or 6 smaller portions. Try it before some enchiladas or tacos for a full, homemade Mexican meal.

KP's Tortilla Soup

Ingredients

2 tsp. olive oil
1 small onion, chopped (about 1/2 cup)
3 cloves garlic, minced
Spice mixture (see below)
6 cups chicken stock
1 14-oz/398 mL can Italian tomatoes (I like Pastene)
3 bay leaves
4 corn tortillas, cut into small pieces
1 tsp. salt
1/4 cup chopped cilantro
1/2 lime, juiced
1/2-1 cup shredded chicken breast

Spice Mixture

2 tbsp. ground cumin
2 tsp. hot chili powder (if your chili powder isn’t hot, add 1/4 tsp. cayenne pepper)
1 tsp. garlic powder
1 tsp. paprika
1 tsp. ground coriander (or freshly crushed whole coriander)
1/4 tsp. freshly ground pepper

Optional Toppings

Crushed tortilla chips
Fresh chopped cilantro
Avocado slices or small chunks
Sour cream or Mexican crema
Grated cheese

Directions

  • Heat olive oil on medium-high heat in a large pot on the stove until it shimmers but before it smokes.
  • Add the onion and lower heat to medium. Cook until onion softens slightly, about 5 minutes.
  • Add minced garlic and spice mixture and cook for another few minutes.
  • Add stock, tomatoes, bay leaves, tortilla pieces, and salt.
  • Simmer for about 20 minutes, crushing the tomatoes against the sides of the pot occasionally to help them break down.
  • Add chopped cilantro and simmer another 15 minutes with the cover on.
  • Taste and adjust seasonings – you may want to add more salt at this point.
  • Add juice of 1/2 lime and shredded chicken.
  • Serve with as many optional toppings as you like – or none. It’s flavourful and satisfying on its own.


Community Interview

Video

A friendly fellow named John Parkinson got in touch a few weeks back about doing an interview for his community series on WordPress.tv. Of course, I said yes! We chatted about everything from how I got hooked on WordPress forum support, to my experiences mentoring with Ladies Learning Code, to how Montreal Girl Geeks ditched the “dinner” part of the “Girl Geek Dinners” equation.

Check out our 13-minute conversation on the WordPress.tv blog or watch below. And meet more members of the WordPress community around the world in John’s other interviews.

From Shadows to Limelight: How Women Found Their Voice At WordCamp Montreal

Video

At WordCamp US a few weeks ago, I had the opportunity to share the story of what the Montreal WordPress community has done to get to more women speaking at our WordCamp. Thanks to some speedy work by the video team, the talk is already online, along with many other talks you might want to check out – and more still to come.

I’d like to extend a special thanks to photographers Elida Arrizza, Jeremy Clarke, Kirk Wight, and Eva Blue, who’ve documented our WordCamps so well over the years. Your images were a treasure trove and helped to bring the talk alive.

The slides for this talk can also be viewed separately.

Transcript

Welcome! I’m Kathryn Presner, and I’m from Montreal, in the province of Quebec, Canada. That’s about 450 miles directly north of here [Philadelphia].

It begins

The first WordCamp Montreal was held back in 2009. It was a two-day, two-track event – pretty ambitious for a first-time event. Talks were mostly in English, a couple in French.

Two women gave solo talks and two women co-presented with men.

And if you’ll notice here on the schedule, two of the women’s talks were scheduled at the same time.

It was a really good inaugural WordCamp in many ways, but something that bugged a lot of people was the real gender imbalance, and even the fact that you couldn’t even see all four women speak, because of the way things were scheduled.

As a community, we went on a journey to change things.

Our transformation was slow and steady, and happened over the course of years. It wasn’t easy, and it took persistence and hard work by a lot of people. So I want to clarify that when I say “we” and “our,” I’m referring to the whole community in Montreal, both official organizers and supporters. And when I say “women” I’m referring to anyone who identifies as a woman or non-binary.

Earlier this year, Rachel McCollin said:

If a WordCamp has a healthy proportion of women speaking at it, then that will tell the women attending that this is a community they can feel part of, and that they too can aspire to speak at WordCamps and WordPress meetups and pass on their knowledge.

My hope is that you’ll find some things from our journey in Montreal that you can bring back and try in your own WordCamp community.

2010: The Shannon factor

In our second year, Shannon Smith stepped in as the first woman co-organizer, alongside founding organizer Jeremy Clarke and new organizer Brendan Sera-Shreir.

And here they are after a very successful WordCamp weekend. Do you notice anything?

Shannon had two of her four kids during her seven-year tenure as a WordCamp organizer.

That second year we again had just four women speakers — this time, two of them were Shannon and me. We’d attended and met at last year’s WordCamp and decided that WordCamp needed a good overview talk for beginners, so we created one. This time we also didn’t put any of the women speakers up against each other in any of the same time slots.

As a bilingual city, we also wanted to see more talks in French. This year there were a couple more talks in French, and even one in Franglais, a pretty uniquely Montreal combination of English and French.

Looking back, 2010 was also a very blue year, do you notice? I don’t know how that happened…

2011: Where are the women?

2011 was our third year, we’re moving along now, and we had some more solo talks by women and a couple more joint talks as well. Our percentage of women speakers went up to 28%.

That year we tried something different. Shannon had an idea to have an informal discussion to brainstorm why there were so few women making their voice heard in the WordPress world at the time.

We called it: Where are the women? or Où sont les femmes  — we did it bilingual-style.

The room was pretty packed and there were tons of ideas flying. People of all ages shared personal stories. We brainstormed what the problems were and possible solutions. Men asked how they could help. It was pretty inspiring.

I used a wacky mind-mapping tool to try to capture the gist of the discussion, and looking back, it’s kind of hard to look at, I’m not quite sure how well it worked out. But looking back, it did bring back some of the salient points and reminded me what we talked about.

One of the things that really struck me was looking at this little cluster about how to get more women speakers. Things that came up a lot were feeling like an imposter, as being the reason why women didn’t want to present, feeling like a fraud, being worried about expressing strong opinions.

2012: Front and centre

We tried a few new things. We wanted to make a conscious effort to put women’s images right on the website as speakers, to make us like we belong, and that we’re welcome, and have a place there as speakers.

This is Roseanne Harvey in the header of the website itself — she’d given a talk the year before.

We even used the same image on our little badges that we gave to speakers, attendees, and volunteers.

Our proportion of women speakers jumped by 10% that year to 38%.

Here’s something Aaron Jorbin said:

It also is about inspiring. When you look at a career path and see only people that look different than you, it becomes a lot easier to drop out and say it’s not for you. [W]hen you look at the breakdown of speakers and don’t see anyone like yourself, you question if you even want to buy a ticket to attend.

2013: Nudging

In 2013, another woman joined the organizing team – this is Alex.

And something else happened — we went from two tracks to three, so now we had even more speakers to find!

Shannon started doing something. We have a very active Facebook group in our community, and she started putting little reminders, saying how many people had submitted so far, how many women, and do you know anyone who might be able to submit a talk. And this started to show the community that this is something we care about. Maybe it prompted someone to consider submitting, who might not have considered it.

I also made a habit to get up and pitch our local community at other events for women in tech that I would go to. We have a pretty active community for women in tech in Montreal, and I would always get up if there was an opportunity for announcements, and invite people to submit a talk to our local meetup group, or if the time of year was right, to submit a talk to WordCamp itself.

I’d also keep an eye out whenever I went to WordCamps in nearby communities — for example, in Ottawa or Toronto. If I’d see a really great woman speak, I’d invite her to submit a talk to Montreal.

We did something else in 2013 — we ran a troubleshooting workshop for women. And Shannon led another Women and WordPress discussion session.

2014: Flatter-nagging

We have about one community meetup a month, and we started doing some more participatory-style meetups. Things like a plugin slam, where anybody could get up and talk about their favourite plugin. Or we’d share tips on things you wish you’d known when you first started using WordPress. Or we had a panel on the business of WordPress. This would let people get a little taste of what it’s like to get up and share something in front of a group, without having to commit to a whole talk.

Something else really key for me also happened in 2014, and these are some pictures from it. The Vancouver WordPress community was facing a situation where almost no women were submitting talks to their WordCamp. And they decided to so something about it, something extremely concrete. They ran a public-speaking workshop for women. It was a half a day, and they did things like look at how to brainstorm and narrow down talk ideas, how to write pitches, how to structure a talk — things that beginners can find very challenging.

I was extremely inspired reading about this. I thought it was an amazing idea, and I thought it was something I’d like to try. I asked two of my colleagues, Tammie Lister & Cat Rymer at Automattic, if they’d be interested in developing a workshop similar to this for our colleagues within Automattic. And they said yes. And we ran bunch of those within the company through videoconferencing, since we’re distributed. And then Tammie & I took this on the road, and continued to give the workshop in other WordPress communities, local workshops, and AdaCamp, and Montreal Girl Geeks.

Along with the things they’d covered in Vancouver, we looked at things like how to handle stage fright, how to avoid common beginner speaker mistakes, and how to handle post-talk questions and answers, something that beginners can get very nervous about.

We also created a companion site called Get Speaking, full of resources for beginners.

We continued — mostly Shannon continued — tweeting and Facebooking our submission stats, so, how many talks in French, how many in English, how many talks by women. And this started to get the community talking. Here you see in French, Elise Desaulniers, saying that her and Kaylynne were going to help each other with their pitches, and if anyone else needed help, to get in touch. As a side note, Elise is speaking here at WCUS this year.

This started to nurture a really supportive environment in our community, rather than a competitive, individualistic one.

I continued to do something a little bit more strategically that I had started to do, and that was to make a list of all the women I thought would be great speakers for our Montreal WordCamp, and invite them individually to submit, and ask if I could do anything — if I could look over their pitch, or anything at all. And a friend who I’d been doing this with for a couple of years gave it a name. She said, “Kathryn, you’re so great at flatter-nagging!” I said, “Flatter-nagging, that is amazing!” She said, “Yeah, you’re asking me to do something, but you’re also complimenting me at the same time, so I want to do it!” So I wrote up a blog post about this technique to share it with others, because it was very effective.

2015: Turning point

A 2015, a third woman joined the organizing team — this is Veronica.

We also put up a diversity statement on our WordCamp website to show the community that diversity in all forms is very important to us. This is alongside our existing Code of Conduct.

We continued with the Facebook nudges.

We started to get some really good results. Belinda Darcey, who’d done my beginner workshop the previous year, gave her first solo talk and did an amazing job.

We reached a milestone this year, 2015: 51% women speakers.

This is something Shannon said, from the perspective of an organizer:

[T]ransparency helps let people know that you have [diversity] on your own radar. Publishing your participation stats is really useful. We let people know how many women speakers we have, how many apply, how many attend, and we talk about how we want more. It does help. And we talk about wanting to be diverse in other ways too, and that also encourages people to participate.

2016: Passing it on

We lost our organizer Veronica to the charms of Berlin (we miss her!) but invited Andrea Zoellner to replace her on the organizing team.

And if you remember this person from the top left, this is Elida Arrizza. And she had been a photographer at WordCamp, and a speaker. And last year, she ran a great beginner workshop the week before WordCamp, because we do a series of workshops. And we asked her if she’d like to do it again this year. And she declined — but said, “I’m going to get a new speaker to do the workshop. And indeed she did. She got Alice Phieu to do the beginner workshop, who did an amazing job.

And Elida really took this flatter-nagging to the next level. She started really mentoring new speakers. This is Lara Binamé — Elida helped her with her pitch, helped structure the talk, rehearsed with her, and Jes Nudo as well. And they both gave their first solo talks this year.

And if you remember Belinda, who’d given her first talk the previous year? This year she took it to the next level as well, by organizing a panel on the business of WordPress, and invited three other entrepreneurs to be with her. So you could say went from being flatter-nagged herself to flatter-nagging her own panel.

I continued my flatter-nagging — even people who’d turned me down before, I would come back and ask them if maybe the schedule would work out this year. And we got Linn Øyen Farley and Dara Skolnick from Toronto. And Michal Bluma in our local Montreal community got Shelly Peacock, who is here in the audience, and Jamie Schmid to come up from the US.

And remember those speaker workshops? Speaker training is now part of the official WordPress.org training materals, so it’s available to anyone. Some of our workshop material is incorporated in there, along with material developed by the team in Vancouver. So anyone can now give a beginner public-speaking workshop in your own community.

Where are we now?

This is a pretty cool graph showing how we got from 20% women speakers in 2009 to 50%. And it also correlates it with the percentage of women organizers, and the number of women’s T-shirts ordered.

This was Shannon’s last year as organizer, she retired after serving the community for so many years.

We realize we still have more work to do. We need to develop diversity in other areas besides gender. We need to keep working on this.

I hope you’ve gotten some ideas of things you might try in your communities, and also maybe you’ve thought of things you have been doing in your communities that have been successful, that you’d like to pass on. I’d love to hear about them.