console.log() Работа с консолью в Chrome Developer Tools

Консоль в Chrome Developer Tools — это интерактивный JavaScript-интерпретатор. Консоль дает разработчику доступ к ряду удобных и полезных функций для логирования и отображения ошибок. Рассмотрим базовые из них: console.log(); console.error(); console.warn(); console.info(); console.trace(); console.assert(); console.group() и console.groupEnd(); console.time() и console.timeEnd(); Они позволяют выводить в консоль произвольные сообщения. Отличаются классификацией выводимых сообщений: log()  выводит сообщения как стандартные […]

центрирование Работающие методы центрирования с помощью CSS

# Горизонтальное центрирование Тема центрирования довольно популярная, существует уже множество разных способов. В этой статье вы найдете работающие способы как горизонтального, так вертикального центрирования, которые реализуются достаточно просто.   1. Центрируемый элемент строчный (inline): Можно назначить родительскому контейнеру свойство text-align:center. Ниже пример:   2. Центрируемый элемент блочный (block): В этом случае задаем ему ширину (иначе он займёт всю ширину родительского […]

адаптивная типографика Viewport-единицы в типографике

На сегодняшний день различают  четыре viewport-единиц: vw — процент от ширины вьюпорта vh — процент от высоты вьюпорта vmax — наибольшее значение  viewport по высоте/ширине vmin — наименьшее значение viewport по высоте/ширине В данном случае, подразумевается окно браузера, то есть 1 vw — это 1% от ширины окна браузера, а 100 vw — это уже полная ширина окна. Сконцентрируемся  на первых двух, так как они […]

резиновая типографика Гибкая типографика с помощью CSS «lock»

В начале 2012 года я поделился формулой для «Molten leading» (резиновый line-height). Опытные типографы знают, что более длинным строкам в тексте нужно больше межстрочного интервала, а для коротких строк расстояние может быть плотным. Проблема заключается в том, что текст должен быть резиновым. Таким образом, наш межстрочный интервал должен быть гибким:   Некоторые люди, узнав о формуле, реализовали […]