Читать дальше…
Читать далее »Архив меток: Адаптивная верстка
Урок 7. Теория и практика адаптивной верстки. Создание адаптивного меню
Читать дальше…
Читать далее »Урок 6. Теория и практика адаптивной верстки. Адаптивная типографика
Читать дальше…
Читать далее »Урок 5. Теория и практика адаптивной верстки. Адаптивное видео
Читать дальше…
Читать далее »Урок 4. Теория и практика адаптивной верстки. Адаптивная графика
Читать дальше…
Читать далее »Как создать галерею изображений с помощью CSS Grid
От автора: галереи изображений на таких сайтах, как Unsplash , Pinterest и т.д., созданы с помощью методов позиционирования или перевода элемента изображения, которые являются очень сложными. Вы можете достичь того же очень быстро, зная, как делается в CSS Grid галерея. Например: Вверху находится галерея изображений с изображениями различной ширины и высоты, которая идеально подходит для CSS-сеток. Давайте приступим! Базовая сетка ...
Читать далее »Урок 3. Теория и практика адаптивной верстки. Медиа-запросы. Часть 2
Читать дальше…
Читать далее »Урок 2. Теория и практика адаптивной верстки. Медиа-запросы. Часть 1
Читать дальше…
Читать далее »Урок 1. Теория и практика адаптивной верстки. Мета тег Viewport
Читать дальше…
Читать далее »Несоответствующие медиа-запросы CSS: почему браузеры загружают их
От автора: на днях я прочитал статью Дарио Гизелара по оптимизации кода путем удаления неиспользуемых медиа-запросов CSS. Одна из основных мыслей заключается в том, что вы можете использовать атрибут media при включении таблиц стилей. <link href="print.css" rel="stylesheet" media="print"> <link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)"> В этой статье Дарио ссылается на набор тестов загрузки CSS по медиа-запросам Скотта Джеля, в ...
Читать далее »