Another Datepicker

Уникальный DatePicker, созданный из svg картинки, анимированной библиотекой GSAP.

#css #js

Web Design Playground

Автор: Paul McFedries
Год издания: 2019

#html #css #english

Tech MeetUp от Сбера в Санкт-Петербурге — крутая возможность узнать много нового о frontend, backend и QA, познакомиться с топовыми спикерами и пообщаться с интересными людьми 👨‍💻

👉 Какие темы будем обсуждать?

Наши лучшие специалисты расскажут о магии, которая происходит внутри Сбера: как нажатие одной кнопки запускает сотни процессов, как правильно тестировать действия, кто стоит на страже багов.

Еще они поделятся, с какими проблемами столкнулись при использовании виртуальных машин в дата-центрах и поговорят об использовании Mobx State Tree при разработке React-приложений

👉 Что еще интересного будет на митапе?

Нетворкинг, Q&A-сессии и кофе-брейк.

👉 Где и когда встречаемся?

25 апреля в 18:30 в единственном IT-баре в Санкт-Петербурге — Failover Bar по адресу: 7-я линия Васильевского острова, 42.

Узнать подробности и зарегистрироваться!

JavaScript. Напишите функцию duplicateEncode, которая принимает строку и кодирует каждый символ в скобку. Если такой символ только один, то скобка будет открывающая, если несколько, то закрывающая.

Ответ

CSS Rooster Animation

Анимированная сцена, выполненная на чистом CSS, без использования JavaScript.

#css

Shopping Cart Preloader

Оригинальный загрузчик, созданный из svg-картинки, анимированной в CSS.

#css

Light/Dark Mode Toggle

Переключение светлых/темных режимов с эффектом занавески, реализованное на чистом CSS.

#css

JavaScript. Напишите функцию findMissingLetter, которая принимает массив символов по алфавиту и возвращает пропущенную букву.

Ответ

Multithreaded JavaScript

Авторы: II Thomas Hunter, Bryan English
Год издания: 2021

#javascript #english

Gooey Navigation

Элементы меню - это svg-картинки, стилизованные в SCSS.

#css

JavaScript. Напишите функцию generatePassword, которая принимает length и возвращает пароль заданной длины, который может содержать буквы латинского алфавита и цифры.

Ответ

Hamburgers

Подборка бургер кнопок, анимированных в CSS. Логика изменения размера иконок создана на JS.

#css #js

JavaScript. Что будет выведено в консоль?

Ответ

Visual Studio Code

Автор: Bruce Johnson
Год издания: 2019

#english

Section design with hover effect

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

#css #js

JavaScript. Что будет выведено в консоль?

Ответ

Signup Form 3D FLIP Animation

3D-анимация формы регистрации, реализованная с помощью CSS и JavaScript.

#css #js

Acrobatic Preloader

Оригинальный лоадер, созданный из svg-картинки и анимированный на CSS.

#css

Planet Picker

Демонстрация перехода между числовыми значениями, текстовой анимации и круговой навигации в формате SVG. Реализована с помощью Splitting.js.

#js

Face Grid Track

Сетка с отслеживанием положения курсора, выполненная с помощью Pug, SCSS и JavaScript.

#css #js

Point and click penguin

Весь экран разделен на клетки, при нажатии на которые задействуются множество анимаций. Создано без использования библиотек, на чистом JS.

#js