Руководство по созданию Glassmorphism эффекта на CSS
https://dev.to/anuraggharat651/an-intuitive-guide-to-css-glassmorphism-4id9
https://dev.to/anuraggharat651/an-intuitive-guide-to-css-glassmorphism-4id9
👍18💩1
Как работать с несколькими обработчиками для одного события
Несколько способов добавления разных хендлеров для событий в JS.
https://gomakethings.com/how-to-more-performantly-listen-for-the-same-event-across-different-scripts-with-javascript/
Несколько способов добавления разных хендлеров для событий в JS.
https://gomakethings.com/how-to-more-performantly-listen-for-the-same-event-across-different-scripts-with-javascript/
🔥12👍2
Руководство по макетам и вложенным макетам Next.JS
https://blog.logrocket.com/guide-next-js-layouts-nested-layouts/
https://blog.logrocket.com/guide-next-js-layouts-nested-layouts/
👍15
Подборка Web API's для добавления интересного функционала к вашему приложению
Web Speech, Accelerometer, Page Visibility и еще несколько.
https://dev.to/ruppysuppy/7-more-javascript-web-apis-to-build-futuristic-websites-you-didnt-know-50bg
Web Speech, Accelerometer, Page Visibility и еще несколько.
https://dev.to/ruppysuppy/7-more-javascript-web-apis-to-build-futuristic-websites-you-didnt-know-50bg
👍9🌭1
Сloudflare внедрили HTTP/3 приоритизацию запросов
Что такое приоритизация, и как она помогает грузить приложение еще быстрее.
https://blog.cloudflare.com/better-http-3-prioritization-for-a-faster-web/
Что такое приоритизация, и как она помогает грузить приложение еще быстрее.
https://blog.cloudflare.com/better-http-3-prioritization-for-a-faster-web/
👍11
This media is not supported in your browser
VIEW IN TELEGRAM
Git File History - расширение для VSCode для отображения истории изменений файла
Удобно отображает комиты в виде горизонтального списка + анимирует изменения в файле.
https://marketplace.visualstudio.com/items?itemName=pomber.git-file-history
Удобно отображает комиты в виде горизонтального списка + анимирует изменения в файле.
https://marketplace.visualstudio.com/items?itemName=pomber.git-file-history
👍37🐳2
Карманный справочник
Удобные подсказки по HTML, CSS и JS для начинающих и не только. Есть набор генераторов для CSS, компрессор для JS и еще много инструментов для разработчиков.
https://htmlcheatsheet.com/
Удобные подсказки по HTML, CSS и JS для начинающих и не только. Есть набор генераторов для CSS, компрессор для JS и еще много инструментов для разработчиков.
https://htmlcheatsheet.com/
🔥17🤡8🌚1
Полное руководство по доступности frontend компонентов
Большой гайд от Виталия Фридмана о техниках и инструментах для создания доступных приложений.
https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
Большой гайд от Виталия Фридмана о техниках и инструментах для создания доступных приложений.
https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
❤9👍4🔥3🍾1
HTML best practises
Подборка правил (с некоторыми, конечно, можно поспорить), соблюдение которых поможет создавать более читаемую и поддерживаемую разметку.
https://github.com/hail2u/html-best-practices
Подборка правил (с некоторыми, конечно, можно поспорить), соблюдение которых поможет создавать более читаемую и поддерживаемую разметку.
https://github.com/hail2u/html-best-practices
🔥20❤4👍4
CSS Grid за 13 минут
Быстрое введение в CSS Grid (индусский английский присутствует, тем не менее реально доходчиво и быстро).
https://www.youtube.com/watch?v=EiNiSFIPIQE&ab_channel=SlayingTheDragon
Быстрое введение в CSS Grid (индусский английский присутствует, тем не менее реально доходчиво и быстро).
https://www.youtube.com/watch?v=EiNiSFIPIQE&ab_channel=SlayingTheDragon
🤣13🔥7🤯1🌭1
Отзывчивая разметка без media queries
Как flexbox и grid помогут вам обойтись без media брейкпоинтов: несколько советов и уловок.
https://www.youtube.com/watch?v=p3_xN2Zp1TY
Как flexbox и grid помогут вам обойтись без media брейкпоинтов: несколько советов и уловок.
https://www.youtube.com/watch?v=p3_xN2Zp1TY
YouTube
Useful & Responsive Layouts, no Media Queries required
Conquering responsive layouts: https://courses.kevinpowell.co/conquering-responsive-layouts
Here’s 5 quick responsive layouts that you can use, without any media queries!
There’s nothing wrong with media queries, and we still need them sometimes, but these…
Here’s 5 quick responsive layouts that you can use, without any media queries!
There’s nothing wrong with media queries, and we still need them sometimes, but these…
🔥10❤3💩1🌭1
Кластеризация приложения на NodeJS
Пример простого сервера с кластеризацией + нагрузочное тестирование
https://www.youtube.com/watch?v=YHPWG23cS4c&
Пример простого сервера с кластеризацией + нагрузочное тестирование
https://www.youtube.com/watch?v=YHPWG23cS4c&
👍16❤1
Git для профессионалов
Туториал по хорошим практикам коммитов, видам и выбору branch стратегии, а также способам разрешения мерж конфликтов и использованию merge/rebase.
https://www.youtube.com/watch?v=Uszj_k0DGsg
Туториал по хорошим практикам коммитов, видам и выбору branch стратегии, а также способам разрешения мерж конфликтов и использованию merge/rebase.
https://www.youtube.com/watch?v=Uszj_k0DGsg
👍12
Forwarded from Habr For Dev
#timeweb_статьи_перевод #игры
Движок для игры от первого лица в 265 строках Javascript
⭐️⭐️◽️◽️◽️
📖Читать
Движок для игры от первого лица в 265 строках Javascript
⭐️⭐️◽️◽️◽️
📖Читать
Хабр
Движок для игры от первого лица в 265 строках Javascript
Сегодня окунёмся в мир, который можно потрогать . В этой статье мы исследуем, как с нуля, быстро и без особо сложной математики написать движок для игры от первого лица. Для этого мы воспользуемся...
👍12❤4🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект с svg фильтрами
Необычный эффект появления изображений при скролле.
Демо | Github
https://tympanus.net/codrops/2023/07/05/on-scroll-svg-filter-effect/
Необычный эффект появления изображений при скролле.
Демо | Github
https://tympanus.net/codrops/2023/07/05/on-scroll-svg-filter-effect/
🔥23⚡2👍2❤1
ESLint Plugin Perfectionist
Плагин для ESLint, содержащий правила для сортировки данных в вашем коде. Объекты, импорты, TS типы, JSX пропсы и всё остальное.
https://github.com/azat-io/eslint-plugin-perfectionist
Плагин для ESLint, содержащий правила для сортировки данных в вашем коде. Объекты, импорты, TS типы, JSX пропсы и всё остальное.
https://github.com/azat-io/eslint-plugin-perfectionist
👍28🔥7❤3💩3
NodeJS аутентификация: JWT vs Tokens
Способы аутентифицикации пользователей на стороне сервера - в каких случаях что использовать?
https://blog.logrocket.com/node-js-server-side-authentication-tokens-vs-jwt/
Способы аутентифицикации пользователей на стороне сервера - в каких случаях что использовать?
https://blog.logrocket.com/node-js-server-side-authentication-tokens-vs-jwt/
👍13🥱4❤1🍾1
Введение в нативное CSS наследование
https://www.sitepoint.com/an-introduction-to-native-css-nesting/
https://www.sitepoint.com/an-introduction-to-native-css-nesting/
👍12❤1
XSS уязвимость в Telegram
Как в web версии Telegram можно выполнить XSS атаку на пользователя.
https://habr.com/ru/articles/744316/
Как в web версии Telegram можно выполнить XSS атаку на пользователя.
https://habr.com/ru/articles/744316/
🔥15😐6
Используем background-size и background-position для позиционирования фона
Небольшой туториал по настройке расположения фонового изображения.
https://www.sitepoint.com/how-to-use-css-background-size-and-background-position
Небольшой туториал по настройке расположения фонового изображения.
https://www.sitepoint.com/how-to-use-css-background-size-and-background-position
❤12👍4
Полный курс Redux Toolkit + RTK Query для начинающих
https://www.youtube.com/watch?v=gPmYTqGPDWA&ab_channel=REDGroup
https://www.youtube.com/watch?v=gPmYTqGPDWA&ab_channel=REDGroup
💩36👍9⚡2👎2