Skip to content

Instantly share code, notes, and snippets.

🤓
Reading your blog posts

Šime Vidas simevidas

🤓
Reading your blog posts
Block or report user

Report or block simevidas

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View sanitize.css
/* Document
* ========================================================================== */
/**
* Add border box sizing in all browsers (opinionated).
*/
*,
::before,
::after {
View main.css
:root{
--scale:100%;
--brand-gradient:linear-gradient(45deg,#f012be,#0074d9);
--brand-gradient-alpha:linear-gradient(45deg,rgba(240,18,190,0.06667),rgba(0,116,217,0.06667));
--font-stack:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
@media (min-width:768px){
:root{
--scale:117%
}
View gist:287a272434df1772fd2e7ba3f265df1d
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'
View temp.js
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)
View user-agen
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
View comment.md

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.

View gist:30b31dab1ebdaee638f469e69333e3a2
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!”
View web-dev-emoji.md

📃 HTML

💈 CSS

🤖 JavaScript

♿️ accessibility

🔒 security

🏇 performance

🕵️‍♂️ privacy

✒️ typography

🔑 authentication

🛠 tooling

View foo.css
.foo {
color: red !important;
}
View variable-fonts.css
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;
You can’t perform that action at this time.