• Stars
    star
    13,009
  • Rank 2,438 (Top 0.05 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 11 years ago
  • Updated about 2 years ago

Reviews

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

Repository Details

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

Solved by Flexbox

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

View Site

Viewing the Site Locally

The Solved by Flexbox site can be built with Node.js. If you have Node.js installed on your system, you can run the following commands to build and serve a local copy.

# Clone the git repository and cd into the cloned directory.
git clone https://github.com/philipwalton/solved-by-flexbox.git
cd solved-by-flexbox

# Install the dependencies
npm install

# Build and serve the site at http://localhost:4000
npm start

This starts up a local server on port 4000. To view the site in your browser, navigate to http://localhost:4000. If you want to use a different port, you can pass the port number as an argument to npm start:

npm start -- -p 8080

In addition to building the site and serving it locally, this will also listen for any changes and rebuild the site as needed. This allows you to play around with the code, refresh the browser, and see your changes instantly.

Translations

The following translations have been graciously provided by the community:

Please note that translations are unofficial and may be inaccurate or out of date. To submit your own translation, please submit a pull request or open an issue and link to your translated content.

More Repositories

1

flexbugs

A community-curated list of flexbox issues and cross-browser workarounds for them.
13,629
star
2

html-inspector

HTML Inspector is a code quality tool to help you and your team write better markup. It's written in JavaScript and runs in the browser, so testing your HTML has never been easier.
JavaScript
2,317
star
3

analyticsjs-boilerplate

Examples and best practices for using analytics.js
JavaScript
1,128
star
4

responsive-components

A modern approach to styling elements based on the size of their container
JavaScript
586
star
5

webpack-esnext-boilerplate

JavaScript
513
star
6

polyfill

A library to make creating CSS polyfills much easier.
JavaScript
296
star
7

rollup-native-modules-boilerplate

A demo app showcasing the use of real JavaScript modules in production—complete with cross-browser fallbacks for legacy browsers.
JavaScript
223
star
8

blog

The source code for https://philipwalton.com
JavaScript
183
star
9

private-parts

A simple and intuitive way to shim private methods and properties in JavaScript.
JavaScript
107
star
10

mozart

A full-featured, classical inheritance library for Node.js and the browser.
JavaScript
84
star
11

easy-sauce

Easily run JavaScript unit tests on the Sauce Labs cloud.
JavaScript
74
star
12

talks

HTML
46
star
13

dom-utils

A small, modular DOM utility library
JavaScript
39
star
14

import-maps-caching-demos

Demos showing how to use Import Maps to prevent cascading cache invalidations
JavaScript
22
star
15

selectable

Easily get and set the text selection with an HTML element.
JavaScript
16
star
16

router

A simple router that binds URLs paths and patterns to functions.
JavaScript
9
star
17

shimr

A proof-of-concept for building CSS polyfills
JavaScript
8
star
18

rollup-built-in-modules

A demo of using rollup with built-in modules
JavaScript
8
star
19

ingen

JavaScript
7
star
20

google-analytics-browser-stats

JavaScript
6
star
21

dotfiles

OS X dotfiles, config, bash, git, etc.
Vim Script
6
star
22

dev

HTML
5
star
23

deep-watch

Exactly like fs.watch, but with sub-directory support.
JavaScript
5
star
24

slide-deck

HTML
4
star
25

deeplinker

JavaScript
4
star
26

handbrake

JavaScript
4
star
27

usage-trends

JavaScript
4
star
28

navigation-event-proposal

3
star
29

solarized-dark-minimalist-syntax

CSS
3
star
30

github-stars

JavaScript
2
star
31

rollup-3245-repro

JavaScript
2
star
32

yore

Async and error handling sugar on top of the HTML5 History api.
JavaScript
2
star
33

photo-validator

JavaScript
2
star
34

philipwalton.github.io

GitHub pages root
HTML
1
star