В статье представлены паттерны для эффективной работы с DOM на чистом JavaScript: от оптимального использования querySelector до кэширования элементов и улучшения событийного механизма.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
В статье рассказывается, как создать эффект матового стекла для веб-дизайна с помощью HTML и CSS. Автор делится опытом, вдохновленным UI из Forza, и предлагает готовый код и ассеты для реализации.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2
Александр Моргунов — Разбираемся в Feature-Sliced Design
Посмотрим, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.
https://www.youtube.com/watch?v=H_rJ0zB8rqc
Посмотрим, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.
https://www.youtube.com/watch?v=H_rJ0zB8rqc
1👍3❤1🔥1
Forwarded from Habr For Dev
#открытый_исходный_код #субд
Безумные и забавные факты о SQLite
SQLite — самая часто разворачиваемая и используемая база данных. На текущий момент активно используется более одного триллиона (1000000000000 или миллиона миллионов) баз данных SQLite. Её поддерживают три человека. Они не допускают внешних контрибьюторов.
⭐️⭐️⭐️⭐️⭐️
📖 Читать
Безумные и забавные факты о SQLite
SQLite — самая часто разворачиваемая и используемая база данных. На текущий момент активно используется более одного триллиона (1000000000000 или миллиона миллионов) баз данных SQLite. Её поддерживают три человека. Они не допускают внешних контрибьюторов.
⭐️⭐️⭐️⭐️⭐️
📖 Читать
👍5❤2🔥1
Прячем данные в изображениях
Вшиваем данные в PNG при помощи JavaScript — пошаговое руководство (для хакеров 😁)
https://jsdev.space/data-png-steganography-js/
Вшиваем данные в PNG при помощи JavaScript — пошаговое руководство (для хакеров 😁)
https://jsdev.space/data-png-steganography-js/
👍4🔥1😱1
Список базовых SQL команд
Руководство по основным SQL-командам, которые полезны для работы с базами данных. Этот материал поможет вам лучше понять, как управлять данными с помощью SQL-запросов.
https://www.sitepoint.com/sql-commands/
Руководство по основным SQL-командам, которые полезны для работы с базами данных. Этот материал поможет вам лучше понять, как управлять данными с помощью SQL-запросов.
https://www.sitepoint.com/sql-commands/
👍2🔥1🤔1
Что такое модель TCP/IP и как работает протокол
Статья о модели TCP/IP, которая является основой для передачи данных в интернете.
В статье объясняются четыре уровня модели, их функции и взаимодействие. Также рассматриваются ключевые протоколы, такие как IP, TCP и UDP.
https://bit.ly/4hKoLf1
Статья о модели TCP/IP, которая является основой для передачи данных в интернете.
В статье объясняются четыре уровня модели, их функции и взаимодействие. Также рассматриваются ключевые протоколы, такие как IP, TCP и UDP.
https://bit.ly/4hKoLf1
1👍4❤2
Scroll Driven Animations Notebook
Концепции и техники создания анимаций, основанных на скроле с использованием CSS и JavaScript. Примеры и рекомендации для эффективного внедрения.
https://css-tricks.com/scroll-driven-animations-notebook/
Концепции и техники создания анимаций, основанных на скроле с использованием CSS и JavaScript. Примеры и рекомендации для эффективного внедрения.
https://css-tricks.com/scroll-driven-animations-notebook/
👍3🔥1
CSS Grid или Flexbox
Когда применять CSS Grid, а когда Flexbox для создания адаптивных веб-дизайнов. Среди кейсов сложные макеты, точное расположение элементов и одно-двумерные сетки.
https://unicornclub.dev/articles/2025-02-25-css-grid-or-flexbox-know-when-to-use-each-for-better-layouts/
Когда применять CSS Grid, а когда Flexbox для создания адаптивных веб-дизайнов. Среди кейсов сложные макеты, точное расположение элементов и одно-двумерные сетки.
https://unicornclub.dev/articles/2025-02-25-css-grid-or-flexbox-know-when-to-use-each-for-better-layouts/
❤3👍1👎1🎉1
Использование аналитики в режиме реального времени с Streaming SQL
Что такое Streaming SQL и как этот подход может использоваться для получения аналитических данных в режиме реального времени из потоков данных в Kafka
https://dzone.com/articles/real-time-insights-with-streaming-sql-on-kafka
Что такое Streaming SQL и как этот подход может использоваться для получения аналитических данных в режиме реального времени из потоков данных в Kafka
https://dzone.com/articles/real-time-insights-with-streaming-sql-on-kafka
👍3🔥1
Слайдер для сравнения изображений на JavaScript
Руководство по созданию слайдера в 6 строк кода.
https://muffinman.io/blog/image-comparison-slider/
Руководство по созданию слайдера в 6 строк кода.
https://muffinman.io/blog/image-comparison-slider/
🔥4👍1
This media is not supported in your browser
VIEW IN TELEGRAM
code-inspector
Кликайте на элемент в браузере и он откроется в IDE.
https://github.com/zh-lx/code-inspector
Кликайте на элемент в браузере и он откроется в IDE.
https://github.com/zh-lx/code-inspector
1🔥3❤1👍1👏1
Как предотвратить SQL-инъекции в WordPress
Эффективные методы защиты WordPress-сайтов от атак SQL-инъекций, включая использование скрытие версии WordPress, внедрение плагинов безопасности и регулярные обновления системы.
https://www.smashingmagazine.com/2025/03/how-prevent-wordpress-sql-injection-attacks/
Эффективные методы защиты WordPress-сайтов от атак SQL-инъекций, включая использование скрытие версии WordPress, внедрение плагинов безопасности и регулярные обновления системы.
https://www.smashingmagazine.com/2025/03/how-prevent-wordpress-sql-injection-attacks/
🔥3⚡1👍1
Используем EJS-шаблоны в Node.js приложении
Как интегрировать EJS (Embedded JavaScript) в приложение Node.js для создания динамических страниц: основные шаги, создание шаблонов и передача данных из серверной части в клиентскую.
https://blog.logrocket.com/how-to-use-ejs-template-node-js-application/
Как интегрировать EJS (Embedded JavaScript) в приложение Node.js для создания динамических страниц: основные шаги, создание шаблонов и передача данных из серверной части в клиентскую.
https://blog.logrocket.com/how-to-use-ejs-template-node-js-application/
❤2👍2
Forwarded from Habr For Dev
#советы #начинающим
Не покупайте грузовик для похода за хлебом и другие принципы программирования
Мне недавно встретился код вывода количества FPS на экран, написанный начинающим программистом, и в этом коде был базовый класс, класс-потомок, виртуальные функции, конструктор с множеством параметров, variant. Код позволял выводить любое количество счетчиков FPS на экран разными шрифтами, но все, что было на самом деле нужно, это простая функция на 3 строки, считающая количество FPS и выводящая его на экран.
⭐️◽️◽️◽️◽️
📖 Читать
Не покупайте грузовик для похода за хлебом и другие принципы программирования
Мне недавно встретился код вывода количества FPS на экран, написанный начинающим программистом, и в этом коде был базовый класс, класс-потомок, виртуальные функции, конструктор с множеством параметров, variant. Код позволял выводить любое количество счетчиков FPS на экран разными шрифтами, но все, что было на самом деле нужно, это простая функция на 3 строки, считающая количество FPS и выводящая его на экран.
⭐️◽️◽️◽️◽️
📖 Читать
❤3👍1
Погружаемся в React Server Components
Узнаем, чем RSC отличается от классических CSR и SSR, какие у них преимущества и как интегрировать RSC в приложение на React.
https://tonyalicea.dev/blog/understanding-react-server-components/
Узнаем, чем RSC отличается от классических CSR и SSR, какие у них преимущества и как интегрировать RSC в приложение на React.
https://tonyalicea.dev/blog/understanding-react-server-components/
🔥3🤔1
TypeScript теперь в 10 раз быстрее
Как удалось улучшить перфоманс и что это значит для разработчиков.
https://devblogs.microsoft.com/typescript/typescript-native-port/
Как удалось улучшить перфоманс и что это значит для разработчиков.
https://devblogs.microsoft.com/typescript/typescript-native-port/
👎3👍2😱1💩1
command и commandfor в Сhrome 135
О новых атрибутах command и commandfor, которые упрощают добавление декларативного поведения кнопкам без использования JavaScript. Эти атрибуты позволяют напрямую связывать кнопки с элементами, улучшая доступность и удобство управления.
https://developer.chrome.com/blog/command-and-commandfor
О новых атрибутах command и commandfor, которые упрощают добавление декларативного поведения кнопкам без использования JavaScript. Эти атрибуты позволяют напрямую связывать кнопки с элементами, улучшая доступность и удобство управления.
https://developer.chrome.com/blog/command-and-commandfor
❤4🔥1
Делаем разработку более эффективной с document.designMode
Что такое designMode, как его включить и как с помощью него изменять контент без изменения кода.
https://www.smashingmagazine.com/2025/03/previewing-content-changes-work-documentdesignmode/
Что такое designMode, как его включить и как с помощью него изменять контент без изменения кода.
https://www.smashingmagazine.com/2025/03/previewing-content-changes-work-documentdesignmode/
👍3❤1⚡1
Media is too big
VIEW IN TELEGRAM
Карусели на чистом CSS
Новые возможности CSS Overflow 5, которые доступны в Chrome 135, позволяют еще проще создавать карусели используя
https://developer.chrome.com/blog/carousels-with-css
Новые возможности CSS Overflow 5, которые доступны в Chrome 135, позволяют еще проще создавать карусели используя
::scroll-button()
и ::scroll-marker()
.https://developer.chrome.com/blog/carousels-with-css
❤3🔥2
Разбираем Pino: как работает самый быстрый логер для Node.js
Чем Pino отличается от других логеров и как удалось достигнуть такой производительности.
https://habr.com/ru/articles/894646/
Чем Pino отличается от других логеров и как удалось достигнуть такой производительности.
https://habr.com/ru/articles/894646/
👍3🔥1👌1