How to build a simple HTML landing page using Tailwind CSS
Justin Jackson created a cool tutorial on how to create a basic landing page.
Read more [justinjackson.ca]
Posts tagged with design
Websites should be more like Star Wars
My colleague Brent makes the case for being more creative on the web
Read more [stitcher.io]
Join thousands of developers
Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
How we added favicons to our site list
I really like the simplicity of our solution.
Read more [ohdear.app]
Light colour schemes are better, based on science
Brent offers scientific arguments why a light color scheme is better. Personally, since I started using a light color scheme a few years back, I've sticked to it and never turned back.
Read more [stitcher.io]
Compound Colour Utilities with TailwindCSS
– liamhammett.com - submitted by Liam Hammett
An approach you can use to combine multiple tightly coupled utilities together into a new compound utility class.
Read more [liamhammett.com]
Time to upgrade your monitor
Nikita Prokopov shares some good insights on why having a good monitor is important. MacOS users: your fonts will look much better with font smoothing turned off.
Read more [tonsky.me]
Design Principles of Vue 3.0
Evan You explains the principles behind the changes coming in Vue 3.0
Name the Date
Kevlin Henney wrote a good post on the importance of naming things well.
Good naming is part of design. It sets expectations and communicates a model, showing how something should be understood and used. If you mean to tell the reader getMillisSince1970, don’t say getTime.
Read more [medium.com]
Extreme Object-Oriented Ruby
A cool talk by John Cinnamond, on how you can create a pure OO language and why you shouldn't do that.
Don't add an API too fast
Not adding an API until absolutely necessary lets us keep our model internal and lets us iterate as needed.
— Matthieu Napoli (@matthieunapoli) October 10, 2019
Read more [twitter.com]
Software Architecture is Overrated, Clear and Simple Design is Underrated
Gergely Orosz argues that you should start with a simple design and try your best to keep it simple. I don't necessarily agree with everything in the post, but it's an interesting opinion nonetheless.
Software architecture best practices, enterprise architecture patterns, and formalized ways to describe systems are all tools that are useful to know of and might come in handy one day.
Read more [blog.pragmaticengineer.com]
Stop designing products for random people
Some solid advice for when you're building a product.
Build a product with the help of a hacker. Design it for the benefiter. Sell it to an expert.
Read more [uxdesign.cc]
A new coat of paint for freek.dev
It's funny that even something as simple as a blog app is never finished. One and a half years ago, I did a significant update my moving my blog from WordPress to a Laravel app. In August of last year, I also ditched my custom admin section in favor of Nova. Even though not that much time has passed, it was time for a refresh of the entire blog.
A few notes about the frontend of the renewed spatie.be
Before we moved in to our new offices in 2014, we quickly set up a temporary one-page website, initially only in Dutch. It lasted for 4 years and bursted out of its frames ever since, because… hmm … no priority, no time. A new site was like a running joke for a long time, until Laracon US 2018…
A simple resource for finding and trying variable fonts
Nick Sherman created a cool site where you can play with variable fonts.
This site’s goal is to help designers and developers become more familiar with OpenType variable fonts in a way that isn’t overwhelming, while also providing straightforward info upfront about the font projects, who made them, and where to find more info or get the fonts to use.
Read more [v-fonts.com]
The art of the error message
Marina Posniak, UX writer at Spotify, shares some great tips on how to write error messages well.
To start, ask yourself if you even need the error message. Before writing anything, consider if there’s a way to redesign the experience so there’s no error at all. Is there a way to just make it work? (Really, the best error message is no error message.) But if you do need it, think carefully about the message. When things go wrong and the app “fails,” say something useful. The message should help the user solve the problem and move on.
Read more [thestyleofelements.org]
A newsletter about programming, design, and other related topics
My colleague Sebastian started a new side project: a newsletter about programming, design, and other related topics.
Growing the Stack is a biweekly—as in, once every two weeks—newsletter about programming, design, and other related topics. The newsletter isn't tied to any programming language or ecosystem, and it's not meant keep you up to date with all the new & shiny tools out there. It tries to bundle content that inspires. Content that triggers you to consider and try out new ideas.
Subscribe here: https://sebastiandedeyne.com/newsletter
7 Practical Tips for Cheating at Design
On their mutual Medium blog, Adam Wathan & Steve Schoger published an excellent post that offers 7 actionable tips to make your stuff look better.
It’s easy to throw your hands up and say, “I’ll never be able to make this look good, I’m not an artist!” but it turns out there are a ton of tricks you can use to level up your work that don’t require a background in graphic design. Here are seven simple ideas you can use to improve your designs today.
https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
Build User Interfaces by Composing CSS Utility Classes with Tailwind
Simon Vrachliotis recorded a free Egghead.io video course on the kickass Tailwind CSS framework.
In this course, you'll learn how to handle responsive breakpoints, how to trigger specific element states, how to handle specificity, how to keep your bundle file size in check, and how to seamlessly extend Tailwind with your own custom utility classes. By the end of the course, you should have a firm understanding of how Tailwind works and be able to create your own tailor-made design system and utility class CSS toolkit for your next project!
https://egghead.io/courses/build-user-interfaces-by-composing-css-utility-classes-with-tailwind
How I redesigned my blog and moved it from Jekyll to Laravel
Cristopher Rumpel recently launched a big redesign of his blog. In a new post he touches on why he moved away from his old solution, and what kind of problems he had to solved. Great read!
One of my resolutions for 2017 was to redesign my blog. One week before the new year I faced myself with the challenge and thought to myself if this was still doable. Somehow I managed it and here it is. In this article I will explain the process and show you how I redesigned the blog with Tailwind CSS and moved it from Jekyll to Laravel with keeping almost the same performance.
https://christoph-rumpel.com/2018/01/how-i-redesigned-my-blog-and-moved-it-from-jekyll-to-laravel