{"id":273556,"date":"2018-07-04T09:18:47","date_gmt":"2018-07-04T16:18:47","guid":{"rendered":"http:\/\/css-tricks.com\/?p=273556"},"modified":"2018-07-04T09:18:47","modified_gmt":"2018-07-04T16:18:47","slug":"the-eleventh-fourth","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/the-eleventh-fourth\/","title":{"rendered":"The Eleventh Fourth"},"content":{"rendered":"

Holy heck it feels like the last year has flown by! Longtime readers will remember that the fourth of July is CSS-Tricks birthday and we blog it each year<\/a>. We turned 10 last year, and now we welcome our first palindromic number birthday. <\/p>\n

<\/p>\n

Huge thank you<\/h3>\n

First, as ever, thank you<\/em> for being part of CSS-Tricks. However you end up here, we hope that we’re useful to you, know that we’re always trying to be even more<\/em> useful to you, and know that you make the site possible. <\/p>\n

\"\"<\/figure>\n

Can we ask you some questions?<\/h3>\n

The whole point of this survey is to understand you better and use that understanding to make choices that serve you better. That’s it! It’s super helpful to us and totally anonymous.<\/p>\n

Take the CSS-Tricks Reader Survey<\/a><\/p>\n

A new design is coming<\/h3>\n

Hate to be a tease, as there is nothing to show you yet and no timeline to share, but I suppose this should be of little surprise to you as we’ve never been shy for a bit of a redesign around here. This will be version 17, believe it or not. I mention it in part because of above. We’re asking you questions<\/a> because you can help inform how the design takes shape.<\/p>\n

What’s new in this past year?<\/h3>\n

What stands out to me is that in the last year we’ve invested way more into CSS-Tricks (literally financially) than ever before. What that means for you is that we’ve brought you way more<\/em> articles from way more<\/em> authors than we ever have before. Plus stuff that is higher-budget and longer-form for us, like our new Gutenberg Guide<\/a>.<\/p>\n

We hope the result of that investment is that it makes CSS-Tricks both a more interesting site to subscribe to and read regularly, and adds more referential content for years to come. Articles may come across your path today that are only of passing interest, but become more valuable later should that subject become part of a more active project for you. <\/p>\n

It also means a more integrated staff here. We’ve always had a small staff of part-time writers and collaborators, like the venerable Sarah Drasner<\/a>, who has brought you big stuff like an entire guide to Learning Vue<\/a> and fascinating insights like how she created a VS Code theme<\/a>. <\/p>\n

Now, notably, we have Geoff Graham<\/a> as lead editor keeping the site rolling nicely. I’ve gotten to watch Geoff really step into the editor role and become a very strong editor in every way, which is extra challenging on a site like this where that job isn’t just spelling, grammar, readability, formatting and all that, but also very technical. Between Geoff and I, we hope we’re bringing a high level of editorial quality to all our technical posts. <\/p>\n

\"\"<\/figure>\n

We also have Robin Rendle<\/a> who produces the newsletter each week, bringing his own voice to that and providing another way to read CSS-Tricks with content unique to it. Robin keeps an eye on our industry quite well, sharing great links and producing his own typography-focused newsletter<\/a>.<\/p>\n

\"\"<\/figure>\n

The world of technical writing has exploded.<\/h3>\n

I don’t think I’m imagining it, there is simply way more technical blogging happening now than there ever has been. My guess is because there are more developers<\/em> than there ever has been. The world economy is more and more technology focused, so there are massive job opportunities in tech, and education has sprung up to help people get those jobs. So the world has far more educated developers living and loving this world, writing about what they know, and making a name for themselves along the way. <\/p>\n

All the classic publications are still around that I immediately think of in this genre, like A List Apart<\/a>, Smashing Magazine<\/a>, SitePoint<\/a>, and Envato’s blogs<\/a>. <\/p>\n

But now we have Medium which is loaded with technical writing. Just look at the JavaScript topic<\/a>, or huge publications on<\/em> Medium like freeCodeCamp<\/a>, UX Planet<\/a>, and Hacker Noon<\/a>. freeCodeCamp alone is publishing like 5 articles a day!<\/p>\n

How about DEV Community<\/a>, which, like Medium, has become a hive of technical writing open to anyone. There there are incredibly prolific writers like Flavio Copes<\/a> who publishes great guides and reference posts literally every day. <\/p>\n

It very certainly a good thing for our industry. But since we’re trying to be a business<\/a> in this atmosphere, it means we need to really stay on our game here and make sure we’re doing the best we can.<\/p>\n

Data<\/h3>\n

I posted this same graph last year, now updated for this year:<\/p>\n

\"\"<\/figure>\n

I like it because of how zoomed out it is. That’s the entire history of CSS-Tricks traffic in pageviews. Perhaps we’re not growing as fast as the industry is, but we’re growing. That peak in May 2018 is cool to see: it’s the most traffic in a single month in our history. It’s almost a silly statistic, as it’s much more meaningful to know how impactful you are being and how people feel about you, but hey, basic analytics are what we got on a wide scale.<\/p>\n

What a wild year of life.<\/h3>\n

Personal note! Last year in July I got married. Then we sold our house in Milwaukee, Wisconsin and moved to Bend, Oregon where we’re renting a house. We got a brand new business office in Bend. Then we had a baby (Ruby!). Then we bought a new car so we’d have a mountain-worthy 4-wheel drive car that’s super safe. Now we’re looking to close on a new house in Bend. As far as a 12-month period goes, this has been the busiest of my life, not factoring in anything business related at all, which had its own roller coasters.<\/p>\n

\"\"<\/a>
At Todd Lake in Bend, Oregon<\/figcaption><\/figure>\n

It’s been a wonderful journey, but not without significant stress. I’m living in a whole new world of purpose and worry. Hi.<\/p>\n

Speaking of businesses…<\/h3>\n

Dave Rupert and I are trucking along well past episode 300 now on ShopTalk Show<\/a>. The ideas come easy and the conversation is as fun and enlightening as it ever was. I consider Dave<\/a> a mentor, as his broad experience is constantly growing and with it, his perspective. I’m still pretty convinced that podcasts are in the early days of popularity, so it feels good to be still on that train. Gosh I wish we could make time to really redesign that site though. The current one is something I kinda slapped together after we did this big round of cleaning up data on the back end. Now we have great data to work with, but my lame design. Someday!<\/p>\n

\"\"<\/figure>\n

Most of my time though of course is on CodePen<\/a>. We have big ideas for what CodePen can become and are always striving to get there as we tend to the lovely place that CodePen already is. We have features of all kinds, from huge to little, coming your way. Hardly a day goes by without us shipping some kind of improvement to CodePen. <\/p>\n

\"\"
CodePen has a podcast<\/a> too, ya know!<\/figcaption><\/figure>\n

See the Pen Elenium fireworks<\/a> by JK (@funxer<\/a>) on CodePen<\/a>.<\/p>\n

Sponsors<\/h3>\n

I’d love to give a bonus high five to all<\/em> the sponsors that have generously supported the site. We don’t really sell anything at the moment here at CSS-Tricks, so sponsors entirely make the site possible. I’ve long been a fan<\/a> of this model. Companies can focus on building the best products and services they can (rather than building an audience), and publications like us can focus on an audience. Then we trade! Companies support us, we can tell you about those companies. Companies that align with our values, of course. <\/p>\n

Media Temple<\/a> has been our long time sponsor and web host. You may have noticed Jetpack<\/a> sponsorship around here recently, which is quite definitely my favorite WordPress plugin. Those companies power this site! <\/p>\n

And a warm welcome to other newcomers like Netlify<\/a>, HelloSign<\/a>, Pusher<\/a>, and An Event Apart<\/a>. <\/p>\n

If your company is interested, here’s more information<\/a>. We can build custom packages to meet your needs. <\/p>\n

What can we do for you?<\/h3>\n

We have the survey<\/a> like I mentioned, but I mean more directly. Feel free to comment below or contact us<\/a> directly. <\/p>\n

If your wish was our command, what would you have us do? Is there anything you’d like help learning? A reference guide you wish existed? A resource you’d like to be handed? We’re in the business of making those things happen the best we can for you.<\/p>\n

Again, thank you<\/h3>\n

Whether you ever see this or not, I like writing it. Thanks for all your support. Here’s to another year!<\/p>\n","protected":false},"excerpt":{"rendered":"

Holy heck it feels like the last year has flown by! Longtime readers will remember that the fourth of July is CSS-Tricks birthday and we blog it each year. We turned 10 last year, and now we welcome our first palindromic number birthday.<\/p>\n","protected":false},"author":3,"featured_media":273594,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[511],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/07\/fireworks.jpg?fit=1600%2C800&ssl=1","jetpack-related-posts":[{"id":366554,"url":"https:\/\/css-tricks.com\/help-shape-the-future-of-css-tricks\/","url_meta":{"origin":273556,"position":0},"title":"Help Shape the Future of CSS-Tricks!","date":"June 28, 2022","format":false,"excerpt":"Head's up! The survey closed on July 12, 2022. We got tons of responses \u2014 thanks to everyone for helping us out! Hey, so it's been a minute since we announced that CSS-Tricks is now part of the DigitalOcean family. Things are pretty much business as usual and hopefully it\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/08\/css-tricks-logo-blur.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":174622,"url":"https:\/\/css-tricks.com\/seventh-fourth\/","url_meta":{"origin":273556,"position":1},"title":"The Seventh Fourth","date":"July 4, 2014","format":false,"excerpt":"Crazy to think CSS-Tricks is seven years old. It's true! It's a tradition [(1) (2) (3) (4) (5) (6)] to mark the occasion. I'm not feeling as self-reflective as I normally am this year for some reason. I do feel like it's important to jot a few things down though\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":313891,"url":"https:\/\/css-tricks.com\/displaying-the-current-step-with-css-counters\/","url_meta":{"origin":273556,"position":2},"title":"Displaying the Current Step with CSS Counters","date":"July 7, 2020","format":false,"excerpt":"Say you have five buttons. Each button is a step. If you click on the fourth button, you're on step 4 of 5, and you want to display that. This kind of counting and displaying could be hard-coded, but that's no fun. JavaScript could do this job as well. But\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/07\/counter-steps.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":316421,"url":"https:\/\/css-tricks.com\/improving-chromiums-browser-compatibility-in-2020\/","url_meta":{"origin":273556,"position":3},"title":"Improving Chromium’s browser compatibility in 2020","date":"July 7, 2020","format":false,"excerpt":"This is exactly what I love to hear from any browser vendor: When it comes to browser compatibility, there are still too many missing features and edge-case bugs. But it doesn't have to be this way. Things can and will get better, if browser vendors can understand what is causing\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/07\/div-different-browser.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":373126,"url":"https:\/\/css-tricks.com\/behind-the-csscenes-sept2022\/","url_meta":{"origin":273556,"position":4},"title":"Behind the CSScenes, September 2022","date":"September 1, 2022","format":false,"excerpt":"Those of you who have been reading CSS-Tricks for a while may remember that we used to publish a little thing we called CSS-Tricks Chronicles. Our friend Chris Coyier would write up a reflection from the past couple of months or so, and it was a great way to get\u2026","rel":"","context":"In "Chronicle"","img":{"alt_text":"CSS-Tricks and DigitalOcean logo","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2022\/09\/DO_CSSlogo.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":323891,"url":"https:\/\/css-tricks.com\/announcing-the-2020-state-of-css-survey\/","url_meta":{"origin":273556,"position":5},"title":"Announcing the 2020 State of CSS Survey","date":"October 20, 2020","format":false,"excerpt":"Last year's State of CSS Survey yielded interesting results. There's the quick adoption of features, like calc() and CSS custom properties. There's also the overwhelming opinion that CSS is fun to write even as we see a growing reliance on CSS-in JS. We also saw some predictable results, like the\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/10\/stateofcss_socialmedia.png?fit=1000%2C420&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/07\/fireworks.jpg?fit=1024%2C512&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/273556"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=273556"}],"version-history":[{"count":8,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/273556\/revisions"}],"predecessor-version":[{"id":273635,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/273556\/revisions\/273635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/273594"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=273556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=273556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=273556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}