FrontEndDev
28.7K subscribers
2.22K photos
22 videos
7.43K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
End-of-life трекер

Актуальная информация по датам поддержки различных пакетов и программ. Трекает более 350 программ.

https://endoflife.date/
🔥10❤‍🔥3👍21
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/
👍7🔥5🥴2
Как удалять локальные и ремоут ветки в Git

Несколько удобных команд для удаления веток, а также советы по работе с ветками и их восстановлению в случае необходимости.

https://blog.logrocket.com/delete-branch-git/
👍8🔥43
Forwarded from Web Stack
Слайдер для сравнения изображений на JavaScript

Руководство по созданию слайдера в 6 строк кода.

https://muffinman.io/blog/image-comparison-slider/
👍13🔥62
Расширяем функционал поиска с помощью Fuse.js

Интегрируем Fuse.js для реализации поиска на сайте, созданном с использованием фреймворка Astro. Создание фильтров для поиска с использованием Astro Actions.

https://css-tricks.com/powering-search-with-astro-actions-and-fuse-js/
👍12🤔31
Стилизация списков

От самых простых способов стилизации списков в HTML к продвинутым методам, которые позволяют даже вещам, не являющимся списками, выглядеть как списки.

https://css-tricks.com/styling-counters-in-css/
👍81🔥1
Веб-стандарты — Выпуск 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/
🔥123👍2
Базовый курс по JavaScript

Курс для начинающих, включающий как основы, так и продвинутые асинхронные техники.

https://www.youtube.com/watch?v=876aSEUA_8c
🤯4🔥32
20 новых CSS фич, которые вам стоит знать в 2025 году

Очередной кликбейтный заголовок, но есть несколько интересных и полезных функций, которые помогут писать стили проще.

https://www.youtube.com/watch?v=VA975GOUFmM
👍71🔥1
Облако — идеальная платформа для воплощения самых смелых IT-идей

Неважно, создаете ли вы корпоративное приложение или будущий Telegram.

Облачные технологии Cloud․ru обеспечивают гибкую среду разработки, быструю масштабируемость и топовую надежность, сокращая время вывода продукта на рынок.

А главное: провайдер замораживает цены для новых клиентов на три года. Вы точно знаете, сколько тратите, и можете планировать IT-бюджет без неожиданных расходов. Спецпредложение действует для юридических лиц и ИП.

👉 Оставьте заявку до 31 марта 2025 года
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41🔥1
Пользуемся CSS переменными как профессионалы

Большая статья с примерами по работе с CSS переменными: создание, наследование, переопределение, фолбек значения.

https://blog.logrocket.com/how-to-use-css-variables/
🔥101👍1
Освежаем знания по CSS border-image

Используем CSS border-image для стилизации рамок: разбор подходящих кейсов, примеров, особенностей работы и возможных значений.

https://css-tricks.com/revisiting-css-border-image/
👍8🔥32
Forwarded from Web Stack
command и commandfor в Сhrome 135

О новых атрибутах command и commandfor, которые упрощают добавление декларативного поведения кнопкам без использования JavaScript. Эти атрибуты позволяют напрямую связывать кнопки с элементами, улучшая доступность и удобство управления.


https://developer.chrome.com/blog/command-and-commandfor
🔥922👍1
Пишем змейку с AI

Руководство по созданию классической игры змейка с 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/
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
64👍1
Погружение в SSR для React разработчиков

Большая статья о том, как работает SSR, какие проблемы решает и когда его стоит использовать. Плюсы и минусы SSR, различия между SSR, SSG и ISR.

https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
🔥7👍21👎1🤡1
Forwarded from Habr For Dev
#css #вопросы_и_ответы

Вы не знаете CSS. Мои вопросы о CSS с ответами. Часть 2

⭐️⭐️◽️◽️◽️

📖 Читать
👍831
Адаптивный стриминг видео с помощью Dash.js

Какие ограничения существуют у тега <video> при работе с медленными соединениями и как их можно обойти с использованием адаптивного битрейт-стриминга.
Кодируем видео и интегрируем плеер Dash.js в React-приложение.

https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/
👍8🤯32🔥1