Public

I’m concerned about what the Twitter/Mastodon/BlueSky debate means for the webdev community at large. Have we split ourselves in two?

In the early 80s, my mom worked a couple shifts a month at a little small-town food co-op that smelled like nutritional mummy. She brought home

Is there a connection between programming and ADHD? And could it be that people with ADHD are particularly well-suited to programming careers?

In this video, Brad walks through this chart detailing a design system governance process: https://coggle.it/diagram/XTZ3TKMV3SdbE6Pq/t/product-team-comes-to-design-help-design-and-build-new-work/6a980806f82da5777174934f9cd27fdb6f4b06c9c211ac92191a7619e1aa8e6b

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

The JAMstack, static site, serverless revolution has started. A lot of people working with clients think they can't use this amazing new architecture because their clients want very specific things. This site is meant to help you solve your clients' needs while getting to use the JAMstack!

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

The websites we make are nothing less than multi-dimensional objects: the size and shape of them change with every device and browser they are viewed on. We have lots of new tooling to develop layouts for this multi-dimensional landscape, but one crucial element seems to have resisted our attempts at tooling: our typography. How does our typography both maintain meaningful structure while flexing across our dynamic website space? In this talk, we’ll explore that problem. We will make a map of how text and typography behave in our website landscape, and then take these maps and apply them using CSS animations. In this way, we’ll drive dynamic interpolations across our websites' multiple dimensions. ----- About Scott Kellum Scott Kellum is the founder of Typetura, a typography as a service company offering both bespoke and ready-made typographic solutions. With over 15 years of design experience across type, editorial, digital, and print design; Scott’s experience gives him a unique perspective on the typographic challenges and opportunities in the design industry. He has invented multiple web technologies, holds two patents, and has contributed to major projects at Vox Media, Darden Studio, and Roger Black Studio. These accomplishments include inventing dynamic typographic systems, high impact ad formats, new parallax techniques, and the fluid typesetting technology that powers Typetura itself. ----- This talk was held at the "beyond tellerrand" conference 2023 in Düsseldorf: More information about beyond tellerrand (#btconf in short) here: https://beyondtellerrand.com beyond tellerrand is the affordable single-track event where creativity and technology meet in a renowned, familiar and friendly atmosphere. Mastodon: https://mastodon.social/@btconf Linkedin: https://www.linkedin.com/groups/3808125/ Instagram: https://instagram.com/btconf Twitter: https://twitter.com/btconf

(Split screen, with slides on the left, starting at 3:37) Remember Geocities? The unbridled creativity and questionable colour schemes of a bygone era. There was a time when websites existed as reflections of your personality or a shrine to your favourite band rather than carbon copies of a Facebook page or Twitter feed. Content wasn’t algorithmically curated, but shared through links pages and webrings. With modern browsers, we have at our fingertips so many powerful APIs and tools to build the most incredible, beautiful and wonderfully pointless websites that have ever existed, in ways that are accessible and performant like never before. So why aren’t we? Why do all the websites today look the same? This is a manifesto for building something just for the fun of it, and a rallying cry to tell your story on a platform that’s entirely yours. ----- About Sophie Koonin Sophie is the web engineering lead at Monzo Bank in London, responsible for the web platform across the organisation and working on internal tooling that powers Monzo’s award-winning customer service. Building websites since the age of 10, she’s passionate about creating inclusive, accessible and fun websites that people love. Sophie writes about tech & mental health at localghost.dev, builds intentionally useless web apps, and makes music. ----- This talk was held at the "beyond tellerrand" conference 2023 in Düsseldorf: More information about beyond tellerrand (#btconf in short) here: https://beyondtellerrand.com beyond tellerrand is the affordable single-track event where creativity and technology meet in a renowned, familiar and friendly atmosphere. Mastodon: https://mastodon.social/@btconf Linkedin: https://www.linkedin.com/groups/3808125/ Instagram: https://instagram.com/btconf Twitter: https://twitter.com/btconf

Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…

Wide gamut Color 4 complaint CSS gradient builder.

You can have a comprehensive design system that contains a slew of well-structured components, thorough documentation, thoughtful guidelines, and a well-considered design language. But if a design system user can't get done what they're trying to get done, the whole system risks obsolescence. Produ

In this webinar you’ll learn how and why semantic HTML helps screen reader users browse your website, whilst being mostly transparent to people who do not use an Assistive Technology (AT). Join Léonie Watson, a blind screen reader user, as she explores the web, and find out about some unexpected properties of HTML elements that not only have a huge impact on accessibility, but also turn out to be pretty good for performance too.

Hodgepodges and through lines.

Kilotype is an independent type publisher.

Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

It’s fine to require JavaScript for read/write functionality. But have you considered a read-only mode without JavaScript?

The graphic designer's impactful work is distinct for its razor-sharp focus on dismantling constructions of power.

While alt text end punctuation isn’t technically required for compliance, it makes for a better experience for your audience.

In the early phases of a project a spreadsheet can be a more useful design tool than Figma.

To learn more about the behaviors of container query units, we'll explore three fluid typography techniques applied via a "mixin" using custom properties. These upgraded methods will produce truly responsive typography, regardless of context.

Articles on frontend development and more.

“Why create a design system?” It’s a good question, if a hard one.

I've been feeling called to make more art lately. I can't stop thinking about potential ideas for animated Pens, that have no other purpose than to be looked at/and or hovered over. I'm being held back from following through on my ideas not only by my lack of time, but the feeling that I need to "clear the decks" before I can engage in such an activity.

In what I hope becomes a series, I've been recording myself as I drive home from dropping my daughter off at school. Shifting away from more heady topics like AI's impact on design and development, I felt like talking about the importance of choosing a name for your design system. Give it a listen:

On getting old as a person who makes digital experiences.…