Skip to content

Instantly share code, notes, and snippets.

View simevidas's full-sized avatar
🦊
sticking with Firefox till the end

Šime Vidas simevidas

🦊
sticking with Firefox till the end
View GitHub Profile
base-uri 'self';object-src 'none';report-uri https://docs.google.com/document/cspreport;script-src 'nonce-DLwClkxBf4O2KQiZG5JImw' 'unsafe-inline' 'strict-dynamic' https: http: 'unsafe-eval'
import {parse, stringify} from 'https://unpkg.com/cssomtools'
function render(event) {
localStorage[pluginName] = input.getSession().getValue()
output.getSession().setValue(
stringify(parse(localStorage[pluginName]))
)
//return beautify.beautify(output.session)
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.99 Safari/537.36 Vivaldi/2.9.1705.41

The goal of accessibility is to meet the needs of the minority because they’re often forgotten.

Everybody experiences temporary disabilities, so it would be more correct to say that the goal is to meet the needs of everyone.

In general, the more accessible an interface is, the less aesthetic appeal it has. Highly accessible interfaces are easier on the eyes of the visually impaired, but harsher on the eyes of the normal visioned. On the flip side, highly aesthetic interfaces are easier on the eyes of the normal visioned, but harsher on the eyes of the visually impaired.

This is a big claim. Do you have a source? Personally, I have excellent vision, but I still prefer interfaces that have high contrast. It’s just more readable.

Accessibility extremists tend to discount aesthetics.

We went to court
Against the world’s worst sport
And learned important lessons on the way
We spoke with perfect candor
And got accused of slander
Cause Bob Murray wants to make us pay
So even though he’ll threaten
Legal armageddon
We have just one tiny thing to say
“Bob Murray can go fuck himself today!”

📃 HTML

💈 CSS

🤖 JavaScript

♿️ accessibility

🔒 security

🏇 performance

🕵️‍♂️ privacy

✒️ typography

🔑 authentication

🛠 tooling

@simevidas
simevidas / foo.css
Last active September 8, 2019 17:56
.foo {
color: red !important;
}
x:root {
--color-primary: #37187c;
--color-secondary: #262A4C;
--color-contrast: #ff4929;
--color-text: #020521;
--color-light: #fff;
--color-background: hsl(187, 54%, 90%);
--line-height: 2.2rem;
@simevidas
simevidas / demolink.md
Last active July 28, 2019 20:29
The demo