Brad Frost

frontend-guidelines-questionnaire. A one-page questionnaire to help your team establish effective frontend guidelines, so that you can write consistent & cohesive code together.

this-is-responsive. This Is Responsive

atomic-design. The repository for the Atomic Design book

style-guide-guide. A boilerplate for creating your own custom style guide

project-hub. An HTML template for project timelines

patternlab. Make a pattern library using atomic design.

ish.. ish. is yet another viewport resizer

gatsby-style-guide-guide. A boilerplate for creating your own custom style guide

dumb-react. JavaScript

labelmask. A way to create accessible input hinting without using input masks.

design-system-questionnaire. A questionanaire for creating effective design systems

Mobile-First-RWD. An example of a mobile-first responsive web design

dumb-react-sass. CSS

vue-design-system-demo. JavaScript

pittsburgh-food-bank-timeline. The project timeline for the Pittsburgh Food Bank open redesign

vanilla-pl-hbs. Vanilla Pattern Lab Handlebars Starter Kit

progress. All the progress on all my current projects

vanilla-pl. CSS

cn-style-guide. HTML

pittsburgh-food-bank. Pittsburgh Food Bank Website Redesign

deathtobullshit. Death to Bullshit

FitVids.js. A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

one-click-hugo-cms. CSS

Responsive-Retrofitting. Playing around with a few ideas...

Respond. A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

patternlab-website-pl. HTML

pittsburgh-food-bank-wordpress. Custom Wordpress theme for the Greater Pittsburgh Community Food Bank

suit-utils. Utility classes for common, reusable, low-level CSS traits

frost-finery-pl. Pattern Lab repo for Frost Finery

pghdevicelab. Pittsburgh Open Device Lab website

patternlab-handlebars-ecommerce-demo-example. HTML

pl-website-eleventy. CSS

test-jekyll-netlify. Ruby

frost-frost-website. CSS

pattern-lab-ecommerce-handlebars. CSS

frost-frost-wp. Wordpress theme for frostfrost.com

picturefill. A responsive image polyfill for <picture>, srcset, sizes, and more

fluidvids. Fluid width (responsive) videos module, 1KB, custom players, dynamic elements/XHR support.

Pattern-Primer. Generating styled markup from a folder of markup snippets.

try_git.

frost-finery-wp. Wordpress theme for frostfinery.com