• About
  • Contacts
  • Home
  • Useful Links

Useful Links

Web Optimization

  • Squoosh.app - Image optimizer
  • Difference between images (optimization)
  • SVG cleaner (optimizer)
  • Browser rendering optimization
  • CSS selectors performance
  • Web perf 101

Algorithms

  • Algorithm tutorial
  • Blind - 75
  • JS Algos
  • Algo visualization

System Design

  • JSer - youtube FE system design
  • Ray - youtube FE system design
  • idroo - White board
  • Drawing tool
  • Arrows - drawing tool
  • Excalidraw - drawing tool

UI/UX, CSS, Layouts

  • ICCSS
  • Collection of loaders and animations
  • Color palettes generator
  • CSS Grid layout examples
  • Masonry React
  • Name the color
  • Choose your color palette
  • CSS Unit decision tree from Kevin Powell

Accessability

  • WebAIM
  • Accessability evaluation tools

SEO

  • SEOptimer
  • Semrush SEO
  • Metatags previewer
  • HTML Semantics youtube (common mistakes)
  • HTML Hell

Practice coding

  • Typescript problems
  • BFE
  • GFE
  • Frontendmentor
  • Coding challenges

Other

  • Fonts alignment deep dive
  • web.dev
  • All about Service Workers
  • Unicode tutorial
  • Design Patterns
  • JS Engine from compiler engineer
  • Everything about network (TCP, HTTP, UDP, TLS, etc)
  • Best speech about event loop from Jake Archibald
  • cloudfour web articles
  • Regexp AI
  • SVG to URL
  • V8 engine articles
  • NPM dependency tree visualizer
  • JS Engine fundamentals
  • Fastest way to learn any subject
  • Frontend interview questions
  • Web security labs
  • Geonames DB
  • AI-Powered interview copilot
  • Jake Archibald blog
  • Media file parser (extracts metadata)
  • Google doc for useful frontend links
  • Video processing article
  • Braces to pixels
  • GPU Animation: Doing it right
  • Frameworks benchmark
  • Typescript book
  • Font parser
  • Webstatus (Like Caniuse)