Уголок Фронтендера | Веб-разработка
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
NEON LOVE
Анимация двух цветных неоновых линий в виде сердца. Реализована с помощью JavaScript.
codepen.io
Javascript вопрос: Если переменная объявлена внутри функции с помощью ключевого слова var, может ли она быть доступна снаружи этой функции?
Animated text-shadow entrance
Текст с анимированным тенью, реализованный с помощью CSS и JavaSCript.
codepen.io
HTML вопрос: Может ли у нескольких HTML-элементов внутри одной формы быть одинаковое значение атрибута name?
WebGL Apple Cards
Слайдер с анимацией карт, при клике на слайд увеличивает и затемняет его. Реализован с помощью JavaScript и CSS.
codepen.io
CSS вопрос: Какой селектор обратится к каждой ссылке, href атрибут которой заканчивается на .pdf?
Confetti Button
Кнопка подписки, при нажатии на которую появляется конфетти. Реализована с помощью JavaScript.
codepen.io
Hello
Привязка прокрутки и 3D параллакса, реализованная на чистом CSS.
codepen.io
CSS вопрос: Какое свойство позволяет указать цвет элемента path внутри svg?
Rolling Radio Buttons
Прокручивающиеся radio-кнопки, выполненные с помощью HTML, CSS и JavaScript.
codepen.io
CSS вопрос: Какое значение свойства content не валидно?
Minimal keyboard
Мини-клавиатура с красивой анимацией нажатия на кнопки, реализованная с помощью CSS и JavaScript.
codepen.io
Javascript вопрос: Возможно ли напрямую (как с обычной функцией) назначить значение this для стрелочной функции?
Как вырасти от junior до middle?
Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами.
Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё:
•разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;
•познакомиться с теорией и отработать её на практике в больших проектах;
•научиться брать ответственность за решения и вкладываться в общий результат;
•самостоятельно декомпозировать задачи и распределять время;•исследовать смежные сферы программирования, без которых невозможен фронтенд:
•информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты.
А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Начать учиться: https://practicum.yandex.ru/middle-frontend/
Text intro animation
Анимация текста, реализованная с помощью GSAP и SplitText3.
codepen.io
Javascript вопрос: Что вернет код ниже?
1e3 === 100
Text Reveal Mask
Маска для раскрытия текста, написана на чистом css.
codepen.io
Agency website POC
Концепция главной страницы сайта агентства POC. Кастомный курсор динамически меняет иконку, подсказывая, что нужно сделать. Реализовано с помощью jquery.
codepen.io
HTML вопрос: К какому из перечисленных тегов применяют атрибут cite?
Вам нравится читать контент на этом канале?
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Регистрируйтесь по ссылке: https://telega.in/c/frontender_corner
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
