Safe alignment flexbox
Как значение safe влияет на расположение контента при использовании flexbox и где это может быть полезно.
https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/
Как значение safe влияет на расположение контента при использовании flexbox и где это может быть полезно.
https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/
Создание вертикальных контролов для форм
В Safari 17.4 добавили возможность использовать
https://webkit.org/blog/15190/implementing-vertical-form-controls/
В Safari 17.4 добавили возможность использовать
writing-mode: vertical-rl
, что актуально при разработке приложений для стран Азии.https://webkit.org/blog/15190/implementing-vertical-form-controls/
Создаем виртуальную 3D галерею на Three.js
Большой туториал по работе с Three.js, включающий создание сцен, работу со светом и текстурами, контролами, анимациями.
https://www.youtube.com/watch?v=imqiYWidUIA
Большой туториал по работе с Three.js, включающий создание сцен, работу со светом и текстурами, контролами, анимациями.
https://www.youtube.com/watch?v=imqiYWidUIA
Документируем свой JS код
Краткий курс по использованию JSDoc.
https://www.youtube.com/watch?v=YK-GurROGIg
Краткий курс по использованию JSDoc.
https://www.youtube.com/watch?v=YK-GurROGIg
Продуктовый подход к pet-проекту, или как я разработал музыкальное веб-приложение
https://habr.com/ru/articles/803673/
https://habr.com/ru/articles/803673/
7 простых правил для лучшего отображения данных
Как визуализировать данные понятно и наглядно для пользователей вашего приложения.
https://www.sitepoint.com/better-data-visualization-simple-rules/
Как визуализировать данные понятно и наглядно для пользователей вашего приложения.
https://www.sitepoint.com/better-data-visualization-simple-rules/
Изучаем NestJS - Полный курс
Большой 14 часовой курс по разработке на NestJs: котроллеры, сервисы, модули, работа с БД, авторизация, сваггер и другие аспекты разработки веб серверов.
https://www.youtube.com/watch?v=sFnAHC9lLaw
Большой 14 часовой курс по разработке на NestJs: котроллеры, сервисы, модули, работа с БД, авторизация, сваггер и другие аспекты разработки веб серверов.
https://www.youtube.com/watch?v=sFnAHC9lLaw
Прощай, JS Profiler
Профайлинг CPU c помощью вкладки Performance в Chrome. О причинах ухода от профайлера, и как теперь мониторить производительность приложений.
https://developer.chrome.com//blog/profiling-cpu
Профайлинг CPU c помощью вкладки Performance в Chrome. О причинах ухода от профайлера, и как теперь мониторить производительность приложений.
https://developer.chrome.com//blog/profiling-cpu
Изучаем относительные viewport единицы в CSS
Как и когда использовать 100vh, 100dvh, 100lvh, 100svh.
https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t
Как и когда использовать 100vh, 100dvh, 100lvh, 100svh.
https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t
KeyUX - библиотека, позволяющая удобно работать с вашим сайтом с клавиатуры
Сделана не только для доступности, но и для тех, кто любит использовать клавиатуру по максимуму в своей работе. Весит всего 2Кб и не использует дополнительные зависимости.
https://github.com/ai/keyux
Сделана не только для доступности, но и для тех, кто любит использовать клавиатуру по максимуму в своей работе. Весит всего 2Кб и не использует дополнительные зависимости.
https://github.com/ai/keyux
This media is not supported in your browser
VIEW IN TELEGRAM
Скролл-анимация с типографикой
Эксперимент с анимацией с появлением изображения в тексте при скролле.
Демо | Github
https://tympanus.net/codrops/2024/04/02/on-scroll-expanding-image-animation-within-typography/
Эксперимент с анимацией с появлением изображения в тексте при скролле.
Демо | Github
https://tympanus.net/codrops/2024/04/02/on-scroll-expanding-image-animation-within-typography/
Оптимизация карусели для EditorJS
Показательный пример того, что не все библиотеки собраны оптимальным образом, и как с эти можно бороться (если очень нужно)
https://dev.to/appqui/how-i-optimized-carousel-for-editorjs-2x-in-size-4efa
Показательный пример того, что не все библиотеки собраны оптимальным образом, и как с эти можно бороться (если очень нужно)
https://dev.to/appqui/how-i-optimized-carousel-for-editorjs-2x-in-size-4efa
Подборка записей с конференций (300+) по JS за 2023 год
https://dev.to/techtalksweekly/all-javascript-conference-talks-300-from-2023-ordered-by-the-number-of-views-1akm
https://dev.to/techtalksweekly/all-javascript-conference-talks-300-from-2023-ordered-by-the-number-of-views-1akm
React Router v6 - Полный курс
Курс по React Router v6, включающий как базовую настройку роутинга, так и продвинутую конфигурацию и кастомные переходы между страницами.
https://www.youtube.com/watch?v=SMq1IQRweDc
Курс по React Router v6, включающий как базовую настройку роутинга, так и продвинутую конфигурацию и кастомные переходы между страницами.
https://www.youtube.com/watch?v=SMq1IQRweDc
React Design Pattern
Плейлист из 5 видео с основными паттернами разработки на React: HOC, Layout, custom hooks, etc.
https://www.youtube.com/playlist?list=PLgeETUaEEds5HE2uGWezJxYeZwpBonHr-
Плейлист из 5 видео с основными паттернами разработки на React: HOC, Layout, custom hooks, etc.
https://www.youtube.com/playlist?list=PLgeETUaEEds5HE2uGWezJxYeZwpBonHr-
Forwarded from Habr For Dev
#accessibility #html
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 7
⭐️⭐️◽️◽️◽️
📖 Читать
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 7
⭐️⭐️◽️◽️◽️
📖 Читать
Курс по основам JS: Learn JavaScript
Базовый курс из 28 уроков от команды разработчиков Chrome.
https://web.dev/learn/javascript
Базовый курс из 28 уроков от команды разработчиков Chrome.
https://web.dev/learn/javascript
13 репозиториев для изучения веб-разработки
Подборка из 13 ресурсов для бесплатного обучения основам и аспектам разработки от Евгения Ковальчука.
https://www.youtube.com/watch?v=UEyEAfnxp_c
Подборка из 13 ресурсов для бесплатного обучения основам и аспектам разработки от Евгения Ковальчука.
https://www.youtube.com/watch?v=UEyEAfnxp_c
YouTube
ТОП 13 Репозиториев для БЕСПЛАТНОГО изучения веб-разработки
#YauhenK #webdev #github #frontend
✒ Разверните IT-инфраструктуру для веб-проектов любой сложности со скидкой 20%: https://slc.tl/ja5t4
Реклама. ООО "Селектел". erid:LjN8KLsRD
Всем привет.
Предыдущее видео на канале о репозиториях полезных веб-разработчику…
✒ Разверните IT-инфраструктуру для веб-проектов любой сложности со скидкой 20%: https://slc.tl/ja5t4
Реклама. ООО "Селектел". erid:LjN8KLsRD
Всем привет.
Предыдущее видео на канале о репозиториях полезных веб-разработчику…
Введение в Jest - JS библиотеку для тестирования
Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.
https://blog.logrocket.com/jest-adoption-guide/
Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.
https://blog.logrocket.com/jest-adoption-guide/
DevTools: советы и трюки
Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге.
https://frontendmasters.com/blog/devtools-tips-tricks/
Пачка малоизвестных (вперемешку с заезженными) фич DevTools, позволяющих экономить время и силы при разработке и дебаге.
https://frontendmasters.com/blog/devtools-tips-tricks/