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…

Dug.js, a JSONP to HTML Script

Scripts

So you want to display your Dribbble shots, recent pins on Pinterest, 500px or Instagram photos, Github commits, or recently listened to music on your blog or site? Then this chunk of javascript from Rogie is for you. It was designed to be a lightweight, simple, library-independent script to pull in feeds of content available…

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…