Search
Accessible Forms with Pseudo Classes
22.3.2024
Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for …
Accessible Forms with Pseudo Classes originally published...
After Payday 3 Flops, Starbreeze Removes CEO And Looks For 'Different Leadership'
12.3.2024
The launch of Payday 3 in 2023 was a disaster, leading to poor review scores, a negative Steam rating, and fans abandoning the new game to play Payday 2 instead. Now, a few months later, and after Payday 3 failed to meet sales expectations, the CEO of developer Starbreeze has been removed as...
India’s External Affairs Minister Shuns BRICS Currency Talks, Prioritizes Rupee’s Strength Instead
11.7.2023
Members of the BRICS alliance are meeting at a summit in Johannesburg, South Africa, in August, focusing attention on the potential for the BRICS bloc to create a gold-backed reserve currency. However, Subrahmanyam Jaishankar, India’s external affairs minister, said India isn’t...
Economists Expect the Fed to Reveal Another 25bps Rate Hike Before Pausing for the Rest of 2023
10.4.2023
After the March rate hike by the Federal Reserve, economists believe that the recent move by Saudi Arabia and several members of the Organization of the Petroleum Exporting Countries (OPEC) to cut oil production could complicate the central bank’s mission. Additionally, the majority of...
Lido Protocol Reveals Plans for Withdrawal Feature Ahead of Ethereum’s Shanghai Hard Fork
26.1.2023
While the Ethereum community prepares for the upcoming Shanghai hard fork in March, the development team for the liquid staking project Lido revealed plans to create an in-protocol withdrawal feature. Lido’s team is seeking community feedback on the proposal that would allow withdrawals after...
Everything Shown At Summer Game Fest’s Big Kickoff Event
9.6.2022
Summer Game Fest. Hot Geoff Summer. The Geoffening. Keigh3. Call it what you will, but despite a notable absence of E3 this year, the de facto high video game marketing season is nonetheless underway. Over the course of a streamed event that ran for two hours but felt like 2o, host Geoff Keighley...
Andreessen Horowitz Launches A16z Crypto Research Lab
24.4.2022
A16z, also known as Andreessen Horowitz, the venture capital (VC) company that has invested millions in crypto-related projects, has announced the launch of its own crypto research lab. This new initiative seeks to marry academic research with producing ideas and putting them into practice...
Standardizing Focus Styles With CSS Custom Properties
10.12.2021
Take two minutes right now and visit your current project in a browser. Then, using only the Tab key, you should be able to navigate between interactive elements including buttons, links, and form elements.
If you are sighted, you should…
How to Implement and Style the Dialog Element
6.10.2021
Go in-depth on the native dialog HTML element with this tutorial and learn how to implement a user-friendly, accessible dialog on your website.
The post How to Implement and Style the Dialog Element appeared first on Codrops
A Deep Dive on Skipping to Content
3.8.2021
While most people browsing the web on a computer use a mouse, many rely on their keyboard instead. Theoretically, using a web page with the keyboard should not be a problem — press the TAB key to move the keyboard …
The post A Deep Dive on Skipping to Content appeared first on CSS-Tricks....
:focus-visible in WebKit
9.7.2021
This is a nice update from Manuel Rego Casasnovas. Igalia has this idea to sort of crowd-source important web platform features that need to get worked on (that’s the sort of work they do). They call it Open Prioritization. …
The post :focus-visible in WebKit appeared first...
Bitcoin Drops Below $40K, Crypto Economy Down 17%, Markets Lost $250 Billion Last Week
19.5.2021
On Wednesday, cryptocurrency markets continue to drop lower in value, as the entire crypto-economy has plunged 17% below the $2 trillion mark and now rests at $1.801 trillion. Bitcoin, the leading cryptocurrency in terms of market capitalization, touched a high of $40,770 per unit at 4:48 a.m....
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
Weekly Platform News: Focus Rings, Donut Scope, Ditching em Units, and Global Privacy Control
4.3.2021
In this week’s news, Chrome tackles focus rings, we learn how to get “donut” scope, Global Privacy Control gets big-name adoption, it’s time to ditch pixels in media queries, and a snippet that prevents annoying form validation styling.
Chrome will…
The post Weekly...
How We Improved the Accessibility of Our Single Page App Menu
25.2.2021
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …
The post How We Improved the Accessibility of Our Single Page App Menu...
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
:focus-visible Support Comes to Firefox
10.2.2021
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to …
The post :focus-visible Support Comes to Firefox appeared first...
Fixing Smooth Scrolling with Find-on-Page
13.1.2021
Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example):
… when you control+f or
…
The post Fixing Smooth Scrolling with Find-on-Page appeared first...
Focus management and inert
19.10.2020
Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You may already be familiar with this way of navigating if you use it to quickly jump from input to input on a form without having to reach for your...
The :focus-visible Trick
16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element.
But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...