Forwarded from Web Stack
Стилизация alt текста
Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
Интересный подход от Энди Белла по оформлению альтернативного текста для изображения, которое не загрузилось.
https://css-tricks.com/you-can-style-alt-text-like-any-other-text/
1🔥6❤5👍1
Defuddle: извлекаем основной контент с веб страниц
Удаляем коменты, сайдбары, хедеры, футеры и прочее при парсинге с Defuddle.
https://github.com/kepano/defuddle
Удаляем коменты, сайдбары, хедеры, футеры и прочее при парсинге с Defuddle.
https://github.com/kepano/defuddle
👍10❤1⚡1🔥1😁1
10 обновлений с прошедшей Google I/O 2025
CSS карусели, DevTools с AI, Prompt API c возможностью нескольких модальных окон и другие итоги.
https://developer.chrome.com/blog/web-at-io25
CSS карусели, DevTools с AI, Prompt API c возможностью нескольких модальных окон и другие итоги.
https://developer.chrome.com/blog/web-at-io25
👍7🔥5❤2
prompt-kit
UI kit c Доступными и кастомизируемыми компонентами для приложений с AI.
https://www.prompt-kit.com/
UI kit c Доступными и кастомизируемыми компонентами для приложений с AI.
https://www.prompt-kit.com/
🔥10👍4❤2😁2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем сетку с товарами
Красивый и ненавязчивый эффект для приложения с товарами.
Демо | Github
https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/
Красивый и ненавязчивый эффект для приложения с товарами.
Демо | Github
https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/
👍12🔥5❤2⚡2
Алгоритмы JavaScript
Репозиторий со сборником алгоритмов от простых задач с манипуляциями со строкой до продвинутых задач поиска и сортировки.
https://github.com/AllThingsSmitty/javascript-algorithms
Репозиторий со сборником алгоритмов от простых задач с манипуляциями со строкой до продвинутых задач поиска и сортировки.
https://github.com/AllThingsSmitty/javascript-algorithms
🔥21❤3⚡2
Подкаст Веб-стандарты. Выпуск 476
Google I/O, Baseline, доступность, TypeScript на Go, вайб-тестинг, MCP на GraphQL
https://web-standards.ru/podcast/476/
Google I/O, Baseline, доступность, TypeScript на Go, вайб-тестинг, MCP на GraphQL
https://web-standards.ru/podcast/476/
🔥5👍4❤2
HTML5 элементы о которых вы не знали, что они вам нужны
Очередной кликбейтный заголовок, но все же есть парочка интересных тегов, которые могут быть полезны (например <datalist>, <output>, <time>).
https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
Очередной кликбейтный заголовок, но все же есть парочка интересных тегов, которые могут быть полезны (например <datalist>, <output>, <time>).
https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan
🔥10👍3⚡1
Анимируем открытие модального окна
Используем функцию shape для задания параметров движения модального окна при открытии.
https://frontendmasters.com/blog/move-modal-in-on-a-shape/
Используем функцию shape для задания параметров движения модального окна при открытии.
https://frontendmasters.com/blog/move-modal-in-on-a-shape/
👍12❤3👀1
Грядущий Temporal API и проблемы которые он решает
Что не так с Date и как Temporal API поможет решить существующие ограничения для работы с датой и временем в JS.
https://waspdev.com/articles/2025-05-24/temporal-api
Что не так с Date и как Temporal API поможет решить существующие ограничения для работы с датой и временем в JS.
https://waspdev.com/articles/2025-05-24/temporal-api
👍10⚡2🔥1
Когда обычный массив занимает меньше памяти чем Uint8Arrays
Короткое сравнение array vs Uint8Array по памяти для случаев, когда вам важен каждый байт
https://evanhahn.com/v8-array-vs-uint8array-memory-usage/
Короткое сравнение array vs Uint8Array по памяти для случаев, когда вам важен каждый байт
https://evanhahn.com/v8-array-vs-uint8array-memory-usage/
Evanhahn
When Array uses less memory than Uint8Array (in V8)
In my simple test, Uint8Array starts to "win" after 20 items.
👍6🤔3❤1
Прошел вайб-чек от команды Яндекс Вертикалей, кажется, мне пора в отпуск. Какие у вас результаты?
🆖 перейти в бота
Please open Telegram to view this post
VIEW IN TELEGRAM
💩6❤4
Оборачиваем React приложение в Docker
Пошаговый туториал для разработчиков, начинающих работу с Docker.
https://www.docker.com/blog/how-to-dockerize-react-app/
Пошаговый туториал для разработчиков, начинающих работу с Docker.
https://www.docker.com/blog/how-to-dockerize-react-app/
👍15❤4🔥2👎1
Частые ошибки при дизайне веб страниц
Несколько простых советов, которые помогут вам создавать красивые и информативные лендинги.
https://blog-en.tilda.cc/articles-website-design-mistakes
Несколько простых советов, которые помогут вам создавать красивые и информативные лендинги.
https://blog-en.tilda.cc/articles-website-design-mistakes
👍9👏2🔥1
Друзья! Нашел классный канал Формошлёп, где собраны сотни хаков для фронтендеров в одном месте
Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают.
👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.
Никакой скучной теории, воды и прочей шляпы, только практические примеры, которые работают.
👉 Подписывайся на @frontbox — стань тем, кто знает, как решить проблему, пока остальные ищут ответ на Stack Overflow.
👍6❤3👎1
Добавляем креативности с HTML Dialog
Используем элемент <dialog> вместе с его псевдоэлементом ::backdrop, фильтрами фона и анимациями для создания модальных окон с уникальным дизайном, сохраняя доступность и семантику.
https://css-tricks.com/getting-creative-with-html-dialog/
Используем элемент <dialog> вместе с его псевдоэлементом ::backdrop, фильтрами фона и анимациями для создания модальных окон с уникальным дизайном, сохраняя доступность и семантику.
https://css-tricks.com/getting-creative-with-html-dialog/
👍16🔥3❤2
Анонс Rolldown‑Vite
Использование в Vite нового сборщика на Rust вместо Rollup + esbuild. Ускорение сборки от 3х до 16х и значительное снижение потребления памяти (в некоторых случаях до 100х) по сравнению с традиционными инструментами.
https://voidzero.dev/posts/announcing-rolldown-vite
Использование в Vite нового сборщика на Rust вместо Rollup + esbuild. Ускорение сборки от 3х до 16х и значительное снижение потребления памяти (в некоторых случаях до 100х) по сравнению с традиционными инструментами.
https://voidzero.dev/posts/announcing-rolldown-vite
🔥28❤4👍4⚡1
AngularFire — Firebase + Angular
AngularFire — это официальная библиотека, которая обеспечивает удобную интеграцию Firebase с Angular-приложениями, оборачивая веб‑SDK в конструкции, привычные для Angular — с Dependency Injection, RxJS и Zone.js
https://github.com/angular/angularfire
AngularFire — это официальная библиотека, которая обеспечивает удобную интеграцию Firebase с Angular-приложениями, оборачивая веб‑SDK в конструкции, привычные для Angular — с Dependency Injection, RxJS и Zone.js
https://github.com/angular/angularfire
❤7👍2👎2⚡1
Друзья! Я, как и многие из разработчиков, по вечерам пилю пет-проекты, которые решают мои задачи, а потенциально и задачи некоторого круга людей.
У пет-проектов есть несколько плюсов:
▫️Можно не увольняться с работы в компании
▫️Не так страшно, как запускать бизнес, который может прогореть
▫️Плюс, многие успешные компании начинали свой путь как пет-проект, например тот же Twitter.
Но как разработчику или менеджеру в IT запустить свой пет-проект, чтобы он еще и был успешным?
Михаил Табунов сделал про это телеграм канал Твой пет проект, в котором пишет для разработчиков и менеджеров про свой опыт – где брать идею, что надо знать про маркетинг, как запускать и искать первые 10 клиентов не имея бюджета на рекламу, и многое другое.
Так что подписывайтесь на Твой пет проект и получайте пользу от практиков рынка.
У пет-проектов есть несколько плюсов:
▫️Можно не увольняться с работы в компании
▫️Не так страшно, как запускать бизнес, который может прогореть
▫️Плюс, многие успешные компании начинали свой путь как пет-проект, например тот же Twitter.
Но как разработчику или менеджеру в IT запустить свой пет-проект, чтобы он еще и был успешным?
Михаил Табунов сделал про это телеграм канал Твой пет проект, в котором пишет для разработчиков и менеджеров про свой опыт – где брать идею, что надо знать про маркетинг, как запускать и искать первые 10 клиентов не имея бюджета на рекламу, и многое другое.
Так что подписывайтесь на Твой пет проект и получайте пользу от практиков рынка.
Telegram
Твой пет проект
Канал про то, как создать свой маленький свечной заводик
Пишу про:
- Запуски и как сделать первые 10 продаж
- Прожарка идей
- Кейсы роста и ведения проекта параллельно с работой
Автор - Михаил Табунов - @bossofyourboss
Пишу про:
- Запуски и как сделать первые 10 продаж
- Прожарка идей
- Кейсы роста и ведения проекта параллельно с работой
Автор - Михаил Табунов - @bossofyourboss
👎9👍4