Editor's Pick
Flitter - Data Visualization Framework
Flitter is your go-to JavaScript library for high-performance, interactive data visualizations with Flutter-like syntax. Seamlessly integrates with React, Svelte, and more. Experience simplicity and power in one package.
Accessibility
Content hiding techniques and their accessibility implications
This table is provided as a resource for the “Hiding content using HTML, CSS, and ARIA — which one should you use when?” chapter of the Practical Accessibility course, which explains the different ways for hiding content in HTML, CSS and ARIA and how each of them affects the accessibility of content.
CSS
What Are CSS Container Style Queries Good For?
What are these CSS Container Style Queries, and why should you use them? Juan Diego Rodríguez delves deeply into style queries, and not at the syntax level, but at what exactly they are solving and what sort of use cases you would find yourselves reaching for them in your work if and when they gain browser support.
Browser Strangeness - Jeff Clayton's CSS Hack Test Page
Updated for Microsoft Edge and Safari 11.
This is my public LIVE browser test page for my own CSS hack contributions to the universe. If you are new to web development... These are quick-fixes for browser-specific bugs, not anything to do with illegal activity. If you use them, remember that CSS Hacks are bandaids, temporary fixes ONLY! Recently I was asked how I find these: examine browser source code where available, read developer notes for Chrome, Firefox and IE/Edge, test... a lot! Why do I do this? Because it is a fun hobby and I like puzzles. You will see a bit of my work and testing at BrowserHacks.com - If you post to the GitHub boards about CSS hacks I am certain one of us will respond.
It is always better to use good css before resorting to css hack workarounds, but these are here for solutions in the meantime.
Inline conditionals in CSS?
Last week, the CSS WG resolved to add an inline if() to CSS. But what does that mean, and why is it exciting?
JavaScript
HTML Canvas Deep Dive
HTML Canvas Deep Dive is a hands on introduction to Canvas. Code along with the book and play with interactive examples. When you finish reading this short tome you will have the skills to make charts, effects, diagrams, and games that integrate into your existing web content.
This book is organized into two kinds of sections. There are reading portions where I describe how an API works and give you interactive examples. Then there are hands on lessons for you to walk through and build your own canvas apps.
Flitter - Data Visualization Framework
Flitter is your go-to JavaScript library for high-performance, interactive data visualizations with Flutter-like syntax. Seamlessly integrates with React, Svelte, and more. Experience simplicity and power in one package.
UX
User Interviews Considered Harmful
I have now been building products from zero to one for the last four years: some commercially successful, some not. Along the way, I have often been given the advice that it’s important to talk to users before you build, to help ensure that you build something that people actually want.
Four years later, I believe this conventional wisdom does more harm than good. The big problem is that users frequently are not truthful about their wants and needs: whether intentionally or not, they tend to state false preferences. In this blog post, I want to share some of the failure patterns that I have seen along the way.
Data Table Design UX Patterns & Best Practices
Learn about data table design UX. Best practices for column layout, table actions, and viewing options in your enterprise software.
Great animations
Great animations are hard, as there are many aspects to consider. From easing and timing to accessibility and performance. This post is a collection of principles that, in my opinion, make animations great.