Public

A collection of bad practices in HTML, copied from real websites.

​Alex Russell was an early member of the Chrome team, a 3-time elected member to the W3C Technical Architecture Group from 2013 - 2019, and a representative ...

A post by Zach Leatherman (zachleat)

I'm still getting used to this

Is it possible to define human perception with a handful of metrics? Learn how people comprehend time, and use this knowledge to make even longer waits feel less frustrating.

How “Exclusive Accordions” hinder especially people with disabilities to efficiently use web pages, and why that is a reason to be careful about making it easy to implement them.

Tips, tricks and tutorials on the web’s most beautiful language.

The big drawback to refreshable braille devices has always been their cost. The loose rule of estimation applied to these products has translated into something like $100 to $150 per braille cell. A 40-cell display, in other words, may cost $4,000 to $6,000, while an 80-cell model will cost $8,000 to $12,000. And so it has been that, while desirable, braille computer access has been out of reach for many users of assistive technology.It is thus of great value to lower the cost of individual braille cells in order to manufacture Refreshable Braille Devices at a price that is affordable to the Visually Impared community.While commercially available braille displays use expensive piezo-electric actuated pins. This project employs an electromechanical system with off-the-shelf and easily manufacturable components, leveraging the accessibility of high-quality 3D Printers and micro-magnets to keep the cost low without compromising functionality.Support my work by buying me a coffee ☕: https://www.buymeacoffee.com/vjvaradaSource & Design files: https://hackaday.io/project/191181-electromechanical-refreshable-braille-module#HackadayPrize #hackadayprize #braille #assistivetechnology #assistivetech

Exploring the reasons why we no longer have web designers.

The idea of “foundations” is one of the biggest threats to creating a design system people use.

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version. I know I also have a terrible record with open source maintenance, so I thought […]

Why do design systems burn us out, and what can we do about it?

The enshittification of the internet follows a predictable trajectory: first, platforms are good to their users; then they abuse their users to make things better for their business customers; finally, they abuse those business customers to claw back all the value for themselves. Then, they die. It doesn't have to be this way. Enshittification occurs when companies gobble each other up in an orgy of mergers and acquisitions, reducing the internet to "five giant websites filled with screenshots of text from the other four" (credit to Tom Eastman!), which lets them endlessly tweak their back-ends to continue to shift value from users and business-customers to themselves. The government gets in on the act by banning tweaking by users - reverse-engineering, scraping, bots and other user-side self-help measures - leaving users helpless before the march of enshittification. We don't have to accept this! Disenshittifying the internet will require antitrust, limits on corporate tweaking - through privacy laws and other protections - and aggressive self-help measures from alternative app stores to ad blockers and beyond!

Modern design tools are great, but their efforts to reflect the responsive reality of web design have been lacking. Too often, they’re stuck in static design thinking, or adaptive layouts like mobile, tablet, and desktop. The rise of design systems has helped, allowing for easy preview of responsive patterns. But our design tools aren’t yet equipped to allow designers to move easily from design to code. Where are the tools that allow for truly fluid layouts? What would they even look like? In this talk, Jason will look at how our design processes have changed, how design tools should integrate with design systems, and how close we can get to an ideal fluid design tool today.

Product design principles that will improve usability for everyone.

Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.

Design spacing tokens semantically

User experience designers guide - How to document the screen reader user experience for web content. Using your visual as a starting point, we’ll take you step by step through how to document the screen reader UX introducing concepts along the way.

I'm big on [modular design](https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/). I've long been sold on dividing websites into components, not pages, and amalgamating those components dynamically into interfaces. Flexibility, efficiency and maintainability abound.

#ChatGPT #writingadvice Write a terrible sentence, click “show don’t tell”, and great prose comes out -- is this CHEATING? Programs like ChatGPT and SudoWrite can enable you to produce work above your writing skill level. You can write whole novels with these engines. How should writers contend with this new technology? On the one hand, it’s a tool that produces great results -- why not use it? On the other hand, you’re not getting better at writing -- that’s a problem, right? In my opinion there’s a way to use this productively for writers in certain situations. But at the same time, it should be approached with caution. -- MORE VIDEOS -- How (NOT) To Write Madness (GoT/Arcane) - https://youtu.be/pymojkDct2A How Arcane Writes WOMEN - https://youtu.be/hML-FGHGEN4 LOTR “You Bow To NO ONE” - https://youtu.be/0ieyqCsZeks Stranger Things S4 Fixed MAX - https://youtu.be/JQvWF1OoIcM Support the channel on Patreon: https://www.patreon.com/schnee1 Read my comic Minor Champion! https://www.webtoons.com/en/challenge/minor-champion/list?title_no=713431 Follow me on Twitter! https://twitter.com/JD_Schnee Business email: schnee.business@gmail.com 0:00 - the question 1:06 - argument for AI 1:40 - storytime + suggested method 3:19 - who should use this method? 4:41 - who should NOT use this method? 5:44 - who should embrace AI?

Download Shapr3D for iPad, macOS, & Windows: https://www.shapr3d.com/download?utm_source=social&utm_medium=youtube&utm_campaign=designtheory to get 10% off with code "DesignTheory10" Support me on Patreon: https://www.patreon.com/JohnMauriello Check out the Design theory merch @ https://designtheory.store/ Sign up to learn more about the design book that we're going to publish: https://www.studioello.com/mail Check out my online industrial design course, Form Fundamentals: https://bit.ly/335vsqO Join my discord channel: https://discord.gg/hFw55nh Follow me on Twitter: https://twitter.com/john_mauriello Follow my Instagram: https://www.instagram.com/mauriellodesign/ Follow me on LinkedIn: https://www.linkedin.com/in/mauriellojohn/ Dieter Rams is one of the most influential industrial designers to ever live. Even if you don’t know who he is, you probably use products that were inspired by his thinking everyday. He wrote the Ten Principles for Good Design, and they’re basically like the design bible. Designers must never question them. So that’s exactly what we’re going to do now. Editing by Brad Heath: https://twitter.com/brad_heath_ All content directed and written by John Mauriello. John Mauriello has been working professionally as an industrial designer since 2010. He is an Adjunct Professor of industrial design at California College of the Arts. Time stamps: 0:00 intro 1:00 Good Design is Honest 6:48 Good Design is As Little Design As Possible 14:09 Good Design is Environmentally Friendly 15:51 Good Design is Long Lasting 16:42 Good Design is Thorough Down to the Last Detail 18:08 Good Design is Unobtrusive 19:00 Good Design Makes a Product Understandable 19:40 Good Design Makes a Product Useful 20:35 Good Design is Innovative 20:52 Good Design is Aesthetic & Other Parting Thoughts 21:50 Dieter's REAL Secret Of Good Design

If you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.

You’ve all seen them, tiny switches that let you toggle a setting. And maybe, just like me, you sometimes pause, thinking “...Is it on or…

10 dos and don'ts for designing accessible data visualizations, including real-life examples and resources

Earlier this week a judge threw out the class action lawsuit against Google for pay discrimination. Embedded within a larger case about pay…

TL;DR: This post does not assert the correct way to code blockquotes, it will only demonstrate how screen readers announce some existing patterns. Test Details The first four examples are lifted from WHATWG HTML’s blockquote entry. The next three are from W3C HTML’s 2019 blockquote guidance (the W3C HTML spec…

Inclusive design advocate, writer, developer, and speaker

The separation of concerns we aim for in design systems has an unwanted byproduct: bloated HTML in the space between components. What can we do as component authors to encourage good markup hygiene at the inter-component level?

"Stick to boring architecture for as long as possible, and spend the majority of your time, and resources, building something your customers are willing...