When’s the last time you read your website? Like out loud in the lobby of a Starbucks on a weekday afternoon, over the phone to your parents, or perhaps even as a bedtime story for your kids. No worries, this isn’t a trick question or anything—just a gut check. If there’s only one thing you […]
Popular
this
month
Sponsored by
Frontend Masters
A Handy Little System for Animated Entrances in CSS
A Clever Sticky Footer Technique
Icon Glassmorphism Effect in CSS
Responsive Layouts, Fewer Media Queries
Rebase vs. Merge: Integrating Changes in Git
PHP Date and Time Recipes
Parallax Powered by CSS Custom Properties
React Suspense: Lessons Learned While Loading Data
CSS-ing Candy Ghost Buttons
CSS “decorations”
Faulty logic
Ain’t this the truth:
It’s like when you’re learning a new language. At some point your brain goes from translating from your mother tongue into the other language, and instead starts thinking in that other language.
I don’t speak …
Think Without Boxes
What’s the one thing people can do to make their website better? Now that is a good question. One with many right answers, like improving performance, taking care of accessibility, and upgrading user experience as prime examples. These are all …
I’m confused about Static Site Generators. Are they only for informational sites where I can’t log in or display any dynamic data?
I got this question from a listener the other day. Fair question, I’d say. The word “Static” in “Static Site Generator” is at-odds with the word “Dynamic.” It seems to imply that the website created with a Static Site Generator …
CSS-Tricks Chronicle XLI
Ya know, I used to do one of these posts after making a few podcast appearances I hadn’t had a chance to link up yet, so I could share them. As fate would have it, I haven’t been on many …
File Scaffolding With Hygen
I read a recent Smashing Magazine post that included a recommendation for Hygen. I just happen to be doing quite a bit of new UI work in a Next.js app and the amount of manual folder/file scaffolding I was …
Shadow Palette Generator
Josh’s Shadow Palette Generator is a fantastic tool. The premise is that box-shadow
pretty much always looks better when there are multiple layered shadows that are a bit tinted. It reminds me of how gradients almost always look better when …
Embrace the Platform
So what is the one thing that people can do is to make their website better? To answer that, let’s take a step back in time …
The year is 1998, and the web is on the rise. In an …
Ship a Full-Stack App in Days with AWS Amplify Studio
Amazon has a vision with AWS Amplify. First, a premise:
As browsers have become faster and more powerful over the last decade, front-end developers are building web apps that are more feature-rich and performant for both desktop and mobile …
Why would a business push a native app over a website?
I wanted to write down what I think the reasons are here in December of 2021 so that we might revisit it from time to time in the future and see if these reasons are still relevant. I’m a web …
Using Position Sticky With CSS Grid
Say you’ve got a two-column CSS grid and you want one of those columns to behave like position: sticky;
. There is nothing stopping you from doing that. But the default height for those two columns is going to be …
Standardizing Focus Styles With CSS Custom Properties
Take two minutes right now and visit your current project in a browser. Then, using only the Tab key, you should be able to navigate between interactive elements including buttons, links, and form elements.
If you are sighted, you should…
Need front-end development training?
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 GTYT Botelleros de Pared Soporte para Botellas de Vino |.