Disabled buttons suck
11.11.2019
In this oldie but goodie, Hampus Sethfors digs into why disabled buttons are troubling for usability reasons and he details one example where this was pretty annoying for him. The same has happened to me recently where I clicked a button that looked like a secondary button and... nothing happened....
Collective #564
11.11.2019
GSAP 3 * React Conf 2019 * :is() selector * Paged.js * Day as a Dev * Scroll Snap in CSS
Collective #564 was written by Pedro Botelho and published on Codrops
Hello Fenix!
11.11.2019
Over seven years ago I made the massive career leap to Mozilla. Two years ago I realized a dream of joining the Firefox DevTools team — it’s been a rewarding adventure helping to improve the Firefox DevTools Debugger and other super helpful tools. I’m frightened, excited,...
WDRL — Edition 276: Back again and here’s how we can be a better self and do a good job
11.11.2019
Hey,
Sometimes a break is needed but you don’t notice. With the last WDRL edition on SmashingMag in September, this was apparently the case for me with this project. First, I wanted to pause for two weeks but it turned easily into over a month now. It brought back my motivation to write...
Two-Value Display Syntax (and Sometimes Three)
8.11.2019
You know the single-value syntax: .thing { display: block; }. The value "block" being a single value. There are lots of single values for display. For example, inline-flex, which is like flex in that it becomse a flex container, but behaves like an inline-level element rather than a block-level...
Diana Smith’s Pure CSS Artwork “Lace”
8.11.2019
Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario.
She wrote for us last year if you'd like a little insight into her thinking.
Andy Baio looked at the painting in a variety of older...
Working with Fusebox and React
8.11.2019
If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer...
Weekly Platform News: Web Apps in Galaxy Store, Tappable Stories, CSS Subgrid
8.11.2019
In this week's roundup: Firefox gains locksmith-like powers, Samsung's Galaxy Store starts supporting Progressive Web Apps, CSS Subgrid is shipping in Firefox 70, and a new study confirms that users prefer to tap into content rather than scroll through it.
Let's get into the news.
Securely...
Location, Privilege and Performant Websites
7.11.2019
Here’s a wonderful reminder from Stephanie Stimac about web performance. She writes about a recent experience of moving to an area with an unreliable network and how this caused problems for her as she tried to figure out what was happening during a power blackout:
Assuming all of your customers...
Query JSON documents in the Terminal with GROQ
7.11.2019
JSON documents are everywhere today, but they are rarely structured the way you want them to be. They often include too much data, have weirdly named fields, or place the data in unnecessary nested objects. Graph-Relational Object Queries (GROQ) is a query language (like SQL, but different) which...
Optimizing Images for Users with Slow Network Speeds
7.11.2019
For every website, page load time is a critical factor that can make or break the business. Thanks to the better user experience that comes with a fast-loading webpage, those who focus on page load optimization enjoy better conversion rates, better SEO, better retention, and lower bounce rates.
And...
Collective #563
7.11.2019
Game Off 2019 * Pure CSS Lace * The Svelte Handbook * GraphQL Crash Course * React Query
Collective #563 was written by Pedro Botelho and published on Codrops