[Перевод] Свойства блочной модели CSS. Объяснение с примерами

[Перевод] Свойства блочной модели CSS. Объяснение с примерами

Приветствую всех жителей хабравиля! Сегодня я подготовил для вас основы по блочной модели CSS. Безусловно, многие из вас знают о чём идёт речь, но сегодня я постараюсь объяснить прописные истины более понятно и наглядно, что поможет вам создавать веб-сайты, с идеально подходящими друг другу элементами (с точностью до пикселя), и научит более точно использовать свойства размеров, полей, отступов и границ. Итак, всех приглашаю под кат и погнали! Погнали!

Подробнее
[Перевод] Примеры применения переменных CSS на практике

[Перевод] Примеры применения переменных CSS на практике

Когда я впервые попробовал использовать переменные CSS, у меня не было полного представления об их возможностях. Правильное их использование позволяет существенно сократить время и трудозатраты на решение определённых задач в CSS. Приятного чтения

Подробнее
Moscow-News.online - Новостной портал

Moscow-News.online - Новостной портал

Разработка сайта для интернет-издания "под ключ". Это второй проект для ООО «Да» издателя NEWSRUSSIA.MEDIA

Подробнее
NewsRussia.Media - редизайн сайта интернт-издания

NewsRussia.Media - редизайн сайта интернт-издания

Еще дин классический новостной портал на основе DataLife Engine. Именно для подобных сайтов DLE оптимален. Тем приятнее было работать над данным проектом.

Подробнее
Режим PWA для сайта - добавить приложение на главный экран

Режим PWA для сайта - добавить приложение на главный экран

В Веб-браузере Chrome существует функция позволяющая добавлять любой сайт (при соблюдении ряда условий) в качестве веб-приложения на главный экран гаджета. Это так называемый режим PWA Ready. Краткое видео для понимания https://www.youtube.com/watch?v=YsEzzdhca40 Все что требуется для повторения данного результата - 3 текстовых файла на вашем сайте. pwa-sw.js pwa-manifest.json pwa-offline.html Так как мы разрабатываем сайты исключительно на DataLife Engine то предметный разбор будет именно для

Подробнее
Проверка разметки сайтов-участников W3C

Проверка разметки сайтов-участников W3C

Учитывая возможные сложности с дорогой на собеседование в одну известную фирму, я запланировал один час как запас времени. Два поезда не пришли и запас времени быстро закончился. В приглашении вместо номера телефона и емейла была ссылка на корпоративный сайт, где можно отправить сообщение любому работнику. Оказалось, что сайт живёт своей собственной жизнью, если его открыть с мобильного телефона. В результате, простая отправка сообщения об опоздании заняла у меня 20 минут и четверть

Подробнее
Далее