Unprefixed `appearance `
18.5.2020
It’s interesting how third-parties are sometimes super involved in pushing browser things forward. One big story there was how Bloomberg hired Igalia to implement CSS grid across the browsers.
Here’s another story of Bocoup doing that, this time for the appearance property. The story...
Tackling Authentication With Vue Using RESTful APIs
18.5.2020
Authentication (logging in!) is a crucial part of many websites. Let’s look at how to go about it on a site using Vue, in the same way it can be done with any custom back end. Vue can’t actually do authentication all by itself, —we’ll need another service for that, so we’ll be using another service...
Inspirational Websites Roundup #15
18.5.2020
A new roundup that consists of a special collection of the latest web design trends and inspiration.
Inspirational Websites Roundup #15 was written by Mary Lou and published on Codrops
CSS fix for 100vh in mobile WebKit
15.5.2020
A surprisingly common response when asking people about things they’d fix about anything in CSS, is to improve the handling of viewport units.
One thing that comes up often is how they relate to scrollbars. For example, if an element is sized to 100vw and stretches edge-to-edge, that’s...
Comparing Social Media Outlets for Developer Tips
15.5.2020
As a little experiment, I shared a development tip on three different social networks. I also tried to post it in a format that was most suitable for that particular social network:
On Twitter, I made it a thread.
On Instagram, I made it a series of images.
On YouTube, I made it a video.
How...
Offscreen Text for Copy & Paste
15.5.2020
The relationship between HTML and CSS is special: mixing content via HTML with presentation from CSS to make an awesome presentation. Sometimes, however, you need to employ CSS tricks solely to enhance functionality. This could be one of those cases. When browsing through the Firefox DevTools...
How to Tame Line Height in CSS
15.5.2020
In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of lead...
WTF is a Static API
15.5.2020
Just like there is a movement to make more websites (and more of websites) from pre-rendered static files (Jamstack), so to might we consider moving content-based APIs to be static. Sean C Davis:
A static API is simply a collection of flat JSON files that live on a content delivery...
Notion-Powered Websites
14.5.2020
I’m a big fan of Notion, as you likely know from previous coverage and recent video. It’s always interesting to see what other people do with Notion, and even how Notion uses Notion.
I’d say most usage of Notion is private and internal, but any page on Notion can be totally...
UI Interactions & Animations Roundup #6
14.5.2020
A hand-picked collection of superb UI inspiration from the past weeks.
UI Interactions & Animations Roundup #6 was written by Mary Lou and published on Codrops
Collective #605
14.5.2020
Modern CSS Solutions * IntersectionObserver Visualizer * Blush * Reef * Behind the Source * The Deno Handbook
Collective #605 was written by Pedro Botelho and published on Codrops
How to Make a Simple CMS With Cloudflare, GitHub Actions and Metalsmith
14.5.2020
Let’s build ourselves a CMS. But rather than build out a UI, we’re going to get that UI for free in the form of GitHub itself! We’ll be leveraging GitHub as the way to manage the content for our static site generator (it could be any static site generator). Here’s the gist of it: GitHub is going...