Уголок Фронтендера | Веб-разработка
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
⚡️ WebMentor - один из лучших каналов для веб-разработчиков
Канал ведёт опытный Frontend разработчик, который ежедневно публикует:
— готовый код, который можно легко добавить к себе в проект
— теорию / видеоуроки / заметки по JS
Поэтому, если ты хочешь стать востребованным специалистом, то обязательно подписывайся на @WebMentor
Stay Positive
Анимация изменения шрифта при нажатии. Написана на чистом CSS.
codepen.io
Javascript вопрос: На что ссылается this в методе объекта, если метод вызван напрямую, т.е. obj.method()?
Text spirals out from opening portal at centre
Анимация текста, созданная на чистом CSS.
codepen.io
CSS вопрос: Как указать, что flex-элемент должен занимать всю доступную высоту? (у flex-контейнера flex-direction: row)
Overlapping Sushi Cards
Анимация перекрывающиеся карточек. Реализована с помощью JavaScript.
codepen.io
Javascript вопрос: Что вернет null == undefined?
Accessible Custom Toggle Switch
Доступный пользовательский тумблер, показывает как можно разместить checkbox, чтобы он выглядел и вёл себя как toggle switch. Реализован с помощью CSS.
codepen.io
Javascript вопрос: Как долго будет доступен cool_secret из кода ниже?
sessionStorage.setItem("cool_secret", 123);
Rating
Выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.
codepen.io
Javascript вопрос: padStart() является методом...
Animated Gradient Underglow
Анимированное градиентное свечение. Реализовано с помощью CSS.
codepen.io
CSS вопрос: Возможно ли указать font-weight, font-style и font-size, используя только одно CSS свойство?
Drunken Text
Анимированный движущийся текст. Реализован с помощью CSS и JS.
codepen.io
JavaScript вопрос: Вызовет ли ошибку код ниже?
const cupboard;
Ищем 100 человек, которые пройдут 3 курса по IT бесплатно и дадут обратную связь!
Старая цена - 25 000 руб
Цена для тестовой группы - 0 руб 💯
👉🏻 Получить курсы тут
Popup: Nightly
Анимация всплывающего окна, реализована с помощью css и js.
codepen.io
CSS вопрос: Какое значение у свойства overflow по умолчанию?
Sibling Gallery
Галлерея фотографий при наведение на одну из фото, она показывается крупнее. Написана на чистом CSS.
codepen.io
Javascript вопрос: Как возвести var1 в степень var2?
