This media is not supported in your browser
VIEW IN TELEGRAM
Реализация быстрой сортировки на JavaScript
https://jem-space.ru/riealizatsiia-bystroi-sortirovki-v-javascript/
https://jem-space.ru/riealizatsiia-bystroi-sortirovki-v-javascript/
50 бесплатных ресурсов для создания веб-интерфейсов
https://dev.to/davidepacilio/50-free-tools-and-resources-to-create-awesome-user-interfaces-1c1b
https://dev.to/davidepacilio/50-free-tools-and-resources-to-create-awesome-user-interfaces-1c1b
Верстать быстро и красиво: 15 популярных CSS фреймворков
https://www.mockplus.com/blog/post/css-framework
https://www.mockplus.com/blog/post/css-framework
Рефакторинг реализации Dropdown
Пример рефакторинга реализации Dropdown Menu на хуках и компонентах React.
Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных.
https://youtu.be/KBUIPO8o0Ao
Пример рефакторинга реализации Dropdown Menu на хуках и компонентах React.
Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных.
https://youtu.be/KBUIPO8o0Ao
YouTube
Рефакторинг реализации Dropdown
Пример рефакторинга реализации Dropdown Menu на хуках и компонентах React.
Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных.
Beginner-friendly контент :)
Отзывы от моих студентов: https://bit.ly/Mkdev-ivan-kleshnin …
Рассматриваются хуки useState, useRef, useEffect, кастомный хук, именование переменных.
Beginner-friendly контент :)
Отзывы от моих студентов: https://bit.ly/Mkdev-ivan-kleshnin …
This media is not supported in your browser
VIEW IN TELEGRAM
Реализация кнопки "TOP" (прокрутка вверх) на чистом CSS
В примере показано, как с помощью position: sticky, scroll-behavior: smooth
и нативного поведения якорей реализовать кнопку, возвращающую в начало страницы без использования JS
https://moderncss.dev/pure-css-smooth-scroll-back-to-top/
В примере показано, как с помощью position: sticky, scroll-behavior: smooth
и нативного поведения якорей реализовать кнопку, возвращающую в начало страницы без использования JS
https://moderncss.dev/pure-css-smooth-scroll-back-to-top/
Круглый прогрессбар на JavaScript | Circle progress bar
В сегодняшнем выпуске JS-фич мы сделаем круглый прогресс бар на чистом JavaScript с использованием SVG графики.
https://youtu.be/amrIqeOXQW0
В сегодняшнем выпуске JS-фич мы сделаем круглый прогресс бар на чистом JavaScript с использованием SVG графики.
https://youtu.be/amrIqeOXQW0
YouTube
JS-фичи #4 | Круглый прогрессбар на JavaScript | Circle progress bar
Канал про разработку игр https://www.youtube.com/channel/UCOTSosw_E-Cr88QkAb1Mdsg
Крутые уроки по разработке 2D и 3D игр:
https://www.youtube.com/watch?v=1MGsAQRL6sE
https://www.youtube.com/watch?v=O8SslawQ_Xk
https://www.youtube.com/watch?v=dO-ZceVPlF8…
Крутые уроки по разработке 2D и 3D игр:
https://www.youtube.com/watch?v=1MGsAQRL6sE
https://www.youtube.com/watch?v=O8SslawQ_Xk
https://www.youtube.com/watch?v=dO-ZceVPlF8…
CSS Scroll Shadows
Генератор теней для индикации доступной прокрутки
https://css-scroll-shadows.now.sh/
Генератор теней для индикации доступной прокрутки
https://css-scroll-shadows.now.sh/
This media is not supported in your browser
VIEW IN TELEGRAM
Форма кредитной карты
Форма кредитной карты с гладкими и приятными микровзаимодействиями. Включает форматирование чисел, проверку и автоматическое определение типа карты. Она построена на Vue.js, а также полностью адаптивная.
https://github.com/muhammederdem/vue-interactive-paycard
https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
Форма кредитной карты с гладкими и приятными микровзаимодействиями. Включает форматирование чисел, проверку и автоматическое определение типа карты. Она построена на Vue.js, а также полностью адаптивная.
https://github.com/muhammederdem/vue-interactive-paycard
https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
This media is not supported in your browser
VIEW IN TELEGRAM
Навигация в стиле Stripe
Уникальность этой навигации заключается в том, что контейнер popover трансформируется под содержимое. В этом переходе есть элегантность по сравнению с традиционным поведением открытия и закрытия нового поповера.
https://lokeshdhakar.com/dev-201-stripe.coms-main-navigation/
Уникальность этой навигации заключается в том, что контейнер popover трансформируется под содержимое. В этом переходе есть элегантность по сравнению с традиционным поведением открытия и закрытия нового поповера.
https://lokeshdhakar.com/dev-201-stripe.coms-main-navigation/
Виджет выбора эмодзи, который экономит память
https://nolanlawson.com/2020/06/28/introducing-emoji-picker-element-a-memory-efficient-emoji-picker-for-the-web/
https://nolanlawson.com/2020/06/28/introducing-emoji-picker-element-a-memory-efficient-emoji-picker-for-the-web/
Подборка из 25 готовых кнопок для проектов с эффектами на hover и active на чистом css
Все кнопки реализованы на codepen
https://dev.to/webdeasy/top-20-css-buttons-animations-f41
Все кнопки реализованы на codepen
https://dev.to/webdeasy/top-20-css-buttons-animations-f41
Лучшие способы организовать свойства CSS
https://medium.com/swlh/better-ways-to-organise-css-properties-9a066e7ded62
https://medium.com/swlh/better-ways-to-organise-css-properties-9a066e7ded62
Интересное использование псевдоэлементов :before и :after
https://zendev.com/2019/03/28/cool-uses-of-before-after-pseudoelements.html
https://zendev.com/2019/03/28/cool-uses-of-before-after-pseudoelements.html
Современное тестирование React-приложений
Серия статей, посвященная лучшим практикам тестирования в React:
1️⃣ Modern React testing, part 1: best practices
https://blog.sapegin.me/all/react-testing-1-best-practices/
2️⃣ Modern React testing, part 2: Jest and Enzyme
https://blog.sapegin.me/all/react-testing-2-jest-and-enzyme/
3️⃣ Modern React testing, part 3: Jest and React Testing Library
https://blog.sapegin.me/all/react-testing-3-jest-and-react-testing-library/
Серия статей, посвященная лучшим практикам тестирования в React:
1️⃣ Modern React testing, part 1: best practices
https://blog.sapegin.me/all/react-testing-1-best-practices/
2️⃣ Modern React testing, part 2: Jest and Enzyme
https://blog.sapegin.me/all/react-testing-2-jest-and-enzyme/
3️⃣ Modern React testing, part 3: Jest and React Testing Library
https://blog.sapegin.me/all/react-testing-3-jest-and-react-testing-library/
9 проектов, сделав которые ты станешь FrontEnd мастером
Подборка из 9 различных проектов, каждый с отдельной темой и своей фреймворком или библиотекой JavaScript в качестве технологического стека, который вы можете создать и добавить в свое портфолио.
https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h
Подборка из 9 различных проектов, каждый с отдельной темой и своей фреймворком или библиотекой JavaScript в качестве технологического стека, который вы можете создать и добавить в свое портфолио.
https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h