Search

Nalezeno "Can": 6705

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...

Equal Width Columns in CSS Grid are Kinda Weird

14.5.2020
Everything is flexible these days. If you write grid-template-columns: 200px 200px 200px;, sure, you’d have equal-width columns, but that’s a rare day. What you usually mean is three columns of equal fluid width. We’ve got fractional units for that, like grid-template-columns:...

Using CSS Masks to Create Jagged Edges

12.5.2020
I was working on a project that had this neat jagged edge along the bottom of a banner image. Looking sharp… in more ways than one. It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...

Accepting Payments (including Recurring Payments) on WordPress.com

12.5.2020
I’m a fan of building websites with the least amount of technical debt and things you have to be responsible for as possible for what you wanna do. Sometimes you take on this debt on purpose because you have to, but when you don’t, please don’t ;). Let’s say you need...

Dealing With Stale Props and States in React’s Functional Components

12.5.2020
There’s one aspect of JavaScript that always has me pulling my hair: closures. I work with React a lot, and the overlap there is that they can sometimes be the cause of stale props and state. We’ll get into exactly what that means, but the trouble is that the data we use to build our UI can...

min(), max(), and clamp() are CSS magic!

12.5.2020
Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with font-size usage, but they are just functions, so they can be used anywhere you’d use a number, like a length. Sometimes pretty basic usage...

Modern CSS Solutions for Old CSS Problems

11.5.2020
This is a hell of a series by Stephanie Eckles. It’s a real pleasure watching CSS evolve and solve problems in clear and elegant ways. Just today I ran across this little jab at CSS in a StackOverflow answer from 2013. This particular jab was about CSS lacking a way to pause between...

Let’s Take a Deep Dive Into the CSS Contain Property

8.5.2020
Compared to the past, modern browsers have become really efficient at rendering the tangled web of HTML, CSS, and JavaScript code a typical webpage provides. It takes a mere milliseconds to render the code we give it into something people can use. What could we, as front-end developers, do...

Working With MDX Custom Elements and Shortcodes

7.5.2020
MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary. Let’s harness that magic and look...

Static Hoisting

6.5.2020
The other day in “Static or not?” I said: […] serving HTML from a CDN is some feat. What I meant is that serving resources like images, CSS, and JavaScript from a CDN is fairly straightforward. The industry at large has been doing that for many years. An asset with a URL can...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace