Top Rating
- Top Contributors
  Discover the Top Open Source contributors by country or by language
- Interviews
  Discover real stories from Open Source developers
Discover

Discover your Favorite Language
Discover the top trending repositories and projects on Github. Explore the latest trends in your preferred languages.

Haskell

Dart

MATLAB

C++

C#

Ruby

HTML

Groovy

More Languages
Awesome

Awesome repositories
Discover the most awesome repositories and projects of your favorite languages. Inspired by the Awesome-* lists trend in GitHub.

Dart

Python

Objective-C

Lua

JavaScript

Ada

Ruby

C++

More Languages
By Country

Rankings by Country
Discover the community of talented open source contributors in each country.

🇼🇸 Samoa

🇮🇳 India

🇮🇲 Isle of Man

🇬🇮 Gibraltar

🇯🇵 Japan

🇾🇪 Yemen

🇲🇸 Montserrat

🇻🇬 British Virgin Islands

All Countries Compare Countries

kristoferjoseph/flexboxgrid

Stars
9,366
Rank 3,595 (Top 0.08 %)
Language
HTML
License
Other
Created over 10 years ago
Updated over 3 years ago

kristoferjoseph/flexboxgrid

kristoferjoseph

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

Grid based on CSS3 flexbox

Flexbox Grid

flexboxgrid.com

Grid based on the flex display property.

Install

npm

npm i flexboxgrid --save

bower

bower install flexboxgrid

cdn

CDNJS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css" >

css

Add the flexboxgrid.css development or flexboxgrid.min.css production to your html page.

<link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">

Inspiration

redeux

Minimal unidirectional data flow utility library

postcss-modular-scale

PostCSS plugin for adding modular scale to your styles

svg-symbols

sprout-robotlegs

A robotlegs library for Project Sprouts

flextable

Example `flexbox` based grid with a comparable `display:table` fallback

thataway

Minimal URL routing library

postcss-color-scale

Module for generating a color scale based off of a color and variance.

hash-switch

Switch pattern based on object hash

rework-namespace

Namespace plugin for rework

drag

HTML5 drag & drop jQuery plugin

color-scale

Module for generating a color scale

resinate

Write your CSS with imports like node.js requires

swc-parser

SWC Parser for AS3 Flash 10 to be used with TextMate AS3 Bundle

update-events

Array of DOM update events

modular-scale

Generate modular scales

view-stack

view stack router

font64

Utility to convert a font into a base 64 @font-family css declaration

topcoat-phonegap

Hello PhoneGap app

kubby

🗃 Simplified browser storage

dotfiles

Collection of dot files used for bash

skull

Application pattern library for Backbone

redeux-todos

Example todo app for learning redeux

resin

CSS preprosessor

allyourbase64

tiny command line utility to output a file as a base64 string to stdout

arc-example-templates

Example arc app using shared template string literals.

hello-yo-yo

hello world for yo-yo https://github.com/maxogden/yo-yo

svg-extract-styles

SVG EXTRACT STYLES🌟

crossbones

Crossbones is a collection of useful, test driven, Backbone extensions

arc.codes

view-stack-example

Example application for view-stack.

deno-nuthin

rework-color

Augmented color manipulation plugin for Rework

dev-server

Live reload server for rapid local development of browser pages

enhance-api-example

Demo of Enhance Element api pattern

csseymour

CSS post-processor for eliminating the extra bloat in your life. 🌹

remind-me-again

Personal value statements

test-enhance-todos-001

mark-haml

Markdown + HAML in love 💕

enhance-store

svelte-guide

styleguides

Styleguide generator

heckin

heckin sweet front end component lib

svelte-begin

arc-ssr-esm

Arc server side rendering with esm

smaller-apollo-local

vuetiful

enhance-state-management

State management example for Enhance apps

plugin-importmap

Architect Import map plugin

router-params

tiny url parameter parsing utility for use with routers.

kristoferjoseph

test-crud-005

test-enhance-todos-003

redeux-inject

redeux dependency injector 💉

kristoferjoseph.com

deno-hello-test-001

test-crud-014

single-column-fixed-header

Example single column fixed header

docs.begin.com

Documentation site for Begin.com

labor-fire-svelte

dam-reset

Minimal reset CSS for web apps

arc-modules-ssr

Example arc app with server side rendering and in browser modules

AS3-Artsy-Fartsy.tmbundle

Actionscript 3 bundle for creating art with code

rebounding

Rebound experiment

associate-fail-test-002

cssmitten

Alfred_HTML5_Boilerplate_Extension

Alfred Extension for generating a new HTML5 Boilerplate template project

deno-crud-test-003

test-hello-005

cobblers-guide-to-webcraft

The Cobblers Guide To Webcraft✨

test-body-001

test-crud-009

kristoferjoseph.github.com

Kristofer Joseph Landing Page

begin-personal-website