Автопрефиксер онлайн: ТОП сервисов для добавления вендоров
Автопрефиксер – инструмент для добавления вендорных префиксов, что даст поддержку определенных стилей и старым браузерам. ТОП автопрефиксеров, которые работают онлайн, прямо в браузере
✂️ Обрезаем длинную строку и добавляем троеточие…
В этой статье мы научимся обрезать текст в одну или несколько строк с помощью CSS: overflow, white-space и text-overflow. Теория, реализация, примеры
Как отключить автозаполнение поля формы?
В этой статье мы научимся отключать автозаполнение (autocomplete) для формы и полей (input) без Javascript используя нативные возможности браузера и HTML. Также – посвятим в небольшую теорию и расскажем интересные факты
«Загугли, идиот»: Как найти ответ на вопрос 🤔
Не выходит найти ответ в Google? Ты виноват. Мы расскажем и покажем как правильно гуглить, как и где найти нужную информацию и выжить в мире IT
CSS треугольник: теория, реализация, примеры
Очень часто нам требуется сделать треугольник для реализации требований задачи. В этой статье мы научим, расскажем и покажем Вам как просто сделать треугольник на чистом CSS за две минуты без каких-либо проблем и использования растровых изображений
Border-box: как с помощью box-sizing упростить себе жизнь
В этой статье мы решим проблему переполнения (overflow) блока из-за padding или border-width раз и навсегда. Полезный лайфхак для построения сетки и грамотного отображения элементов внутри их ячеек, не нарушая границ
Стилизация placeholder с помощью CSS стилей
Атрибут placeholder применяется для отображения подсказок и другой информации внутри пустых элементов input и textarea. В этой статье мы рассмотрим возможности placeholder и стили, которые позволят сделать его более красивым и уникальным.
Как стать крутым веб-разработчиком
Рассказываю как пройти путь от новичка до крутого веб-разработчика, который разбирается в фронтенд-разработке, совершенно бесплатно: HTML, CSS, Javascript, препроцессоры, фреймворки, API браузеров. Особенно рекомендую к прочтению тем, кто только вошел в мир веба! 🤘
Почему веб-дизайнер должен понимать верстку?
Веб-дизайнер должен знать принципы и основы верстки, иначе никак: стайлгайд, компоненты, сетка. Дизайнер-технолог и прочие советы для веб-дизайнеров, которые хотят лучше взаимодействовать с версткой. Что стоит учитывать при создании шаблона для вебсайта.
Эффект наведения (:hover) на смартфонах и планшетах
Немного истории С введением CSS2 разработчики получили возможность визуализировать наведения на объекты страницы с помощью псевдокласса :hover . Это внесло больше динамики, визуального восприятия страницы и стало неотъемлемым атрибутом каждого современного сайта. Поддержка и использование На данный момент, этот псевдокласс поддерживается любым современным браузером, что позволяет его свободно использовать. Для Internet Explorer 6 (IE6) данный […]
