RGB-дни верстальщика

Стрелочка возвращает в то место страницы, где был пользователь до скролла. Сама долго искала скрипт, но идеальный не нашла - пришлось делать самой. <div class="top-link d-none align-items-center justify-content-center"> <span></span> </div> Что означают классы. Все логично, но вдруг кто не знает: d-none = display: none align-items-center = align-items: center; justify-content-center = justify-content: center <style> .top-link { width: 60px; height: 60px; display:...

Некоторые работодатели задают эти вопросы устно, другие же присылают гугл-форму. Второе, конечно, проще - ведь есть время загуглить:) Семантический html это элементы, по названию которых четко можно понять, что в них содержится. Например: form, article, table Адаптивная верстка это верстка, которая смотрится хорошо на любых устройствах и разрешениях экрана. Реализовать ее можно с помощью медиа-запросов Таблицы стилей называются каскадными, потому что при подключении к одному HTML-документу нескольких стилевых таблиц, они, в соответствии со своим приоритетом, выстраиваются в каскад...

Все чаще скрипты можно заменить стилями. Сегодня расскажу как сделать горизонтальный слайдер с полосой прокрути уже (меньше по ширине), чем родительский блок. Сперва накидаем html: <div class="block"> <span></span><span></span><span></span><span></span><span> </span><span></span> <span></span><span></span><span></span><span></span><span></span><span></span> </div> немного стилей: .block{ display: flex; margin: 100px -10px 100px; overflow-x: auto; }. block>span{ width: 150px; ...

Если ты ничего не понял, то ниже читай толковый словарь разработчиков сайтов. А Адаптив – это корректное отображение сайта на любом устройстве (ПК, планшет, мобильный телефон) Админка – это панель управления сайтом, с которой может работать любой пользователь, без навыков программирования Айдишник - id, идентификатор, уникальный признак объекта. Например, если вы хотите на сайте сделать скролл из меню к определенному блоку, то блоку необходимо задать айдишник. Б Баг – ошибка на сайте Битый – сломанный (например, битая ссылка) Бургер – это иконка меню...

Конечно, можно просто запилить svg и вес небольшой и цвет менять можно, но это же скучно! Содержание: 1. Вариант с svg. Можно менять цвет, поворачивать <svg viewPort="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line x1="1" y1="11" x2="11" y2="1" stroke="black" stroke-width="2"/> <line x1="1" y1="1" x2="11" y2="11" stroke="#000000" stroke-width="2"/> </svg> 2. С помощью псевдоклассов. По мне, самый устаревший способ. <div class="close"></div> <style> .close:before, .close:after { content: ""; position: absolute; width: 24px; height: 4px; background: #000000; } ...