Edge to Edge Text
A rather exceptional CSS trick discovered by Roman Komarov that uses scroll driven animations to resize lines of text to fit exactly to their container.
A rather exceptional CSS trick discovered by Roman Komarov that uses scroll driven animations to resize lines of text to fit exactly to their container.
Erick Merchant has some ideas for questions to ask a senior front-end-developer (as in, interview questions). They seem pretty decent to me, so if you’re shooting for a senior role, you should probably have answers for these things with a bit more detail than Erick lists.
If you’re creating a scroll-driven animation and the goal is “when the page is scrolling through this general section, animate the children” it’s probably going to involve passing scrolling data through custom properties.
If video game development appeals to you on your journey into design and development, you should check out js13kGames, a “coding competition for web game developers, with a 13KB size limit.” The 2024 winners were recently announced, and I find the lot of them outstanding. 13KB is a heck of a constraint. jQuery is like 30k lol. So […]
Are you using Sass as part of your build process? If you’re using Vite or webpack and importing SCSS files in lots of different components, be aware you should probably switch to sass-embedded instead of sass, as it can, as James Stuckey Weber wrote, “allows you to reuse a single instance of Sass for multiple […]
The other day I needed to quickly see pixel dimensions that were exactly in a 9 / 16 aspect ratio. Like: 180 / 320. That’s perfectly in that ratio. You might be able to think of that one in your head, but how about 351 / 624? That’s harder to think of. And I wanted […]
Victor Ayomipo saw our post about using container units for everything. He was more optimistic than I that our result was good. My thinking is that there are plenty of things you straight up don’t want to use container units for. Victor did a similar exercise with (over?)-using min() and viewport units. Turns out there […]
When you use View Transitions on multiple elements, it can be a very nice look to stagger them out a little bit. It’s possible now, but a bit finicky. Let’s take a look at some code, present and future, that will help.
The ability to style a <select> menu has long been high on list of web designer’s want lists. The inside part anyway; the part that opens up when you activate it. The outside we’ve been able to style for a while. Open UI did a bunch of research and even had a browser implementation of […]
Paweł Grzybek has a succinct overview of the new things in JavaScript this year, including credit to the people involved. I find it interesting to consider features in the recent light of the JS0/JSSugar proposal/drama. Looking at these features, which ones would be “real language” features (JS0) and which could be processed away (JSSugar)? I […]
Frontend Masters Donates to open source projects. $313,806 contributed to date.