Senior Frontend - javascript, html, css. Страница 80

Cards template Вёрстка карточек на HTML и SCSS и немного логики на JS, позволяющей открывать подробную информацию. 👉 @seniorFront

Макеты для вёрстки сайтов - это канал, где собраны уникальные примеры реальных макетов, которые заказчики присылают на вёрстку. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html

CSS 3D Rotation Автор использует бесконечную CSS анимацию, изменяет значение свойства transform: perspective. 👉 @seniorFront

Twisted Sum Вам дано число N. Найдите сумму всех чисел, находящихся между 1 и N, включая 1 и N. Примеры: # N = 4 1 + 2 + 3 + 4 = 10 # N = 10 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + (1 + 0) = 46 # N = 12 1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + (1 + 0) + (1 + 1) + (1 + 2) = 51 👉 @seniorFront

Diet Piechart Вся диаграмма - это svg картинка. При нажатии на отдельные части диаграммы, задействуются различные CSS анимации. 👉 @seniorFront

String String — это обёртка над примитивным строковым типом, которая содержит дополнительные методы работы со строками: - поиска по строке; - строковых преобразований; - получения отдельных символов. Строки автоматически оборачиваются в обёртку String при вызове методов над ними. Обернуть строку в String можно вручную, вызвав конструктор new String():

 const primitive = 'приветики'
 const str = new String('приветики')

В этом случае переменные primitive и str будут разных типов: console.log(typeof primitive) // string console.log(typeof str) // object Если вызывать методы String на примитиве, JavaScript автоматически обернёт его в обёртку: const primitive = 'привет!' console.log(primitive.toUpperCase()) // ПРИВЕТ! 👉 @seniorFront

Modern Animated Menu Toggle Button В этом коротком видео автор демонстрирует, как можно быстро и легко создать анимированную кнопку меню. Он создает несколько span элементов, к которым применяет свойство transform. 👉 @seniorFront