Хай друга! Сегодня твоя задача - ответить на вопросы:

1. Какие свойства имеет объект location?

2. Как получить строку запроса?

3. Как сделать первую букву строки заглавной?

Задача: «Посчитай сумму четных чисел»

Условия: Напишите функцию sumEvenNumbers, которая принимает на вход массив чисел и возвращает сумму всех четных чисел из этого массива. Если в массиве нет четных чисел, функция должна возвращать 0.

Уровень сложности: Легкий

Responsive card

Адаптивная карта. Реализовано с помощью CSS и JS

🔗 Код: Codepen

👉 @readycodepen | #анимация

Card Split Hovers 

Эффект наведения, реализованный с помощью HTML(Pug), CSS, JavaScript

🔗 Код: Codepen

👉 @readycodepen | #эффект #pug #css #js

Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS(SCSS), JavaScript(TypeScript)

🔗 Ссылка: Codepen

@readycodepen | #кнопка #scss #typescript

CSS Minimal Dark Mode Toggle Button 

Минималистичная кнопка переключения темного режима, реализованная на чистом CSS

🔗 Ссылка: Codepen

👉 @readycodepen | #переключатель #css

Автоматическое увеличение высоты textarea

Реализовано на HTML, CSS и JS

🔗 Код: Codepen

👉🏿 @readycodepen | #код #css

Jouer avec les flous

Эффект размытия при наведении на карточки. Реализовано с помощью CSS

🔗 Код: Codepen

👉🏿 @readycodepen | #эффект

Arrow Hover Animation

Кнопки лево и право, с помощью которых можно перелистнуть страницу. Реализовано с помощью CSS

🔗 Код: Codepen

👉🏿 @readycodepen | #анимация

Shopping UI

Каталог товаров и корзина. Реализовано с помощью JS библиотеки Vue

🔗 Код: Codepen

👉🏻 @readycodepen | #эффект

Hamburger menu animation

Прикольная кнопка меню, которую сильно закручивает, если на нее нажать. Реализовано с помощью CSS

🔗 Код: Codepen

👉🏻 @readycodepen | #эффект

Pricing section

Карточка с ценой и подсказками. Реализовано с помощью SCSS

🔗 Код: Codepen

👉🏻 @readycodepen | #карточка

Hamburger Menu Animation

Анимация открытия меню на весь экран. Реализовано с помощью CSS

🔗 Код: Codepen

👉🏻 @readycodepen |#эффект

Hacked Text Effect

Анимированный текст с эффектом взлома. Реализовано с помощью CSS и JavaScript

🔗 Код: Codepen

👉🏻 @readycodepen |#эффект

Responsive Sidebar Menu

Реализовано на CSS и немного JS

🔗 Код: Codepen

👉 @readycodepen| #код

Pure CSS Flip Card

Aнимация флип-карты. Реализованo с помощью CSS

🔗 Код: Codepen

👉 @readycodepen| #код

Animated Upload Modal

Форма для загрузки файлов в минималистическом стиле. Реализовано с помощью CSS и JavaScript

🔗 Код: Codepen

👉 @readycodepen| #код

Profile Card

Красивая карточка профиля. Реализовано с помощью SCSS и JavaScript

🔗 Код: Codepen

👉 @readycodepen| #код

Focus

Эффект блюра вокруг курсора. Реализовано с помощью CSS и JavaScript.

🔗 Код: Codepen

👉 @readycodepen| #код

Input Field Animation

Уменьшение масштаба заголовка при введении данных в поле ввода. Реализовано с помощью CSS.

🔗 Код: Codepen

👉 @readycodepen| #код