Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/philipwalton/solved-by-flexbox
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
https://github.com/philipwalton/solved-by-flexbox
Last synced: 18 days ago
JSON representation
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
- Host: GitHub
- URL: https://github.com/philipwalton/solved-by-flexbox
- Owner: philipwalton
- License: mit
- Created: 2013-08-31T23:04:51.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2022-12-03T06:36:29.000Z (almost 2 years ago)
- Last Synced: 2024-05-04T22:32:25.579Z (6 months ago)
- Language: CSS
- Homepage: https://philipwalton.github.io/solved-by-flexbox/
- Size: 1.94 MB
- Stars: 13,017
- Watchers: 396
- Forks: 1,009
- Open Issues: 38
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-repos - philipwalton/solved-by-flexbox - A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. (CSS)
- awesome-lists - `solved-by-flexbox`
- starred-awesome - solved-by-flexbox - A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. (JavaScript)
README
# Solved by Flexbox
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
[View Site](https://philipwalton.github.io/solved-by-flexbox/)
## Viewing the Site Locally
The Solved by Flexbox site can be built with [Node.js](http://nodejs.org/). If you have Node.js installed on your system, you can run the following commands to build and serve a local copy.
```sh
# 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](http://localhost:4000). If you want to use a different port, you can pass the port number as an argument to `npm start`:
```sh
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:
* [Chinese](https://hufan-akari.github.io/solved-by-flexbox/)
* [Japanese](http://hashrock.github.io/solved-by-flexbox-ja/)
* [Korean](https://hyunseob.github.io/solved-by-flexbox-kr/)
Please note that translations are unofficial and may be inaccurate or out of date. To submit your own translation, please submit a [pull request](https://github.com/philipwalton/solved-by-flexbox/pull/new/master) or [open an issue](https://github.com/philipwalton/solved-by-flexbox/issues/new) and link to your translated content.