Life's been pretty good lately! I've just signed a land contract with my previous landlord to buy the house I'm living in, in Milwaukee. I quite like Milwaukee and the house, so I'm excited about that. Feels a bit grown-uppy.
Last month I took a trip to Scotland with some friends which was great, in part because it's the only non-tech trip I've taken in some time.
I'm significantly healthier than I was 3-4 months ago. I'm down about 40lbs. I have quite a ways to go to be truly healthy, but I'm doing all the right stuff including a lot of walking, biking, weight training, and eating better and drinking less. I've already booked another stay at the health resort thing that helped me kick it off, so I can really keep it going.
I spoke at my first An Event Apart event in Austin earlier this month. That was cool. I'm doing another in San Francisco in December, but if you don't already have a ticket I'm afraid it's sold out.
This Sunday I leave for CSS Dev Conf which is exciting and obviously right up my alley for a conference focus. I'm polishing my slides right now.
I got to be a guest on some podcasts since I've last done one of these Chronicles. Pixel Recess and Dorm Room Tycoon. The Dorm Room Tycoon one wasn't published, so not sure if that just didn't work out or what, but it's a good show worth checking out.
Speaking of podcasts, ShopTalk took a few weeks off while Dave and his wife tended to their brand new baby Otis. We're now back with what we're calling Season 3 in which we'll have shows every week through at least the holidays.
We recently got the team together in Bend, Oregon (where Tim lives) for some co-working which was fun and productive. We're doing another little mini-sprint together in December in Palo Alto (where Alex lives).
On both I get the chance to talk about some projects I've worked on both past and present as well as hot topics of the day!
Speaking of podcasts, ShopTalk is going great. We've had some fun episodes lately like with Raquel Velez and Val Head. Also a RAPIDFIRE episode, which there will be more of in the coming months since we air those when Dave or I has to be gone a particular week.
Speaking of ShopTalk, Dave and I did a live ShopTalk show at Front End Design Conference. We typically record "live", but this was our first time in front of a live audience. It was super fun and hopefully we get to do it again sometime. We're hoping there is a good audio recording of it so we can post it as a real show, so it'll come across iTunes n' stuff.
It was the fifth year of the Front End Design Conference and it was just fantastic as always. If you're looking for one to attend, make sure to mark this one down as soon as they announce it next year.
I was stoked to see CodePen used by a number of presenters to show off demos during the conference.
We have tons more features and refinements large and small underway so keep coming back for more. We work on it all day every day. In fact the whole CodePen team is at my house for a few weeks for a super code jam.
You may have noticed a decent amount of guest posts happening here on CSS-Tricks lately. It wasn't planned really, they just kind of happen naturally through conversations I have with people who email in about ideas. If you have an interest in writing a guest post to be published here 1) have an idea that you think is really cool and you really care about 2) do some research / make demos 3) contact me and I'll check it out 4) use this template for creating the article.
I don't have a huge budget but if your article is awesome, takes time, and doesn't benefit you otherwise - I'm sure we can work something out.
CodePen is going strong as well. The team has made the huge leap of taking it full time. It's been a touch slow, but it's because both Tim and I moved across the country (me to Milwaukee, WI) and we've been settling in a bit. We're also working on big new features. There will be little new stuff coming here and there, but a lot of time has been sunk into big stuff that'll take a bit to get out.
There are also CodePen PENS now, as well as stickers, and get get both if you order a T-Shirt.
Kern and Burn have a book called Conversations With Design Entrepreneurs and there is a bit of an interview with me in there. I got the book and it is super nice. One of the nicest feeling and reading books I have.
I have a few new articles on The Pastry Box Project. One is a story of a person opening a mustard packet and... well just take of that one what you will. The other is the only bit of life advice I have to offer.
I have some ideas burning for new stuff for The Lodge so I'll be launching into that the next few months. Nothing to share yet, but I'll let you know. I also have a nice list cooking for CSS-Tricks v11. It probably won't be a huge redesign, but more re-align-y focusing on enhanced functionality.
I'm hard at work creating a brand new talk I'm so far calling "CSS is for Computers" that I plan to be giving and refining at some upcoming conferences.
There is a whole new series in The Lodge. Even if you aren't interested in the content of the lodge, but are interested in supporting CSS-Tricks, being a Lodge member is the best way to do that. As a thank you, you now don't see any ads no matter where you are on the site as a logged in Lodge member.
I'm still brainstorming new ideas for more Lodge content. My best idea so far is "Deep Dive" videos where posts/almanac entries/snippets/etc will have optional videos attached to them where the content is explained in more detail. Those videos will only be watchable by Lodge members. Just an idea.
To give it a spin, check out this time jump link to a very important question.
If you've never listened to ShopTalk, we also now have a master archives page to help you find episodes you might be interested in checking out.
Also new on ShopTalk, we now have ladies cut T-Shirts in The Store!
My latest Pastry Box Project entry was about introversion. It seemed to resonate pretty strongly with a lot of folks. I did a follow up article on my personal site with some of the reactions and further thoughts.
I'm moving to Milwaukee soon! It took me a while to find a place but eventually being vigilant on Craigslist panned out. Why Milwaukee? I have a bunch of friends there I visit fairly often and I always love it. I grew up in Wisconsin, but never lived in Milwaukee. Heading back to Wisconsin means being closer to family and old friends, which I like. Plus it's a lot less expensive than living in the San Francisco area, and I could use the savings as I'm out on my own trying to build a startup.
You may have noticed I replaced one of the rotating ads on the site with an ad for my tech alma mater Wufoo. I'm happy to have them as an advertiser because of course I still dearly love the product. For those that don't know, it's a very powerful (yet easy to use) online form builder.
You may have also noticed they sponsored the RSS feed for a few weeks there. I'm going to start doing that as there is demand for it. There are around 108,000 RSS readers, so if you want to run an ad in there, get in touch.
The latest edition of Appliness ("the first digital magazine for web application developers") features an interview with me!
And before that I'll be at LessConf just hanging out.
You may have noticed I stopped cross-posting new episodes of ShopTalk over here. Hopefully nobody thought it was dead because it's going as strong as ever with lots of great episodes lately. I just thought it might have been annoying if you subscribe to both. If you don't — follow @ShopTalkShow on Twitter and/or subscribe in iTunes and you're all set.
The U.S. post office changed their shipping rates this year. So we updated The Store's shipping prices. We charge exactly what it costs us to ship. To the U.S. = $4.90 — Canada is $5.75 — the rest of the world is $11.90.
I'm about half-way through a new series on The Lodge about designing an artist's website from scratch, mobile first, using WordPress as a customized CMS. I'm going to do my dangdest to get it done in March.
Also: the Kickstarter six month subscriptions have expired. I really should have sent out reminders that was coming up, but I didn't. If that was sudden and surprising for you and need a short extension to finish up watching/downloading, please send a note. You can also re-subscribe anytime by logging in and going to the signup page.
I recently attended the second day of W3Conf, and if you didn't notice the flood of blog posts, I liveblogged it. It was a pretty fun way to attend a conference because I had to pay hyper-attention and thus got a lot more out of it than I might have otherwise. Exhausting, though.
The Almanac has been a long-time not-quite-finished project around here. Most of the pages are done, but there are plenty that are not. I've been plugging away at it still and Estelle Weyl has helped me with some. An offer: if you have any interest in writing up any of the missing pages, get in touch. I'll pay you on a per-page basis to help.
The next conference I'll be at is Webstock. I leave for it in a few weeks. It's in New Zealand, about as far away from home as I can get without going into space. I'm going a week early to check out the area a bit.
I fly straight to In Control after that, in Florida.
I'm embarrassed to say it took me this long, but I've finished writing all the articles that go with all the videos in The Lodge. There are over 150 videos and that was a lot to write! It almost takes as long to write the descriptions than to shoot the videos.
I've started to record an entire brand new series for The Lodge. More on that soon.
In the search box on CSS-Tricks.com you can now limit searches to just "articles" which has been a long-needed feature. I'm having that return results from the blog, the snippets, or the alamanac - which are all essentially the same format.
There is a new ad for Treehouse in the sidebar of the site (lower down on smaller screens). I wanted it to be a fun interactive experience. Treehouse has some new content on using jQuery, so I focused on that. Below the simple advertisement is a bit of jQuery code and a "Run Code" button. You can click the button to run that bit of code on the advertisement. It does different things like affect the markup, add classes, and animate things. It's just to wet your whistle for what jQuery can do and hopefully you'll be enticed to learn more.
I plan to do a tutorial on how it was made since there is some interesting stuff going on there I think.
ShopTalk has being going strong. We've had some great episodes lately. I feel like having Zeldman on in the first year is a pretty big milestone.
We added Disqus comments to all episodes on ShopTalk now, so the conversation can continue after the show is over.
The RSS subscribers to this site, as reported by FeedBurner, crossed the 100,000 mark for the first time. Gosh I hope FeedBurner doesn't shut down. I'm not sure there is any clean way to update every subscribers subscription URL should that happen.
I catch a plane a week from tomorrow for Honolulu, Hawaii (first time!) where I'll be doing a couple of events. A half-day workshop and a talk (both about workflow) at InControl then another talk at CSS Dev Conf. Lots of prep to do this week.
The whole CodePen team is working super hard lately for a major release. Our biggest yet. Can't share a date yet but it won't be too much longer.
There was no link anywhere on the site (other than buried in blog posts) for the Store. I updated the footer to do a big of a callout for it until I can decide on a better permanent place for it.
That photo is of Sara Cope. She and my friend Camden Sabat took some sweet Merch pics for me. Flickr set:
Someone called me out on a really old crappy WordPress-related article on this site. I was thinking of just taking it down because it really was pretty crappy. But instead, I updated each section of it and refuted my own dumb recommendations.
For the first time, I created an RSS feed for the Gallery. It just outputs titles, full size images, descriptions, and direct links when I have them. Normally I'd FeedBurner a feed like this to save bandwidth and give me metrics on it. But FeedBurner's future seems very up in the air. I think I'll just directly host it for now and see how it goes.
The RSS feed for Snippets (this one is older, thus IS on FeedBurner) was broken. Really dumb little thing about the XML header being output one line down instead of as the first line of the file. RSS XML is some finicky stuff. That's fixed now and it barfed up a backlog of snippets onto Twitter.
Fox level subscribers have until December 5th to download videos from The Lodge. I originally wanted to offer video downloads to any Lodge subscriber, but costs are too high. Bear level subscribers will have access to all downloads of everything. Fox level subscribers have access to all videos, you'll just need to watch them directly on the site.
Mixture is definitely worth keeping an eye on, folks. Especially for those folks who really have gotten into fancied local development (e.g. static site generators, CodeKit, running local servers, etc). It's on Windows too...
I don't think I mentioned this here yet, so: I redesigned my personal site. It's nothing mindblowing, it's just some simple boxes with words in them. I'm happy to have shed my old site which was full of old junk. I'd be happy to have you read it, but the posts will be personal and rarely about web stuff or tech. I will be bringing comments back on it as soon as I can.
The most interesting fact about it: Other than one declaration of font-family, I used no typographic CSS at all. The user-agent stylesheet in browsers has a reasonable set of defaults for text elements and I just went with it.
I started using Divvy and it's been super helpful. It's just a tiny little menu bar app for Mac that allows you to position windows based on a grid you set up. I'm pretty messy with my open windows, and I'm often fiddling with them to get a useful arrangement. Usually, that's browser-on-the-left and sublime-on-the-right. Divvy allows me to get into that setup in just a few commands. It's the little things, right?
As I've written about, I absolutely love the idea of working in public. It's super cool that Daniel Mall and team will be doing it with the Reading is Fundamental website.
Speaking of Sass, as I'm rewatching and writing notes for the last of the videos in The Lodge, it occurs to much how much Sass is in all those videos. If you're looking to dig into learning Sass and what it's like on real world projects, you could do worse than watching the videos there.
Speaking of The Lodge, I recently spoke with a member who lived in New Zealand. Apparently the internet is quite slow there, and it would take an incredibly long time to download all the videos. I agreed to send them little USB drives with the videos on them. If anyone else is in that position, let me know and I can do the same for you. I need to charge $150 for it though, as the drives of that size are a bit expensive and requires me doing some work.
I made this kinda neat "stairway" style navigation. It's probably a little obnoxious for general use but it could work in some contexts. I used to blog stuff like this after I built it, tutorial style. I should get back to that.
As I type I'm right in the middle of a big multi-leg trip. I was in New York for the first time for FOWD which went very well. I got to be the keynote on the first day! I loved Zoe Gillenwater's talk about future layout specs. Carl did a great job keynoting the second day. I sadly missed Darcy Clarke's talk but he does have some videos of us hanging out that should never make it to the internet.
I got to visit Vimeo's office while I was there thanks to Joe.
My travels this year are far from over. Next I'm headed to Baton Rouge to visit Richard, who I've been nerdfriends with since long before CSS-Tricks was even a thing.
Then I head to Salt Lake City for a day to give a workshop for Deseret Digital, who backed me on Kickstarter to the level of a personal workshop. Then back home for a few days before flying to Philly to do another one of those. Then Hawaii for the conferences there, then back to Wisconsin again for the holidays.
It has been and will be a lot of fun, but I'm sensing the travel burnout coming and I've purposely been very protective of 2013 - keeping it as absolutely free from commitment as possible. I'm at my best during long periods of simple home living.
That Twitter Cards thing I mentioned in the last Chronicle worked out. You can now see "View Summary" links when someone tweets a link to CSS-Tricks, which when clicked provided some extra context to the article.
BD Conf was pretty fun. I love the gigantic Gaylord hotels they are at. My new talk went pretty well. The workshop went OK but it was no masterpiece. I'm in a weird place where I'm stuck between wanting to take this as a personal challenge and work on doing amazing workshops or going the other way and stopping doing them.
ConvergeFL was also fun. I got to give the workflow talk a second time and it was a bit more refined. Now I'm back home for a few weeks before taking off again for Future of Web Design in New York. Will be my first time ever to New York.
At ConvergeFL, I attended a workshop on eye tracking by JD Graffam (and team) of SimpleFocus. Afterward we did an eye tracking study on CSS-Tricks. Four different people and ran through a script that took about 40 minutes for each person. I'll be sharing more about that as soon as I can.
I had to put pagination in at The Lodge because all the sudden people were reporting the main video list crashing their iOS devices. I suspect the same exact problem as documented here.
I also added a "Mark as Watched" feature for videos there, so you can tick them off as you watch them and keep your place.
157 videos have now been posted there. That's all but one, a final wrapup, which I hope to shoot and post soon.
I made a proper testing demo for using icon fonts and added it to this blog post. In my testing using VoiceOver on OS X Mountain Lion, the best way is still with a span and pseudo element.
I updated the Treehouse logo in the header to use SVG. I can do that because this site only supports IE 9+. I could have put in a fallback, but didn't have to because of that support level. This is just a friendly reminder that SVG is pretty awesome for vector art. More importantly, it's not weird or hard to use. You use SVG just like you would JPG, GIF, or PNG:
<img src="logo.svg" alt="Logo">
I'm going to be speaking at Webstock in New Zealand this coming Feburary. The speaker list is different than the usual web design conferences I normally go to. Jim Coudal, John Gruber, Jason Kottke... whaaaa? Awesome.
It sparked a good bit of debate on Twitter, but is was a little out of context there. The big use case: delivering specific "hero" assets perfect for the occasion. Perhaps a large screen background image like The Lodge has. I'm not suggesting we fork layouts for these scenarios, but I am suggesting some intelligent asset delivery for them is a good idea, and you can begin to do through smart media queries.