Alejandro Oviedo García
Alejandro is a developer who loves learning new things. He is passionate about education, electronics, Open Source, and community-driven events.
A codex for the web
@a0viedo
JSDay Canarias
this.me.toString()
> {
"name": "Alejandro Oviedo",
"job": "Platform Engineer at Beamery",
"social media": "@a0viedo",
"country": "Argentina",
"other": "Google Developer Expert on web technologies and co-organizer of NodeConf Argentina"
}
JSDay CAN @a0viedo
JSDay CAN @a0viedo
HTML
CSS
JS
Performance
Categorías
HTML tags
JSDay CAN @a0viedo
JSDay CAN @a0viedo
source: jsconfhi.com
Detección de colores
JSDay CAN @a0viedo
Definiciones de colores
JSDay CAN @a0viedo
source: webpack.js.org
Stylesheet colors: twitch.tv
desktop
mobile
JSDay CAN @a0viedo
/*! * Vue.js v2.6.10 * (c) 2014-2019 Evan You * Released under the MIT License. */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vue=t()}(this,function(){"use strict";var e=Object.freeze({});function t(e){return null={}.watch,Q=!1;if(z)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){Q=!0}}),window.__VUE_DEVTOOLS_GLOBAL_HOOK__;window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===B&&(B=!z&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),B},ne=z&&function re(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,oe="undefined"!=typeof Symbol&&re(Symbol)&&"undefined"!=
/*! * Vue.js v2.6.10 * (c) 2014-2019 Evan You * Released under the MIT License. */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Vue=t()}(this,function(){"use strict";var e=Object.freeze({});function t(e){return null={}.watch,Q=!1;if(z)try{var ee={};Object.defineProperty(ee,"passive",{get:function(){Q=!0}}),window.__VUE_DEVTOOLS_GLOBAL_HOOK__;window.addEventListener("test-passive",null,ee)}catch(e){}var te=function(){return void 0===B&&(B=!z&&!V&&"undefined"!=typeof global&&(global.process&&"server"===global.process.env.VUE_ENV)),B},ne=z&&function re(e){return"function"==typeof e&&/native code/.test(e.toString())}var ie,oe="undefined"!=typeof Symbol&&re(Symbol)&&"undefined"!=
JSDay CAN @a0viedo
Performance
webcodex.dev
JSDay CAN @a0viedo
+ Node.js (v8 y v10)
+ Puppeteer + Lighthouse + imagemagick
+ tons of others
JSDay CAN @a0viedo
DynamoDB
JSDay CAN @a0viedo
librería base
JSDay CAN @a0viedo
triggers
JSDay CAN @a0viedo
JSDay CAN @a0viedo
+
JSDay CAN @a0viedo
Cosas aprendidas durante el proceso...
#1
no todo se lleva bien con el enfoque "stateless"
JSDay CAN @a0viedo
#2
poder hacer todo 100% serverless no significa que sea lo más feliz
JSDay CAN @a0viedo
#3
cuando se solicita HTML, CSS o JS no todo el mundo confía en vos
JSDay CAN @a0viedo
mejorar gráficos de colores CSS (la barra de colores no toma en cuenta frecuencia)
investigar si hay más herramientas sobre accesibilidad que se puedan automatizar
analizar qué tipos de consejos se pueden presentar a partir del HTML obtenido
JSDay CAN @a0viedo
Siguientes pasos
agregar galería
modo de comparar dos sitios
detección de frameworks CSS
JSDay CAN @a0viedo
Siguientes pasos
JSDay CAN @a0viedo
$$$
JSDay CAN @a0viedo
$$$
I ❤️ OSS
github.com/a0viedo/webcodex
¡Gracias Tenerife!
bit.ly/webcodex-jsdaycan
webcodex.dev
A codex for the web
By Alejandro Oviedo García
