Matt Smith

css-protips. ⚡️ A collection of tips to help take your CSS skills pro 🦾

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

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

jquery-tips-everyone-should-know. A collection of tips to help up your jQuery game 🎮

basic-design-patterns. 🔧 A collection of essential design pattern examples in JavaScript 🧰

typescript-tips-everyone-should-know. ✅ A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience. 🧠

mega-nav. A simple mega nav menu in pure CSS

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

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

javascript-without-jquery. Tips and practical examples

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

super-simple-css-tooltips. Super simple tooltips

allthingssmitty.github.io. Where I write stuff 👨🏻‍💻

nodejs-chat. Chat app using Node.js and WebSockets

accessible-mega-menu. A keyboard- and screen reader-accessible mega menu

frontend-guidelines. Some HTML, CSS and JS best practices.

functions-and-scope-in-javascript. Examples of functions and scope (closure) in JavaScript

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

media-query-load. Conditional loading of CSS using media queries

css-breakpoints-in-js. A simpler way to keep your project's CSS and JavaScript in sync

css-loaders. A collection of loading spinners animated with CSS

vertical-timeline. A responsive vertical timeline

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

anything-ipsum. A lorem ipsum-style generator

js-must-watch. Must-watch videos about javascript

JavaScript30. 30 Day Vanilla JS Challenge

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

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

north. Design and development standards to align and guide your project.

musicbrowser. A front-end training tool and skills assessment

frontend-nanodegree-resume. JavaScript

idiomatic-css. Principles of writing consistent, idiomatic CSS.

fixed-header-animated. A fixed header that animates on page scroll

tweet-style-guide. A personal style guide for composing tweets

jsconf.com. JSConf forever.

react-enlightenment. A thoughtful and complete introduction to React.

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

reveal.js. The HTML Presentation Framework

dependabot-demo. 🤖 Fork me to try out Dependabot

closure. Code of JavaScript functions & scope book

stp-purple. Brackets theme based on the Stone Temple Pilots album "Purple" color scheme

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

generator-simple-project. A Yeoman generator that scaffolds out a simple project