Front-End Developer Handbook

Resources

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it. It is specifically written with the intention of being a professional resource for potential and currently practicing…

JavaScript, the Right Way

Resources

This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices. Despite the name, this guide doesn’t necessarily mean “the only way” to do JavaScript. It’s a collection of articles, tips, and tricks from top developers and put here. Since it comes from exceptional folks,…

Font-To-Width, fit pieces of text snugly within their containers

Scripts

Font‑To‑Width (FTW!) is a small Javascript routine by Nick Sherman and Chris Lewis that takes advantage of large type families to fit text to the width of an element using multiple font families of different widths. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses…

Snap.svg, JavaScript SVG library for the modern web

Scripts

SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest…