Matt Smith

⚡️ A collection of tips to help take your CSS skills pro 🦾

CSS Protips is a curated collection of practical tips for writing cleaner, more correct CSS, covering layout tricks, browser consistency fixes, and less-obvious features, each with a brief explanation and a working code example.

🔥 JavaScript talks you have to see 📺 on functional programming, performance, frameworks, React, debugging, leveling up, and more! ⚡️

A hand-picked list of must-watch JavaScript conference talks from 2014 to 2025, organized by year, covering topics like React, async programming, performance, browser internals, and functional programming.

🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀

A collection of tips to help up your jQuery game 🎮

🔧 A collection of essential design pattern examples in JavaScript 🧰

✅ A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience. 🧠

A simple mega nav menu in pure CSS

A super-lightweight, responsive, 8-column grid based on box-sizing

Tips and practical examples

📚 A list of popular JavaScript algorithms that you'll encounter in the real world. 🧠

Web fonts that you probably won't find in a CDN

Super simple tooltips

Where I write stuff 👨🏻‍💻

A keyboard- and screen reader-accessible mega menu

Chat app using Node.js and WebSockets

Some HTML, CSS and JS best practices.

Examples of functions and scope (closure) in JavaScript

A huge list of frontend development resources I collected over time. Sorted from general knowledge at the top to concrete problems at the bottom.

A simpler way to keep your project's CSS and JavaScript in sync

Conditional loading of CSS using media queries

A collection of loading spinners animated with CSS

The resources and tools for learning about the practice of front-end development.

A lorem ipsum-style generator

A responsive vertical timeline

Making #A11Y tips and tricks easier to digest and leveraging the community into the cloud.

30 Day Vanilla JS Challenge

Must-watch videos about javascript

Design and development standards to align and guide your project.

Simple, flexible, Sass-based so you can responsive grid system like you give a fuck

No description.

A front-end training tool and skills assessment

A fixed header that animates on page scroll

Principles of writing consistent, idiomatic CSS.

A personal style guide for composing tweets

🤖 Fork me to try out Dependabot

The HTML Presentation Framework

JSConf forever.

Helping you select an MV* framework - Todo apps for Backbone.js, Ember.js, AngularJS, and many more

A thoughtful and complete introduction to React.

Code of JavaScript functions & scope book

Brackets theme based on the monokai color scheme from Sublime Text.

Brackets theme based on the Stone Temple Pilots album "Purple" color scheme

A Yeoman generator that scaffolds out a simple project

Hosted MIT License with details controlled through this repo