Готовый Код | Frontend
884 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Есть кнопка <button id="elem"></button>, как показать в ней строку "<hello>"?

Результат должен быть таким: <!--+ run --> <button id="elem">&lt;hello&gt;</button>
Anonymous Quiz
32%
elem.innerHTML = "<hello>"
40%
elem.innerText = "<hello>"
24%
elem.textContent = "<hello>"
4%
elem.setText("<hello>")
Тык тыгыдык! Привет! 

Написать функцию, которой передаем имя, и она возраващает приветствие в зависимости от времени суток (Доброе утро\день\вечер\ночи Иван)
Объекты, отвечающие за то, что содержится на Web-странице в окне браузера, называются:
Anonymous Quiz
41%
пользовательскими
48%
клиентскими
11%
встроенными
Хай друга! Сегодня твоя задача - ответить на вопросы:

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

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

3. Как сделать первую букву строки заглавной?
Задача: «Посчитай сумму четных чисел»

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

Уровень сложности: Легкий
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive card

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

🔗 Код: Codepen

👉 @readycodepen | #анимация
This media is not supported in your browser
VIEW IN TELEGRAM
Card Split Hovers 

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

🔗 Код: Codepen

👉 @readycodepen | #эффект #pug #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Volume button knob 

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

🔗 Ссылка: Codepen

@readycodepen | #кнопка #scss #typescript
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Minimal Dark Mode Toggle Button 

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

🔗 Ссылка: Codepen

👉 @readycodepen | #переключатель #css
This media is not supported in your browser
VIEW IN TELEGRAM
Автоматическое увеличение высоты textarea

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

🔗 Код: Codepen

👉🏿 @readycodepen | #код #css
This media is not supported in your browser
VIEW IN TELEGRAM
Jouer avec les flous

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

🔗 Код: Codepen

👉🏿 @readycodepen | #эффект
This media is not supported in your browser
VIEW IN TELEGRAM
Arrow Hover Animation

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

🔗 Код: Codepen

👉🏿 @readycodepen | #анимация
This media is not supported in your browser
VIEW IN TELEGRAM
Shopping UI

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

🔗 Код: Codepen

👉🏻 @readycodepen | #эффект
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger menu animation

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

🔗 Код: Codepen

👉🏻 @readycodepen | #эффект
This media is not supported in your browser
VIEW IN TELEGRAM
Pricing section

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

🔗 Код: Codepen

👉🏻 @readycodepen | #карточка
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger Menu Animation

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

🔗 Код: Codepen

👉🏻 @readycodepen |#эффект
This media is not supported in your browser
VIEW IN TELEGRAM
Hacked Text Effect

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

🔗 Код: Codepen

👉🏻 @readycodepen |#эффект
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Sidebar Menu

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

🔗 Код: Codepen

👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Flip Card

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

🔗 Код: Codepen

👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Upload Modal

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

🔗 Код: Codepen

👉 @readycodepen| #код