Экономящие время техники CSS для создания адаптивных изображений
От автора: для вас, как для веб-разработчика, существует высокая вероятность того, что вы столкнетесь с двумя проблемами, описанными в этой статье: изображениями и сжатыми сроками. Иногда по каким-то причинам ваши изображения не будут соответствовать макету, и вы не будете иметь возможности ломать над этим голову часами.
От автора: Open Web продолжает проявлять себя там, где мы никогда бы не подумали: телефоны, телевизоры, часы, книги, игровые приставки, газовые насосы, лифты, автомобили — даже холодильники. Не определяя слишком много или слишком строго то, как использовать Интернет, он остается гибким и адаптируемым. Эти качества позволили ему превзойти закрытые технологии, такие как Flash и Silverlight.
От автора: мы не придаем большого значения скрытию HTML-элементов через CSS; мы делаем это инстинктивно, пока не узнаем об аспекте доступности и о принципиальном отличие различных методов.
Обрезка по высоте строки — простая формула CSS для удаления из текста верхнего пространства
От автора: естественное поведение текстовых элементов включает в себя некоторое пространство сверху (и снизу) самого элемента, основанное на значении высоты строки. В некоторых случаях вам может потребоваться удалить эти пробелы, поскольку они могут создавать несоответствия в дизайне вашей страницы.
От автора: в CSS каждое свойство имеет то, что называется начальным значением. Иногда это называется значением по умолчанию, но спецификация использует термин CSS initial, который, я думаю, немного лучше.
От автора: в этом видео мы продолжим верстку кругового меню, поговорим о необходимых трансформациях, которые нужно применить, рассчитаем величины необходимых углов поворота, стилизуем иконки, а также добавим плавные переходы при наведении курсора на пункты меню.
От автора: в этом видео мы приступим к реализации верстки нестандартного кругового меню. Особенность данного меню в том, что пункты меню располагаются по кругу, образуя диаграмму. И в качестве пунктов меню выступают графические элементы, в нашем случае – это иконки.
От автора: в данном уроке мы с вами создадим форму поиска, которая будет появляться по клику на иконку поиска. Данная техника особенно актуальна для адаптивных сайтов. Чтобы не занимать драгоценное пространство в первом экране формой поиска, достаточно будет разметить небольшую иконку поиска. По клику на данную иконку будет появляться форма поиска.
А вы знали, что тегам style и script HTML можно присвоить свойство display: block?
От автора: на днях вечером Амит Патель упомянул, что вы можете присвоить тегам HTML script свойство display: block с помощью CSS, а затем отредактировать этот код инлайном с атрибутом contentEditable. Это означает, что вы можете увидеть все обновления в браузере по мере ввода. Вскоре после этого Мариус Гундерсен ответил, что вы можете сделать это и с тегом style.
От автора: сегодня будет разговор о том, как работает свойство z index CSS. Это третий пост в «Как работает CSS» — серия статей, где мы глубоко погружаемся в фундаментальные строительные блоки CSS, которые иногда похожи на черную магию. Независимо от того, как вы пишите CSS, всегда полезно знать, что «runtime» вашей таблицы стилей позволяет писать эффективный масштабируемый CSS.
Все права защищены © 2026
Бернацкий Андрей Васильевич
Служба поддержки
Материалы сайта (статьи, уроки, видео уроки, курсы и прочее) предназначены исключительно для самостоятельного изучения
2018-09-13