corysimmons/lost-grid.js

This repository has been archived on 28/Apr/2020
Stars
17
Rank 1,257,181 (Top 25 %)
Language
JavaScript
License
MIT License
Created over 9 years ago
Updated over 9 years ago

corysimmons/lost-grid.js

corysimmons

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

✖︎ Proof of concept to generate layouts based on dynamic attributes. I demo'd this and spoke about the pro's and con's of this kind of thing at Dev Workshop Conf and was laughed out of the room by progressive enhancement zealots. Then JSX took over the industry.

boy

👦 A very opinionated, lightweight version of HTML5 Boilerplate with conditionally-loaded polyfills and an opinionated CSS reset for firing up web projects in no time.

postcss-ant

Size-getting function masquerading as a grid system.

reeeset

:rage3: A slightly opinionated CSS reset. 3 e's.

package-script-manager

⚠️ Investigate https://github.com/kentcdodds/nps It's 100% better maintained and probably more feature-rich. | Like package scripts? Dislike that they're in JSON? package-script-manager adds Javascript to your package.json scripts.

vcf-generator

npm i; tweak rows and vcard template; npm run generate; drag to iOS simulator

picky.json

🔍 Dump JSON. Click something. Get selector.

colors.json

CSS color names JSON.

ie-love

❤️ Combo polyfill for IE8 and below.

slipScroll.js

Slip scroll jQuery plugin.

scrollTrigger.js

jQuery plugin to activate/deactivate elements as you scroll up/down the page.

enno

A simple, powerful, class/calc-based grid system with Bootstrappy/Foundationy markup.

relatively-sticky

A jQuery plugin that will stick elements without the position: fixed headaches. Made obsolete by position: sticky + polyfill.

intrinsic

A simple mixin for easy intrinsic ratios.

huge-ass-grid.psd

A 24-12-8-6-4-2 Photoshop grid for designing websites. Originally designed for Bootstrap 2 grid mockups.

lazygrid

😴 A lazy grid. Yawn...

presentations

A collection of presentations I've given. Some of these are really old...

imagemin-cli-preserve-dir-structure

imagemin-cli has recurring problems preserving dir structure. This is a bandage.

bootstrap-margin-grid

⚠️ Not a drop-in replacement! - Bootstrap grids with margin instead of padding.

bootgrid.psd

A .psd grid template for Bootstrap 2 complete with column and row guides.

react-stupid-grid

🚨Use https://rebassjs.org/grid/ and https://rebassjs.org instead.

clonr

My first custom Node project. NPM package to quickly clone Github repos by username/reponame.

sass-ratios

Simple SCSS function that returns useful ratio sizes.

boy-npm

👦 Easily create new Boy projects.

copycopy

✖︎ Silly project to recreate cp with Meow. Use mysticatea/cpx for real projects!

wp-comp

Component architecture in WP. Cleans up WP_Query loops while making them reusable.

ookook

🚨Just a proof-of-concept. Still internally debating on whether this or just the `css` prop are better. Update: I think I like styled-jsx best just for encapsulation.

polygone

💀 Unfortunately SVG SMIL animations got axed. This unfinished project was aimed at animating polygons in an SVG to the polygons in another SVG. Would've been cool... I think there are other options now that fill this void.

step-scaler

Finds the step increment between two numbers and returns an array using that increment for the number of steps.

bp-scaler

When given an object with named breakpoints, and min/max px values, it returns an em scale matching those breakpoints.

fakeup

React Native fake data app.

status-interfaces

Importable HTTP Status interface objects.

sass-sprintf

sprintf function for Sass. Stolen directly from https://github.com/cahnory

concat-file-array-cli

✖︎ I'm dumb. `cat foo.txt bar.txt > baz.txt` works and it even accepts globs. This project stinks. I wrote it before Googling! There's a report that it helped a Windows user. - CLI to concat an array of files.

grid-overlay

A simple grid overlay written in JavaScript.

threejs-study

grid.js

PoC | Simple fractional JS grid prototype. Makes adding fractions to markup easy.

css-body-components

⚠️ Just a prototype with bad path support! - <link> in <body> task for faster critical content, progressive loading, and minimized re-calc'd layouts.

nofi

If you're online, it installs/caches npm packages with --force (so you get fresh packages). If you're offline, it installs cached packages with --cache-min.

patcheer

Naively patch node_modules packages with any package manager.