This media is not supported in your browser
VIEW IN TELEGRAM
Искажение 3D-текста внутри стеклянного тора
Исследуем как работает Transmission Material в Three.js
Демо | Github
https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/
Исследуем как работает Transmission Material в Three.js
Демо | Github
https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/
👍7🔥5🥴2
Как удалять локальные и ремоут ветки в Git
Несколько удобных команд для удаления веток, а также советы по работе с ветками и их восстановлению в случае необходимости.
https://blog.logrocket.com/delete-branch-git/
Несколько удобных команд для удаления веток, а также советы по работе с ветками и их восстановлению в случае необходимости.
https://blog.logrocket.com/delete-branch-git/
👍8🔥4❤3
Forwarded from Web Stack
Слайдер для сравнения изображений на JavaScript
Руководство по созданию слайдера в 6 строк кода.
https://muffinman.io/blog/image-comparison-slider/
Руководство по созданию слайдера в 6 строк кода.
https://muffinman.io/blog/image-comparison-slider/
👍13🔥6❤2
Расширяем функционал поиска с помощью Fuse.js
Интегрируем Fuse.js для реализации поиска на сайте, созданном с использованием фреймворка Astro. Создание фильтров для поиска с использованием Astro Actions.
https://css-tricks.com/powering-search-with-astro-actions-and-fuse-js/
Интегрируем Fuse.js для реализации поиска на сайте, созданном с использованием фреймворка Astro. Создание фильтров для поиска с использованием Astro Actions.
https://css-tricks.com/powering-search-with-astro-actions-and-fuse-js/
👍12🤔3⚡1
Стилизация списков
От самых простых способов стилизации списков в HTML к продвинутым методам, которые позволяют даже вещам, не являющимся списками, выглядеть как списки.
https://css-tricks.com/styling-counters-in-css/
От самых простых способов стилизации списков в HTML к продвинутым методам, которые позволяют даже вещам, не являющимся списками, выглядеть как списки.
https://css-tricks.com/styling-counters-in-css/
👍8⚡1🔥1
Веб-стандарты — Выпуск 466
Относительные цвета, TypeScript на Go, UI Git в Zed, Baseline для CSS в ESLint, усталость от JS
https://web-standards.ru/podcast/466/
Относительные цвета, TypeScript на Go, UI Git в Zed, Baseline для CSS в ESLint, усталость от JS
https://web-standards.ru/podcast/466/
❤10👍4👎2🔥1
Делаем игру на память
Таня Раския рассказывает и показывает, как создать простую игру с карточками на JavaScript.
Демо | Github
https://tania.dev/how-to-create-a-memory-game-super-mario-with-plain-javascript/
Таня Раския рассказывает и показывает, как создать простую игру с карточками на JavaScript.
Демо | Github
https://tania.dev/how-to-create-a-memory-game-super-mario-with-plain-javascript/
🔥12❤3👍2
Базовый курс по JavaScript
Курс для начинающих, включающий как основы, так и продвинутые асинхронные техники.
https://www.youtube.com/watch?v=876aSEUA_8c
Курс для начинающих, включающий как основы, так и продвинутые асинхронные техники.
https://www.youtube.com/watch?v=876aSEUA_8c
🤯4🔥3⚡2
20 новых CSS фич, которые вам стоит знать в 2025 году
Очередной кликбейтный заголовок, но есть несколько интересных и полезных функций, которые помогут писать стили проще.
https://www.youtube.com/watch?v=VA975GOUFmM
Очередной кликбейтный заголовок, но есть несколько интересных и полезных функций, которые помогут писать стили проще.
https://www.youtube.com/watch?v=VA975GOUFmM
👍7⚡1🔥1
Неважно, создаете ли вы корпоративное приложение или будущий Telegram.
Облачные технологии Cloud․ru обеспечивают гибкую среду разработки, быструю масштабируемость и топовую надежность, сокращая время вывода продукта на рынок.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1🔥1
Пользуемся CSS переменными как профессионалы
Большая статья с примерами по работе с CSS переменными: создание, наследование, переопределение, фолбек значения.
https://blog.logrocket.com/how-to-use-css-variables/
Большая статья с примерами по работе с CSS переменными: создание, наследование, переопределение, фолбек значения.
https://blog.logrocket.com/how-to-use-css-variables/
🔥10❤1👍1
Освежаем знания по CSS border-image
Используем CSS border-image для стилизации рамок: разбор подходящих кейсов, примеров, особенностей работы и возможных значений.
https://css-tricks.com/revisiting-css-border-image/
Используем CSS border-image для стилизации рамок: разбор подходящих кейсов, примеров, особенностей работы и возможных значений.
https://css-tricks.com/revisiting-css-border-image/
👍8🔥3❤2
Forwarded from Web Stack
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
🔥9❤2⚡2👍1
Пишем змейку с AI
Руководство по созданию классической игры змейка с TensorFlow.js и Docker.
https://www.docker.com/blog/leveraging-docker-with-tensorflow/
Руководство по созданию классической игры змейка с TensorFlow.js и Docker.
https://www.docker.com/blog/leveraging-docker-with-tensorflow/
😁6👍5🔥3🌭1
React Trends 2025
Робин Вирух рассказывает о том, куда движется экосистема React: React Server Components, Biome, React Compiler, React Form, TanStack Start, React Router.
https://www.robinwieruch.de/react-trends/
Робин Вирух рассказывает о том, куда движется экосистема React: React Server Components, Biome, React Compiler, React Form, TanStack Start, React Router.
https://www.robinwieruch.de/react-trends/
❤5👍2👎2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Rsdoctor 1.0
Релиз еще одного инструмента позволяющего анализировать билд. Подходит для сборок на Rspack и Webpack.
https://rsdoctor.dev/blog/release/release-note-1_0
Релиз еще одного инструмента позволяющего анализировать билд. Подходит для сборок на Rspack и Webpack.
https://rsdoctor.dev/blog/release/release-note-1_0
❤6⚡4👍1
Погружение в SSR для React разработчиков
Большая статья о том, как работает SSR, какие проблемы решает и когда его стоит использовать. Плюсы и минусы SSR, различия между SSR, SSG и ISR.
https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
Большая статья о том, как работает SSR, какие проблемы решает и когда его стоит использовать. Плюсы и минусы SSR, различия между SSR, SSG и ISR.
https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
🔥7👍2❤1👎1🤡1
Адаптивный стриминг видео с помощью Dash.js
Какие ограничения существуют у тега <video> при работе с медленными соединениями и как их можно обойти с использованием адаптивного битрейт-стриминга.
Кодируем видео и интегрируем плеер Dash.js в React-приложение.
https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/
Какие ограничения существуют у тега <video> при работе с медленными соединениями и как их можно обойти с использованием адаптивного битрейт-стриминга.
Кодируем видео и интегрируем плеер Dash.js в React-приложение.
https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/
👍8🤯3❤2🔥1
Настраиваем проект TypeScript с Node.js и Express
Пошаговая инструкция по настройке проекта для комфортной разработки и тестирования.
https://blog.logrocket.com/express-typescript-node/
Пошаговая инструкция по настройке проекта для комфортной разработки и тестирования.
https://blog.logrocket.com/express-typescript-node/
👍11❤1🔥1