Snippets
People's Names That Break Websites
The intersection of rushed (or careless) development and unintended consequences:
We’re doing a story about people that have names that websites and computers don’t seem to like - for example, we spoke to a guy named William Test, and a woman named Katie Test, both of whom can’t seem to keep a hotel or airplane booking because the name “test” is flagged by internal systems.
We also spoke to a guy named Christopher Null who had the same problem, and woman named Joan Fread, who can’t use paypal because her last name is the same as a PHP command.
I’m curious if there’s anyone in the dev community that is thinking about this, and how to deal with it. Is it even considered a problem? Is the population that this affects so small that people don’t even think about it?
WebSlides: Create Beautiful HTML Presentations
WebSlides makes HTML presentations easy.
Just the essentials and using lovely CSS.[…]
Each parent
<section>
in the #webslides element is an individual slide.Code is clean and scalable. It uses intuitive markup with popular naming conventions. There’s no need to overuse classes or nesting. Making an HTML presentation has never been so rewarding.
Git commit template file
Create a Git commit template file […] and link it through your .gitconfig […] to have a standard commit message format every time.
Git commit template file:
Code language: INI
[refs #0000] Subject line
Body (80 chars)
.gitconfig section:
Code language: INI
[commit]
template = /Users/harryroberts/.git-commit-template
Opera Neon
I don’t think this is going to make me switch from Firefox, but Opera Neon is certainly an interesting prototype browser with some cool features that make it stand out.
Using the aria-current attribute
It is common on the web for the current thing in a collection to be highlighted visually, but providing an alternative for screen reader users has often involved something of a hack. The
aria-current
attribute is intended to solve this problem.[…]
Here’s the official attribute definition:
Indicates the element that represents the current item within a container or set of related elements. The
aria-current
attribute is an enumerated type. Any value not included in the list of allowed values should be treated by assistive technologies as if the value true had been provided. If the attribute is not present or its value is an empty string, the default value of false applies and thearia-current
state must not be exposed by user agents or assistive technologies.According to the ARIA 1.1 specification, the
aria-current
attribute can be given one of a predefined set of values (enumerated tokens):
- page
- represents the current page within a set of pages;
- step
- represents the current step within a process;
- location
- represents the current location within an environment or context;
- date
- represents the current date within a collection of dates;
- time
- represents the current time within a set of times;
- true
- represents the current item within a set;
- false
- does not represent item within a set.
So the
aria-current
attribute can be used to solve the first use case in this post like this:
Code language: CSS
[aria-current] {
font-weight: bold;
background-color: #cc33ff;
}
When a screen reader encounters the link identified with
aria-current
, it will announce something like “Home, current page link”.Whenever
aria-current
is used with a value other than true, that information is incorporated into the screen reader announcement. For example in this set of steps, a screen reader will announce “Do this, current step link”.
It's more than just the words, or owning your data and experimenting on your own site
As we move our code to CodePen, our writing to Medium, our photographs to Instagram we don’t just run the risk of losing that content and the associated metadata if those services vanish. We also lose our own place to experiment and add personality to that content, in the context of our own home on the web.