Search
The Guardian digital design system
29.7.2019
Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what's gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders.
I’ve been struggling...
These Tourist Destinations Welcome Bitcoin Cash Enthusiasts
25.5.2019
Spending during the holiday season should be easy but borders, physical and financial, often complicate matters. A world currency that can travel with you and is widely accepted sounds like a good idea. Among cryptocurrencies, bitcoin cash is an ideal candidate, with its low fees and instant...
Business Conglomerate No Borders Inc. Enters Into Partnership With Coinbase Payments
24.5.2019
Cryptocurrency adoption finally seems to be gaining traction, as several mainstream business corporations are taking measures to adopt digital currencies. Such a business conglomerate No Borders Inc. announced that it has entered in a strategic partnership with Coinbase Payments to accept crypto...
Collective #508
15.4.2019
Three.js Boilerplater * Pixel borders * Domain-Oriented Observability * Typora * Accessibility Events
Collective #508 was written by Pedro Botelho and published on Codrops
Blurred Borders in CSS
20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Here's what we're after:
The desired result.
Let's see how we can code this effect, how we...
Stacked “Borders”
19.3.2019
A little while back, I was in the process of adding focus styles to An Event Apart’s web site. Part of that was applying different focus effects in different areas of the design, like white rings in the header and footer and orange rings in the main text. But in one place, I wanted rings that were...
Gradient Borders in CSS
28.12.2018
Let's say you need a gradient border around an element. My mind goes like this:
There is no simple obvious CSS API for this.
I'll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around...
Remote Conferences; Bridging the Gap, Clearing the Odds
16.7.2018
A few weeks back, I saw one of my esteemed mentors decry the psychological traumas he had experienced, following series and series of refusals at certain embassies.
“A child concentrating hard at school” by Les Anderson on Unsplash
You would think he went for a contract he did not have the capacity...