Chicago Tech Events
The website for chicagotechevents.com built with Gatsby
github.com/johnpolacek/chicagotechevents.comDesign System Playground
Play with typography and colors to generate a design system theme.
design-system-playground.netlify.com/MDX Deck with Greensock
A Demo of MDX Deck with Greensock Animation
mdx-deck-greensock-demo.netlify.com/Styled System HTML
HTML elements extended as components, ready for theming via styled system.
johnpolacek.github.io/styled-system-html/CSS-in-JS or CSS-and-JS
A thing built with CSS and JS and a same thing built with CSS-in-JS.
johnpolacek.github.io/css-in-js-or-css-and-js/Styled Starter
Starter Kit for React Apps with Next.js and Styled System Components.
johnpolacek.github.io/styled-starter/
Expressive CSS
See and share how web pages look at different screen sizes
http://johnpolacek.github.io/expressive-css/Simple Grid Generator
A SASS grid generator for creating responsive grids with some nice features.
http://johnpolacek.github.io/simple-grid/Responsivator!
See and share how web pages look at different screen sizes
http://johnpolacek.github.io/Responsivator/BigVideo.js
The jQuery Plugin for Big Background Video (and images)
http://dfcb.github.com/BigVideo.js/
SuperScrollorama
The jQuery plugin for doing cool scrolly stuff.
http://johnpolacek.github.io/superscrolloramastacktable.js
jQuery plugin for stacking tables on small screens.
http://johnpolacek.github.io/stacktable.jsExtra Strength Responsive Grids
A Fluid CSS Grid System for Responsive Web Design
http://dfcb.github.com/extra-strength-responsive-grids/Open Source For Fame and Fortune
Animated Slide Deck from my talk at Techweek Chicago
http://johnpolacek.github.io/open-source-for-fame-and-fortune/Channel of Awesome
Web playlists of YouTube and Vimeo videos that play fullscreen in a loop
http://dfcb.github.io/channel-of-awesome/What The Heck Is Responsive Web Design?
Introductory presentation to Responsive Web Design <br /><small>(uses my <a href="http://johnpolacek.github.io/scrolldeck.js/">Scrolldeck plugin</a>)</small>
http://johnpolacek.github.io/scrolldeck.js/decks/responsive/