taras.one - all about frontend
54 subscribers
16 photos
1 video
163 links
https://taras.one, videos, packages and articles about frontend
Download Telegram
👍 shadcn выкатил набор красивых графиков для ваших проектов, уже можно пользоваться:

#lib

https://ui.shadcn.com/charts
Please open Telegram to view this post
VIEW IN TELEGRAM
‼️ Нашли с коллегами прикольное поведение replace, как думаете почему так происходит?

Выполните в консоли:

'undefined'.replace(undefined, '')
Please open Telegram to view this post
VIEW IN TELEGRAM
👍 А я и не знал что с помощью Clip Path можно столько красоты сделать:

#article

https://emilkowal.ski/ui/the-magic-of-clip-path
Please open Telegram to view this post
VIEW IN TELEGRAM
Вышел Vitest@2.0.0 🐥🐥

#lib
Please open Telegram to view this post
VIEW IN TELEGRAM
😐 Как получить размеры экрана без JS? Есть ответ:

@property --_w {
syntax: '<length>';
inherits: true;
initial-value: 100vw;
}
@property --_h {
syntax: '<length>';
inherits: true;
initial-value: 100vh;
}
:root {
--w: tan(atan2(var(--_w),1px)); /* screen width */
--h: tan(atan2(var(--_h),1px)); /* screen height*/
/* The result is an integer without unit */
}


#article

https://css-tip.com/screen-dimension/
Please open Telegram to view this post
VIEW IN TELEGRAM
Новая экспериментальная фича в Astro - Серверные острова 😎🌴:

- Bundling Magic
- Serving static content from a CDN
- Fetching dynamic HTML at runtime

#lib

https://astro.build/blog/astro-4120/
Please open Telegram to view this post
VIEW IN TELEGRAM
Надоело вручную выравнивать код? Попробуй ESLint плагин Perfectionist 😄

#lib

https://perfectionist.dev/
Please open Telegram to view this post
VIEW IN TELEGRAM
Классный вузуализатор svg разметки, поможет разобраться что там за цифры внутри 🤔

#tool

https://svg.wtf/
Please open Telegram to view this post
VIEW IN TELEGRAM
🐥🐥Теперь верстка не поплывёт из-за шрифтов, ну... почти не поплывёт..

#article

https://web.dev/blog/font-size-adjust
Please open Telegram to view this post
VIEW IN TELEGRAM
💃 Отличный визуальный редактор для генерации градиентов: https://www.learnui.design/tools/gradient-generator.html #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Отличный разбор Clipboard API, интересно описаны хаки как Google и Figma копируют\вставляют свои данные:

#article

https://alexharri.com/blog/clipboard
Please open Telegram to view this post
VIEW IN TELEGRAM