This media is not supported in your browser
VIEW IN TELEGRAM
Пиксельный эффект загрузки изображения при скролле
Демо
Github
https://tympanus.net/codrops/2023/05/24/on-scroll-pixelated-image-loading-effect/
Демо
Github
https://tympanus.net/codrops/2023/05/24/on-scroll-pixelated-image-loading-effect/
🔥19🤣3
This media is not supported in your browser
VIEW IN TELEGRAM
Рендеринг на сервере и HTMX — это будущее?
Как HTMX позволяет в некоторых случаях отказать от SPA с использованием JS фреймворков.
https://habr.com/ru/companies/ruvds/articles/736754/
Как HTMX позволяет в некоторых случаях отказать от SPA с использованием JS фреймворков.
https://habr.com/ru/companies/ruvds/articles/736754/
👎14🔥3💩2👍1🤣1
Почему мы всё время начинаем и бросаем учить английский?
Одна из причин — мы не знаем свой уровень языка и берёмся за контент, который нам не по силам. Например, сериал «Друзья» часто советуют смотреть тем, кто начинает учить язык, но в нём полно юмора, который начинающие пока понять не могут. В итоге разрыв знаний удручает и мотивация учить язык падает.
Если вы готовы дать английскому ещё один шанс, мы поможем поверить в свои силы и довести дело до конца. Приходите на бесплатную консультацию в Яндекс Практикум:
🔘 Проведём устный тест на уровень языка,
🔘 Покажем, чего реально добиться и за какой срок,
🔘 Расскажем, как наши курсы помогут достичь цели.
P. S. С 1 июня курсы станут больше: количество занятий с личным преподавателем увеличится с 72 до 80. Цена вырастет тоже. До 31 мая вы можете купить курс по старой цене: целиком или по частям. И если решите купить полный курс сразу — сэкономите и получите обновлённую программу из 80 занятий по прежней цене.
Одна из причин — мы не знаем свой уровень языка и берёмся за контент, который нам не по силам. Например, сериал «Друзья» часто советуют смотреть тем, кто начинает учить язык, но в нём полно юмора, который начинающие пока понять не могут. В итоге разрыв знаний удручает и мотивация учить язык падает.
Если вы готовы дать английскому ещё один шанс, мы поможем поверить в свои силы и довести дело до конца. Приходите на бесплатную консультацию в Яндекс Практикум:
🔘 Проведём устный тест на уровень языка,
🔘 Покажем, чего реально добиться и за какой срок,
🔘 Расскажем, как наши курсы помогут достичь цели.
P. S. С 1 июня курсы станут больше: количество занятий с личным преподавателем увеличится с 72 до 80. Цена вырастет тоже. До 31 мая вы можете купить курс по старой цене: целиком или по частям. И если решите купить полный курс сразу — сэкономите и получите обновлённую программу из 80 занятий по прежней цене.
💩15👍3❤1
Как большой размер DOM влияет на интерактивность приложения
И что вы с этим можете сделать
https://web.dev/dom-size-and-interactivity/
И что вы с этим можете сделать
https://web.dev/dom-size-and-interactivity/
❤12👍2🍌1
Создаем кастомную грид систему Vuetify
Туториал по стилизации и настройке Vuetify компонентов.
https://blog.logrocket.com/create-custom-vuetify-grid-system/
Туториал по стилизации и настройке Vuetify компонентов.
https://blog.logrocket.com/create-custom-vuetify-grid-system/
👍7
Оптимизируем задержку ввода
О том, что такое задержка ввода и как сделать ее минимальной.
https://web.dev/optimize-input-delay/
О том, что такое задержка ввода и как сделать ее минимальной.
https://web.dev/optimize-input-delay/
🔥12
CSS gap vs margin
Добавляем расстояния между элементами: различия в применении gap и margin.
https://blog.logrocket.com/css-gap-vs-margin/
Добавляем расстояния между элементами: различия в применении gap и margin.
https://blog.logrocket.com/css-gap-vs-margin/
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
Визуализируем данные в React с библиотекой Tremor
https://blog.openreplay.com/visualize-data-in-react-with-tremor/
https://blog.openreplay.com/visualize-data-in-react-with-tremor/
👍19
This media is not supported in your browser
VIEW IN TELEGRAM
Введение в Popover API
Новый браузерный API, который стандартизирует и упрощает создание поповеров.
https://developer.chrome.com/blog/introducing-popover-api/
Новый браузерный API, который стандартизирует и упрощает создание поповеров.
https://developer.chrome.com/blog/introducing-popover-api/
❤8👍4💩2
Вопросы для собеседования по React
Коллекция вопросов для начинающих и опытных разработчиков.
https://javascript.plainenglish.io/react-interview-questions-2023-a-comprehensive-collection-for-newcomers-and-professionals-alike-b74ad3e5178f
Коллекция вопросов для начинающих и опытных разработчиков.
https://javascript.plainenglish.io/react-interview-questions-2023-a-comprehensive-collection-for-newcomers-and-professionals-alike-b74ad3e5178f
👍17👎7🌚2🌭2🔥1
Создаем клон сайта с задачами для программистов LeetCode
Туториал по созданию приложения на стеке React, Next JS, TypeScript, Tailwind CSS и Firebase.
https://www.youtube.com/watch?v=GnodscC2p-A&ab_channel=freeCodeCamp.org
Туториал по созданию приложения на стеке React, Next JS, TypeScript, Tailwind CSS и Firebase.
https://www.youtube.com/watch?v=GnodscC2p-A&ab_channel=freeCodeCamp.org
👍14💩6
Пишем шахматы на React
Создаем многопользовательскую игру на React + Socket.io
https://blog.openreplay.com/building-a-chess-game-with-react/
Создаем многопользовательскую игру на React + Socket.io
https://blog.openreplay.com/building-a-chess-game-with-react/
😁17👍2
Code Review Best Practice
Несколько советов по проведению code review.
https://levelup.gitconnected.com/the-code-review-best-practise-cec57488ef25
Несколько советов по проведению code review.
https://levelup.gitconnected.com/the-code-review-best-practise-cec57488ef25
❤🔥11👍2
Делегирование событий в JS
Что это такое, какую проблему решает и небольшая хитрость для удобства рботы с ними.
https://gomakethings.com/event-delegation-and-nested-elements/
Что это такое, какую проблему решает и небольшая хитрость для удобства рботы с ними.
https://gomakethings.com/event-delegation-and-nested-elements/
❤12💩5👍1
Подкаст HTML Academy
Выпуск 9: Быстрый NodeJS, даптация без медиавыражений, вертикальный ритм и практики отличных форм.
https://www.youtube.com/watch?v=WdrmLrPczp0
Выпуск 9: Быстрый NodeJS, даптация без медиавыражений, вертикальный ритм и практики отличных форм.
https://www.youtube.com/watch?v=WdrmLrPczp0
❤8👍2
Лучшие open source библиотеки для пагинации приложений на Vue3
https://blog.logrocket.com/best-open-source-pagination-libraries-vue-3/
https://blog.logrocket.com/best-open-source-pagination-libraries-vue-3/
👍13😁7🔥2🥴2
Стилизация элементов при помощи псевдокласа :empty
https://blog.logrocket.com/styling-css-empty-pseudo-class/
https://blog.logrocket.com/styling-css-empty-pseudo-class/
❤26👍9🤔5👎1
Сравниваем Redux и React Query
Что выбрать для проекта? Посмотрим разницу между Redux и React Query, плюсы и минусы библиотек.
https://www.youtube.com/watch?v=YLowBWmYChc&ab_channel=ITVDN
Что выбрать для проекта? Посмотрим разницу между Redux и React Query, плюсы и минусы библиотек.
https://www.youtube.com/watch?v=YLowBWmYChc&ab_channel=ITVDN
🤡10👍8😁3
Пишем плагин для бесшовного drag and drop перемещения элементов на чистом JS
Подробный туториал по созданию плагина, включающий работу с событиями и DOM элементами для различных устройств.
https://tahazsh.com/blog/seamless-ui-with-js-drag-to-reorder-example
Подробный туториал по созданию плагина, включающий работу с событиями и DOM элементами для различных устройств.
https://tahazsh.com/blog/seamless-ui-with-js-drag-to-reorder-example
🔥18👍5
Делаем приложение для генерации цитат на NodeJS, TypeScript и AWS Amplify
6 часовой курс создания full stack приложения с нуля до деплоя и настройки CI/CD.
https://www.youtube.com/watch?v=FRmCxj9K7II
6 часовой курс создания full stack приложения с нуля до деплоя и настройки CI/CD.
https://www.youtube.com/watch?v=FRmCxj9K7II
👍14