What kind of ethics do front-end developers need?

Some ways of how, as front-end developers, we can apply ethics in our work.

WebAIM: Web Accessibility and SEO

Web Accessibility in Mind Conference: Home

The F-Word

Frontend podcast by Bruce Lawson and Vadim Makeev.

It's very likely that…

I repeatedly see certain bad practices in HTML that ironically contain clues for implementing them properly in their class names or in the way they're built. In this evergreen post, I collect them.

Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences

Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.

Overlapping interactive areas

When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.

Defaulting on Single Page Applications (SPA)—zachleat.com

A post by Zach Leatherman (zachleat)

Intro to HTML-first Frontend Frameworks - SitePen

HTML-first front-end frameworks can help you develop modern interactive web applications while keeping page load times low and responsiveness high.

Heydon Pickering: Please Disable JavaScript To View This Site

This one time, I made people turn off JavaScript in their browser to view my site's content. In this talk, you will discover all the different ways this deep...

Hidde de Vries - Shifting left, or: making accessibility easier by doing it earlier

Hidde de Vries' talk from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/hidde-de-vries/

A Theory of Web Relativity - HTMHell

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

WebAIM: HTML Semantics and Accessibility Cheat Sheet

Making the GOV.UK Frontend typography scale more accessible

We believe in working in the open. This blog is for designers across government to share their projects, ideas and concepts, or just to think out loud.

Accessibility and MVPs

It's easier than you think.

Disabling a link | scottohara.me

With HTML alone there is no way to disable a hyperlink (an element), and have it be both exposed as a “link” and as “disabled”. Now, setting ...

The F-Word

Frontend podcast by Bruce Lawson and Vadim Makeev.

File Uploads for the Web (1): Upload Files with HTML

This is the first post in a series all about uploading files to the web. In this post, we cover the steps needed to upload files using only HTML.

PHP Market Share in [year]

PHP Market Share in 2023 PHP is the most used server-side programming language on the web. In fact, 79.

CSS-only Widgets Are Inaccessible

Usually. I originally titled this InacCSS-onlyible. I even made this typographically, er, distinct image. Then I realized it was silly and will instead use the neologism in a talk so I can hear the groans IRL.

Structuring Accessible Forms

Forms have a strong semantic structure from labeling controls to ensuring the states of controls are announced by assistive technology. We look at the basics...

You Really Don't Need All that JavaScript, I Promise • Stuart Langridge • GOTO 2019

This presentation was recorded at GOTO Copenhagen 2019. #GOTOcon #GOTOcphhttp://gotocph.comStuart Langridge - Member of the Web Standards Project's DOM Scrip...

Everyone has JavaScript, right?

How-to: Use the tabindex attribute - The A11Y Project

tabindex is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way.

The End of Front-End Development

Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter.

Progressive Web Apps (PWA) for Beginners

Welcome to PWA for Beginners! Join Beth Pan and her team in this spunky 4-chapter, 17-video tutorial that walks you through building your own Progressive Web...

The Great Gaslighting of the JavaScript Era

The age of frontend JavaScript frameworks eating the web world didn’t happen simply because some well-meaning developers found great DX. It happened because we were fed a line.

We Don’t Need .visually-hidden – Web Axe

Link + Disclosure Widget Navigation

Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished.

Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences

Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.

Issues · validator/validator

Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG - Issues · validator/validator

HTML: A good basis for accessibility - Learn web development | MDN

You should now be well-versed in writing accessible HTML for most occasions. Our WAI-ARIA basics article will help to fill gaps in this knowledge, but this article has taken care of the basics.

100 Days Of More Or Less Modern CSS

A blog post about modern CSS every day for 100 days.

So You Think You’ve Built a Good Infinite Scroll

So you’re saying there’s a chance … that I’ll make it to the footer. TL;DR (added 12 December 2020): Can the user hit “back” and return to the exact same place? Is there paging for when the JavaScript breaks? Does the page have a footer? Can a keyboa…

The Market for Lemons

New web services are being built to a self-defeatingly low UX and performance standard, and existing experiences are now pervasively re-developed on unspeakably slow, JS-taxed stacks.

Using CSS to Enforce Accessibility

The CSS3 logo as a head atop a torso with its arms folded across its chest. I am a big proponent of the First Rule of ARIA (don’t use ARIA). But ARIA brings a lot to the table that HTML does not, such as complex widgets and state information that…