Уголок Фронтендера | Веб-разработка
Open in Telegram
Сборник крутых и полезных готовых решений для вашего сайта. Здесь можно изучить реализацию понравившихся идей и применить их в своих проектах. Сотрудничество: t.me/the_artboss
Show moreThe country is not specifiedTechnologies & Applications17 002
5 881
Subscribers
-224 hours
-107 days
-5930 days
Posts Archive
Javascript вопрос: Какого типа данных нет в JS?
📌 Бесплатно освойте профессию дизайнера с нуля. Вместе сделаем вам портфолио из 4+ работ с личной поддержкой от наставника.
Что вы получите?
— Фидбэк (мощный разбор всех ДЗ от куратора)
— Тусовка (личный кабинет с уроками + живой чат)
— Портфолио и экзамен (упакуем по урокам и проверим)
— Мастер-класс "как заработать на дизайне" и найти клиента
🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов.
→ Начать обучение бесплатно
Программа бесплатного курса:
— Обучение по Figma с нуля и 4+ дз с личным разбором
— Изучение основ дизайна (контент, сетки, композиция т.д.)
— Создание анимации интерфейса
— Все о профессии и доходе дизайнера (как найти клиентов и сколько можно заработать)
👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы
Animated CSS Gradient Border
Анимированная граница градиента CSS. Написана на чистом CSS.
codepen.io
CSS вопрос: Как с помощью CSS задать отступ шириной в 5рх внутри элемента?
CSS X-Men
Анимация при наведении на аватарку, реализована с помощью css и js.
codepen.io
CSS вопрос: Как сделать элемент строчным, но в то же время flех-контейнером?
Сколько нужно времени, чтобы освоить востребованную профессию фронтенд-разработчика?
Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «Фронтенд-разработчик».
Во время программы вы:
✔️ Изучите JavaScript в связке с HTML и CSS.
✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
✔️ Решите более 310 задач в браузере.
✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров.
✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах.
Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения.
📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !
CSS animation-delay demo 🤓
Демонстрация задержки анимации, реализованная с помощью css, js.
codepen.io
CSS вопрос: Какой селектор обратится к каждому изображению, атрибут alt которого начинается на "main"?
FLIP List items - Flip Plugin
Элементы списка FLIP, при наведение карточка раскрывается. Реализована с помощью JavaScript.
codepen.io
Javascript вопрос: Что вернет код при использовании опциональной цепочки на несуществующем объекте:
nonexist?.property
WARP
Анимация искажения цветов, реализованная с помощью WebGL.
codepen.io
HTML вопрос: Какой атрибут позволяет указать изображение, которое будет отображаться, пока видео (из тега video) загружается?
Material sheet isometric animation
Изометрическая анимация листа. Написана на чистом CSS.
codepen.io
Material Design - FAB Motion Animation
Анимация изменения дизайна при нажатии. Написана с помощью javascript и css.
codepen.io
CSS вопрос: Сработает ли при обычных условиях свойство caption-side, если его применить не к caption, а к table, в котором находится этот caption?
Custom Radio Buttons
Пользовательские радио-кнопки, выполненные на чистом CSS.
codepen.io
HTML вопрос: Какой префикс в значении атрибута href перед адресом электронной почты нужно поставить, чтоб при нажатии на ссылку, открывалось почтовое приложение с новым письмом на указанный адрес?
Dark UI - Bank dashboard concept
Адаптивный личный кабинет приложения банка в тёмном стиле. Реализован на чистом CSS.
codepen.io
