Переход с HTML Grid на CSS Grid системы

Скрипты и советы | 10 мая 2016 3 108

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов

Пару месяцев назад меня кто-то спрашивал, могу ли я подсказать что-либо по переходу с классов «.col» в Bootstrap на Susy или Neat. И этот вопрос поставил меня в тупик: я никогда не говорил на эту тему, хотя сам уже очень долго пользуюсь сетками Susy!

В любом случае если вы переходите в другую систему впервые, это довольно ответственный шаг. В этой статье я расскажу вам про процесс перехода, состоящий из 4 этапов.
Читать дальше →
[Перевод] Именование в CSS Grid

Когда вы впервые изучаете, как использовать Grid-разметку, можно начать с размещения элементов на сетке по номерам...

Подробнее
[Перевод] Почему мы предпочитаем CSS(--variable) переменным SASS($variable)?

С момента релиза CodyHouse Framework, пару месяцев назад, многие пользователи спрашивали нас, почему мы выбрали...

Подробнее
HTML, CSS: какие символы можно использовать в названиях классов CSS

При разборе кода HTML-страницы возникает вопрос: какие символы можно использовать в названиях классов CSS? Например,...

Подробнее
[Перевод] Как вы можете использовать отзывчивые веб-компоненты сегодня

Пару лет назад я впервые услышал про веб-компоненты (Web Components). Сперва меня это действительно заинтересовало, но...

Подробнее
Основы и практика CSS Grid Layout:  как использовать двумерную раскладку для повседневных задач

Наш фронтенд-разработчик Данила Абрамов @DanilAbr подготовил материал для новичков и практикующих разработчиков, у...

Подробнее
[Перевод] Понимание CSS Grid (2 часть): Grid-линии

Перевод Understanding CSS Grid: Grid Lines» Rachel Andrew В первой статье из серии "Понимание CSS Grid" мы рассмотрели,...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями