PaaS

@xf3l1x
f3l1x.io
08.09.2022

DaaS

SaaS

 IaC 

CaC

 IaaS

PaaS

@xf3l1x
f3l1x.io
08.09.2022

DaaS

SaaS

 IaC 

CaC

 IaaS

 IaaS

Icon as a service

unoptimized jpeg / png

optimized jpeg / png

sprites

{ http2 }

jpeg → png → jpg → png → webp → avif

gzip, deflate, br 

img lazy=loading

gulp/grunt icon tasks

webpack icon bundling

window.requestAnimationFrame

vite icon bundling

vite rollup icon bundling

vue-cli vite rollup icon bundling in Makefile

snowpack, pika.cdn → skypack

0cjs

{ http3 }

  • PNG/JPG
  • sprites
  • bundlers
  • single-purpose
  • custom icons
  • app deployments
  • 1 color => 1 icon
  • SVG
  • separate icons
  • reusable
  • public icons
  • separate deployments
  • global
  • resizing
  • coloring
  • caching
NOPE
OH YES 

Coloring (hexa, tailwind)

Resizing (min-max)

Optimal formats (SVG)

Cache (Stale-while-revalidate)

Multiple iconsets

Errors / Fallbacks

Docs generator (API, markdown)

Lambda size (custom NPM)

Tips & Tricks

Thank you!

@xf3l1x
f3l1x.io

2022-09-08 - Icon as a service

By Milan Felix Šulc

2022-09-08 - Icon as a service

  • 67