We asked web builders that we admire the same question: What is one thing you learned about building websites this year?
Here’s what they told us.
We would like to thank our ❥ sponsor Automattic for making this site possible. They make many great software products that we use, like Jetpack, WooCommerce, and WordPress.com.
One thing I noticed about building websites in 2020: despite all the social networks and publishing platforms craving our content, our stories, and our attention, people are somehow still building personal websites. Over the course of the year, many of you have launched or relaunched your website. It indeed feels like the personal website is experiencing a little revival.
To me, this comes as no surprise. The benefits of having your own personal site are enormous and appealing. As a creator, publishing on your own website might even be the single best thing you can do, both professionally and personally.
On your personal website, you own your work. You decide what and when to publish. You decide when to delete things. You are in control. Your work, your rules, your freedom.
Your personal website is also a wonderful playground to tinker, prototype, experiment, explore, and learn about web standards and new technologies by experience. Want to improve your accessibility skills? Want to learn CSS Grid or try out variable fonts? Want to implement your first Service Worker or fine-tune the performance of your site? Your personal website is the perfect place for that!
But the prime reason to have a personal website is in the name: it is your personal home on the web. Since its early days, the web has been about sharing information and freedom of expression. Personal websites still deliver on that promise. Nowhere else do you have that much freedom to create and share your work and to tell your personal story. It is your chance to show what you stand for, to be different, and to be specific. Your site lets you be uniquely you and it can be whatever you imagine it to be.
So if you have a personal site, make sure to put in the work and attention to make it truly yours. Make it personal. Fine-tune the typography, add a theme switcher, or incorporate other quirky little details that add personality. As Sarah Drasner writes, you can feel it if a site is done with care and excitement. Those are the sites that are a joy to visit and will be remembered.
📣
🏃♂️
Two things are crucial if you want to get started with your own personal site.
Remember, you don’t have to consider yourself a writer to write on your site. You don’t have to be a programmer to write code on your site. You don’t have to be a renowned expert to have an opinion. Document your process and share the things you learn. Try out different formats, different styles, and different topics. Write about one concept or one idea at a time. Or, if you love tricks, publish your best tricks. The journey is the destination and there might always be someone who benefits from even one of your smallest posts.
Publishing your work can be scary, especially in the beginning. It might feel like you are being judged. Everyone can inspect your source code, see your tiny mistakes, and notice when you get things awfully wrong. But that’s part of the process, too. And it’s this process that makes building, maintaining, and growing your personal site so worthwhile. Allow yourself to be vulnerable, push beyond your fear, and hit Publish. When you publish regularly on your personal site, it will inevitably grow. And so will you.
There is a community of creators out there, eagerly waiting for you to contribute your point of view. We are implementing Webmentions on our sites, adding blogrolls to our sites again, and we might even bring webrings back. We subscribe to each other’s feeds and we are sharing and quoting each other’s work and articles. In 2021, and in the years to come, we need you and many more to keep the Web open, independent, and diverse. Hidde de Vries recently shared this quote on his personal site which he had read on Jeremy Keith’s personal site:
If you have something wonderful, if you do not defend it, you will lose it.
👩👩👧👧
Personal websites are such a thing. If you don’t have a website yet, come join us on the other side where the web is (still) personal. It’s worth it.
Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.
You may write comments in Markdown thanks to Jetpack Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (“`) with double new lines before and after. All comments are held for moderation. Be helpful and kind and yours will be published no problem.
The related posts above were algorithmically generated and displayed here without any load on my server at all, thanks to Jetpack.
CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. The tech stack for this site is fairly boring. That’s a good thing! I’ve used WordPress since day one all the way up to v17, a decision I’m very happy with. I also leverage Jetpack for extra functionality and Local for local development.
*May or may not contain any actual “CSS” or “Tricks”.
CodePen is a place to experiment, debug, and show off your HTML, CSS, and JavaScript creations.
CSS-Tricks is hosted by Flywheel, the best WordPress hosting in the business, with a local development tool to match.
ShopTalk is a podcast all about front-end web design and development.