RSS.Social

Hidde's blog

follow: @[email protected]

Posts

Styleguides for better front-ends

World Usability Day in Bristol

Mark Boulton's grid system design workshop

Handheld 2013: the web's structure, expectations and data poetry

Unobtrusive icons

Meeting the TAG

Embedded video in responsive lay-outs

State of the Browser 2014

Keeping it simple

Museums Get Mobile!

Responsive Day Out 2 - the squishening

Breakpoints based on language

Review: the Mobile Web Handbook

Collaborate 2014: designing with empathy for all

Review: Responsible Responsive Design

Progressive enhancement with handlers and enhancers

On cognitive accessibility

Switching to HTTPS

Making our websites even more mobile friendly

Solving problems with CSS

The web is fast by default, let’s keep it fast

The accessibility tree

Responsive day out 3: the final breakpoint

What kind of Web Components do we need?

Offline apps and user intent

The role of grid systems in component-based front-end builds

Declaring grid layouts with ‘just’ CSS

Scripts and stylesheets in WordPress sites

JSCS vs JSHint

The website as an instantiation of your design system

Making conference videos more accessible

Turning off Heartbeat in WordPress made my day!

World IA Day 2016 in Bristol

Cascading and cognitive overhead

Perf mattered at the Fronteers Spring Conference

Font loading strategies

Collaborative CSS

Notes on CSS Grid Layout

ConfConf

Reasons to make digital products accessible

The internet does forget

Progressive Web Apps Dev Summit

Some pointers on default cursors

Things I learned at From the Front 2016

Review: Inclusive Design Patterns

Leaving the Fronteers board: what happened

On initialising JavaScript from markup

Using JavaScript to trap focus in an element

The importance of web standards and design for accessibility

Perfwizardry

My last day at Fronteers

How to make inline error messages accessible

On hiding content

Mom-jokes as part of corporate culture

Book tip: Turing’s vision

Where focus goes when following in page links

How to customise a file upload control

Accessibly labelling interactive elements

I, Daniel Blake

ICONS: five questions about screen readers

Browser API Special and CSS Day

Pseudo classes vs pseudo elements

Coherence, Lego and how naming things is hard: Patterns Day 2017

Did CSS get more complicated since the late nineties?

Professional developers

This website now uses Grid Layout

Testing the accessibility of pattern libraries

Enabling people with accessible technology and positive thinking

Small steps

Accessibility Design Drive

ICONS: work on stuff that matters

Brique: a conference about challenging reality

On recruiting for specific technologies

Web Components as compositions of native elements

New challenges

The web is ready for great graphic design

What to use Grid Layout for? Some ideas.

#yallhands

2017 in review

Form events when submitting with keyboard

My ideal newspaper app is not very smart

Making password managers play ball with your login form

aria-expanded does not require a fallback

You don't always need alternative text

Donuts and Fronteers

A Dutch version of the Inclusive Design Principles

For everyone

More accessible markup with display: contents

Vague, but exciting…

How I learned to stop worrying and love CSPs

What kind of ethics do front-end developers need?

Accessible page titles in a Single Page App

An AI reading list

Let's serve everyone good-looking content

Heading structures are tables of contents

Overlapping skills in front-end development

#HackOnMDN

Review: New Frontiers in Web Design

Accessibility wars and the state of talking to machines

Grids in cards

My first MozFest

Up to speed with web performance

Calm tech, platform abuse and reality

Scroll an element into the center of the viewport

Making single color SVG icons work in dark mode

2018 in review

Return of the blog roll

On the importance of testing with content blockers

Linking to translations

Console logging the focused element as it changes

Three ways to build Crouwel's Hiroshima poster in CSS

Content-based grid tracks and embracing flexibility

Component frameworks and web standards

Book review: The age of surveillance capitalism

Content and colour at #idea11y in Rotterdam

Naming things to improve accessibility

Baking accessibility into components: how frameworks help

Hello W3C!

Indicating focus to improve accessibility

CSS Day 2019: some things I learned

How accessibility trees inform assistive tech

Click here to kill everybody: a review

Meaning without markup: Accessibility Object Model

Equality: a reading list

Managing accessibility in open source CMSes: a write-up

Book review: Zed

Notes from the Internet Health Report 2019

Breaking barriers with your CMS

Tech vs society: a reading list

2019 in review

Could browsers fix more accessibility problems automatically?

More accessible defaults, please!

Minimum Viable Data Collection

Uncanny Valley

How deployment services make client-side routing work

22281

Reply via email

Equality, a reading list (2)

When there is no content between headings

Why it's good for users that HTML, CSS and JS are separate languages

2020 in review

How I turned my Goodreads data into a self-hosted website with Eleventy

It's easier when you do it earlier

My typical day

Accessible front-end components: claims vs reality

Queuing up

What's ‘normative’ in WCAG?

Criticism pushes the web forward

150

Introducing: an Eleventy starter project for WCAG reports

Solutionism

A case for accessibility statements in app stores

How AI is made matters, confirms “Atlas of AI”

Trying out spicy sections on here

Subsets and supersets of WCAG

Patterns

In person

Meeting “2.2.2 Pause, Stop, Hide” with prefers-reduced-motion

The better version of digital life is real life, not ‘the metaverse’

How many people with disabilities use our site?

2021 in review

Twitter needs manual language selection

The web doesn’t have version numbers

Joining Sanity

Boolean attributes in HTML and ARIA: what's the difference?

Use Firefox with a dark theme without triggering dark themes on websites

More to give than just the div: semantics and how to get them right

Re: nuance in ARIA

Menlo Park

Photo blogging with Sanity and Eleventy

Common accessibility issues that you can fix today

The URLs are new

Action, inaction and ‘cancel culture’

Test in many browsers

More common accessibility issues that you can fix today

Accessibility from different perspectives

ATAG: the standard for accessibility of content creation

How I built a dark mode toggle

“That's not accessible!” and other statements about accessibility

Two talks about documentation

Two levels of customising <selectlist>

With :focus-visible, you can have focus styles when it makes sense

Individual climate action: small steps matter

Keyboard shortcuts need modifier keys

How I use Twitter

Re: AI for content creation

What's new in WCAG 2.2?

The last dConstruct

Better accessible names

2.4.11 Focus Appearance adds more complexity to WCAG than we should want

Do we need an Interop for assistive technologies?

Is this the last exodus from Twitter?

Dialogs and popovers seem similar. How are they different?

My experience at Modern Frontends Live

ACT Rules CG published implementations

Mostly on Mastodon

2022 in review

Data-informed flex-grow for illustration purposes

Browser built-in search and ATAG A.3.5.1

200

My ideal accessible components resource is holistic, well tested and easy to use

Neither artificial, nor intelligent

Back to freelance

Semantics and the popover attribute: which role to use when?

Positioning anchored popovers

Joining CSSWG

“AI” content and user centered design

It's pretty rude of OpenAI to make their use of your content opt-out

Co-organising Design Systems Week 2023

Ableist interactions

Answers to common (web) accessibility questions

2023 in review

Clippy returned (as an unnecessary “AI”)

Sharing links

“AI” and accessible front-end components: is the nuance generatable?

Breadcrumbs, buttons and buy-in: Patterns Day 3

On popover accessibility: what the browser does and doesn’t do

On authoring tools in EN 301 549

Comparing design systems to find the best qualities

The open web, MIDI and assistive tech: State of the Browser 2024

Trains are offices

Turn off AI features by default (to reduce their climate impact)

What I got up to in 2024

Views on views

The future of government is green: five ways to make a sustainable difference today

Tag, you're it

Is “ethical AI” an oxymoron?

Running for the AB

Running for the AB (2): meet the candidates

How to avoid that your post about AI helps the hype

We should listen to the philosophers more

Conformance vs compliance, accessibility standards edition