# Генератор сеток AnyGrid для CSS в БЭМ-нотациях и многого другого!

[Вася Аксёнов](https://twitter.com/outring) написал вот такой крутой проект — **генератор сеток** [AnyGrid](http://outring.github.io/anygrid/).

Задаете количество колонок, отступы, указываете, нужна ли поддержка старых IE, нужна ли возможность восстанавливать контекст контейнера и использовать ли [БЭМ-нотации для стилей](https://ru.bem.info/method/definitions/), жмете на кнопку — пам-пам, и код готов!

Между прочим, до выхода Оперы 12 это была единственная резиновая сетка, корректно работающая в этом браузере. А на данный момент это единственная сетка, которая работает ближе всего к тому, как будет работать [CSS3 Grid](http://dev.w3.org/csswg/css-grid/), т.к. модули в этой сетке не зависят друг от друга.

Для реализации основной функциональности не используются adjacent descendant селекторы: все размеры модулей рассчитываются относительно размера контейнера сетки. На одной странице можно использовать сколько угодно конфигураций сетки (по количеству колонок), при этом для каждой конфигурации CSS-файл увеличивается лишь на размер одного правила.

Это единственная сетка с ~~никому ненужной~~ киллер-фичей, позволяющей делать выноски из контента модуля с размерами по той же сетке.

И это единственная сетка без какой-либо документации :D

Кроме того, она может стать вашим ~~шансом стать знаменитым~~ проектом: Вася активно ищет того, кто сможет ее поддерживать и развивать!

По вопросам поддержки проекта пишите Васе по адресу: <outring@gmail.com>

**Вася Аксёнов**, специалист по моделям отображения интерфейсов. За плечами – разработка интерфейсов в Яндексе и руководство разработкой интерфейсов в СКБ Контур. [Twitter](https://twitter.com/outring), [GitHub](https://github.com/outring/anygrid).

**Stay BEMed!**