solved-by-flexbox README

The project's README from github.com/philipwalton/solved-by-flexbox. As one markdown file: README.md.

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.

solved-by-flexbox (philipwalton/solved-by-flexbox)

Searching Database…

Что это такое?Демонстрационный сайт, который показывает проблемы вёрстки в CSS, которые раньше было сложно или невозможно решить на чистом CSS, и показывает, как Flexbox решает их легко.
Это библиотека или просто справочный сайт?Это статический справочный сайт с примерами и фрагментами кода, а не библиотека или фреймворк, который устанавливается в проект.
Как посмотреть примеры или запустить сайт локально?Соберите и запустите его локально с помощью Node.js и скриптов Gulp из проекта, например командой npm start: сайт будет доступен на порту 4000 и пересобираться при изменениях.
Нужно ли что-то кроме Node.js, чтобы собрать проект?Ничего, кроме Node.js; проект использует Gulp (через npm-скрипты), чтобы собрать и запустить сайт.
Сайт активно поддерживается?Прямо об этом не сказано, но репозиторий старый (создан в 2013 году), а переводы сделаны сообществом и могут устареть, что говорит о том, что и основное содержимое, скорее всего, не обновляется активно.
Кому это полезно?Фронтенд-разработчикам, которым нужны готовые к копированию решения на CSS Flexbox для типичных задач вёрстки, например центрирования, колонок одинаковой высоты или футера, прижатого к низу страницы.
Есть ли сайт на других языках, кроме английского?Да, участники сообщества подготовили неофициальные переводы на китайский, японский и корейский языки, однако они могут быть устаревшими.
Как развёртывается сайт?Есть npm-скрипт deploy, который собирает сайт в режиме продакшн с помощью Gulp и предварительно очищает старую папку сборки.
Size
2 MB
Stars
12.9K
Updated
CommitDec 03
Age
13y
Commits · 90 Days