От автора: CSS Grid в настоящее время широко поддерживается в современных браузерах, и многие люди отлично пользуются этим! Но, к…
От автора: мы живем в социальное время. Сегодня взаимодействие с другими людьми важно как никогда прежде, если мы говорим об…
От автора: если вы когда-либо работали над адаптивным вебсайтом, вам, несомненно, приходилось биться над одной из самых коварных проблем этой…
От автора: на днях у нас в офисе зашла дискуссия об усечении текста, и я с тех пор задался вопросом,…
От автора: некоторое время назад я создал на Codepen демо-версию анимированного переменного шрифта. В этой статье я объясню, что такое переменные…
Автор статьи, перевод которой мы сегодня публикуем, говорит, что он программирует на JavaScript уже многие годы. За это время он…
Честно стырено с habr. 1. Верстаем основу Для реализации слайдера нам понадобится довольно простой набор тэгов, которые будут в свою…
Слайдер сделан с помощью связки <input> и <label for=”#id”>. Вся магия происходит на уровне селектора #button-N:checked ~ .slider-inner .slider-slides. Когда…
HTML часть. Не забываем подключить jquery. <!DOCTYPE html> <html lang="en"> <link rel="stylesheet" href="css/burger_menu.css"> <head> <meta charset="UTF-8"> <title>Burger menu</title> </head> <body>…
HTML часть <div class="section"> <div class="container"> <div class="card"><img src="https://codyhouse.co/demo/3d-animated-mockup/img/cd-app-image.png" alt=""></div> <div class="card"><img src="https://codyhouse.co/demo/3d-animated-mockup/img/cd-app-image.png" alt=""></div> <div class="card"><img src="https://codyhouse.co/demo/3d-animated-mockup/img/cd-app-image.png" alt=""></div> <div class="card"><img…