Рубрика: Верстка
Верстка — это столб, на котором все держится. Ни один сайт не будет работать без верстки. HTML должен быть, чтобы сайт заработал.
В последнее время большой бум в IT. И многие, кто начинает интересоваться этой темой в итоге приходят к верстке. Это первая ступень в мире сайтов.
Нельзя недооценивать верстальщика. Все вот эти красивые эффекты, которые вы видите на своих любимых сайтах — все это работа верстальщика. Параллаксы, модальные окна и другие фичи — это дело рук верстальщика.
В этой категории мы собрали все записи, которые могут быть полезны человеку, решившему заняться созданием сайтов. Человеку, который решил стать программистом и только в начале своего пути.
👍
Полезно - 3
Вы можете по разному добавить css в ваш html-файл. Есть быстрые варианты, есть правильные. Мы рассмотрим все возможные.
1. Подключение внешнего файлы
Самый распространенный и правильный вари...
👍
Полезно - 6
Вам нужно знать один маленький секрет, который позволит сделать на любом сайте номер телефона кликабельным. Секрет заключается в том, что кликабельный номер телефона - это ссылка, которая начинаетс...
👍
Полезно - 35
Здесь ты узнаешь, как сделать эффект вдавливания кнопки на CSS. Забегая наперед скажем, что ничего сложного тут нет, справиться сможет любой новичок.
Пример
Что у нас получится в итоге (клик...
👍
Полезно - 76
В этой статье мы рассмотрим, как можно сделать плавное появление элементов при прокрутке страницы.
Мы будем использовать css и немного нативного js, без использования сторонних библиотек. Прист...
👍
Полезно - 33
Как добиться смены картинки при наведении? Это можно реализовать с помощью css.
Готовый пример:
Объяснение. Как мы сделали, чтобы картинка менялась при наведении? Мы в HTML код...
👍
Полезно - 31
В этой статье рассмотрим, какие есть методы выравнивания картинки по центру блока.
Давайте создадим нашу разметку, с которой будем работать.
Создадим класс .wrap и внутрь его добавим картин...
👍
Полезно - 157
Достаточно популярный запрос, как сделать гамбургер меню. Я покажу вам вариант с использованием html, css и js. Это адаптивный вариант, то есть он будет работать и на мобильных устройствах.
Дем...
👍
Полезно - 11
Поменяем цвет фона и текста у кнопки при наведении.
Будем использовать два способа. Первый - просто меняем фон и цвет у кнопки. Второй - меняем фон кнопки с помощью псевдоэлемента :before
Кн...
👍
Полезно - 11
В этой статье вы узнаете, как сделать анимированный блик на кнопке. Делать это будем с помощью css-анимации, используя keyframes. Без JS, только HTML и CSS.
Демо
А теперь давайте по порядку. ...
👍
Полезно - 26
В это статье я расскажу, как можно сделать плавное подчеркивание ссылки на ховере. Все будет реализовано на css, без использования сторонних библиотек.
Предположим, у вас есть ссылка:
<a...
✏️Наши авторы
Кирилл Черепахин
Публикаций: 13
Владимир Самойлов
Публикаций: 166
web
Публикаций: 103
CSS Головоломки в Telegram
Подписывайся и не пропускай:
Актуальные новости
Интересные задачки
Полезные подборки
Наш рейтинг
🏆Лучший хостинг для сайта
Что читают?
🏆Популярные записи
Viva Magenta
🤔Цвет 2023 года
Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.
#bb2649