Two weeks in Seattle

tl;dr Seattle is a pretty cool city.

A few of us designers at Automattic (and a Happiness Engineer) went to An Event Apart Seattle. I ended up staying two weeks total and had an amazing time. Here are some photo highlights.

P.S. We’re hiring.

th_s (THUNDERSCORES!)

Wilfred yelling, "THUNDER!"

This tweet from @zamoose really got me thinking about putting together a very sassy version of _s:

Check out th_s

Notable changes:

  • Grunt awesomeness (Autoprefixer FTW)
  • Stylesheet broken up into sections as laid out in the index
  • Normalize instead of reset (easy to include both as a choice to the devs)

Comboing editor and post styles

I’m still chewing on how I want to combo the editor and post styles without getting too crazy.

Thoughts:

  • using the heck out of placeholder classes like, %h1, and @extends simply nesting the editor
  • styles by importing and nesting it in a post class (kinda janky): .post {@import 'editor-style.scss'}
  •  fancy sass script maps (probably too crazy)

Any suggestions on ways to make this sucker extra slick?

WordCamp St. Louis shirt and my speaker badge

WordCamp St. Louis 2014

Here I am,  at the St. Louis airport several hours before my flight, hoping that the storm Titan doesn’t futz too much with my flight and reflecting on WordCamp St. Louis. First of all, I had a blast and was humbled to be there surrounded by some very smart people. It’s always neat to meet the people behind the twitter handles and IRC nicks of those I work with online. This trip started out bizarre and will end bizarre. This is the chronicle of my experience in St. Louis.

tl;dr WordCamp St. Louis was an amazing experience. I feel honored to speak and I learned a ton.

Continue reading

YOURLS

YOURLS logo

I set up my own URL shortener last night powered by YOURLS. I know I could use bit.ly or any range of other services, but I like the ability to have my own self-hosted shortener with as much customization as I please. I can nab neat analytics and integrate it with my blogs fairly easily.

Setup wasn’t too tricky and if I hadn’t run into errors, it wouldn’t have taken more than ten minutes.

  1. Purchase and map the domain.
  2. Create a SQL database.
  3. Download YOURLS.
  4. Edit the config.php file with database details, username, password, and domain.
  5. Run the install.*
  6. Log in and enjoy.

*On installation I ran into an error creating tables every single time. I spent far too much time troubleshooting/reinstalling. Eventually, I tried logging in after the install error. For some reason everything is working swimmingly despite the errors.

m5l.co is now my personalized awesome short url domain.

I’m happy to answer any questions you have on any part of the setup.

What I wish I’d known when I started web design

My teacher, David Bieloh, asked me to put together some advice and it I ended up writing this behemoth. Below is a bit of useful information I’ve picked up along the way. You’ve probably heard some or much of it before.

But before you start reading through my rambling, stop reading this right now. Go purchase and read Design is a Job. Don’t come back until you finish.

Continue reading

Let’s build a vendor prefix quick reference

I have my own SCSS file to handle vendor prefixes. It’s painful to keep updated and requires some serious hunting to get all the nitty-gritty details for each property. I have to dig through caniuse, css3please, MDN, webplatform.org, and a few others. Yes, I could use Autoprefixer, -prefix-freeCompass, or any number of other solutions. I would rather not because I like knowing all the nitty-gritty little things going on with my code and which browsers I’m supporting.

Continue reading