Skip to content

Instantly share code, notes, and snippets.

View oscarotero's full-sized avatar
✊
Beautiful, open and accessible web

Óscar Otero oscarotero

✊
Beautiful, open and accessible web
599 followers · 109 following
View GitHub Profile
@oscarotero
oscarotero / xxx.md
Created April 21, 2024 15:41

Package name: xxx (temporary name)

Update

xxx update: Updates the dependencies in the code. You can pass a list of patterns. For example:

  • xxx update deps.ts Updates a file
  • xxx update deps/*.ts Updates all files matching this pattern
  • xxx update deps.ts deps/*.ts Updates all files matching several patterns
@oscarotero
oscarotero / jsr.md
Created February 15, 2024 20:46

JSR feedback

I've been testing jsr with some packages. The experience was good in general but I would like to drop here my impressions, I hope you find them useful.

FastCheck

I used to avoid unnecessary typing in my TS code but seems that the new TypeScript checking for JSR (called FastCheck) is much more strict than the Deno default configuration (which was also quite strict). This made me think about one of the main flaws of Deno (in my opinion): The segmentation of the developer experience.

I had the same feeling before when Deno Deploy was released. Everybody assumed that you could deploy your Deno code until we realized that Deno Deploy is not the same as Deno CLI and doesn't support the same features. This difference between both runtimes has a reason (and it's understandable), but it breaks the expectation and introduces friction in the Deno ecosystem UX.

@oscarotero
oscarotero / contas.md
Created October 3, 2023 11:05

6 persoas

Coordinadora (1 persoa)

  • 16h/semana

documentación/catalogación (3 persoas):

  • coordinadora
  • Persoa 1: 4h/semana
  • Persoa 2: 4h/semana
@oscarotero
oscarotero / states.md
Last active January 9, 2019 10:10
States

List of states to take into consideration

Network

  • Online
    • Loading content
    • Content loaded (default)
    • Flaky network
    • Content failing to load
  • Offline
@oscarotero
oscarotero / a11y.md
Created December 20, 2018 09:58
@oscarotero
oscarotero / icons.html
Created September 27, 2018 08:07
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
@oscarotero
oscarotero / sw.js
Created August 27, 2018 10:05
const version = 'v1';
self.addEventListener('install', function(event) {
event.waitUntil(
caches.open(version).then(function(cache) {
return cache.addAll(['/sin-conexion']);
})
);
});
@oscarotero
oscarotero / drag-n-drop.html
Created August 6, 2018 07:10
<!DOCTYPE html>
<html>
<head>
<title>Drag test</title>
<style>
#zone {
position: relative;
background: yellow;
height: 800px;
}
@oscarotero
oscarotero / index.html
Created August 4, 2018 18:28
Local storage notes
<!DOCTYPE html>
<html manifest="offline.manifest">
<head>
<meta charset="UTF-8">
<title>Notes - Save notes in your browser</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<meta name="author" content="Oscar Otero - http://oscarotero.com">
@oscarotero
oscarotero / colors.js
Last active March 20, 2018 21:26
const contrast = require('wcag-contrast');
const parse = require('csv-parse');
const fs = require('fs');
let counter = 0;
parse(fs.readFileSync('colors.csv'), {from: 2}, (err, result) => {
for (let row of result) {
let [slug, background, foreground] = row;
background = val(background, '#FFFFFF');