Imersão Front-End Alura: Evento Gratuito com IA, HTML, CSS e JavaScript
https://guiadeti.com.br/imersao-front-end-alura-gratuita/
#css #cursoonlinegratuito #frontend #html #imersaofrontendalura #inteligenciaartificial #javascript
https://guiadeti.com.br/imersao-front-end-alura-gratuita/?fsp_sid=1388
#Design #Launches
What’s My ΔE(OK) JND? · Test your Just Noticeable Difference in color perception https://ilo.im/16bapj
_____
#Perception #Colors #UiDesign #VisualDesign #GraphicDesign #WebDesign #Development #WebDev #Frontend #CSS
Как сделать двунаправленный бесконечный скролл в React
Большинство туториалов по бесконечному скроллу покрывают только одно направление: вниз. Ловим конец списка, подгружаем, готово. Но в реальных приложениях нужен скролл в обе стороны: история чата, лог-вьюеры, таймлайны. А скролл вверх создаёт проблему, которой при скролле вниз просто нет. В этом гайде я покажу, как собрать двунаправленный бесконечный скролл с нуля. Здесь React и @tanstack/react-virtual , но сама техника — просто математика над scroll offset. Работает так же в Vue, Svelte или на ванильном JS. Демо | Исходный код
https://habr.com/ru/articles/1009096/
#react #javascript #typescript #frontend #виртуализация #infinite_scroll #бесконечный_скролл #tanstack #performance #оптимизация
#Development #Launches
Introducing CSS ‘view-transitions-mock’ · A non-visual polyfill for same-document view transitions https://ilo.im/16bak0
_____
#ModernCSS #ViewTransitions #Polyfill #APIs #Browsers #WebDev #Frontend #CSS #JavaScript
View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but as with any new web platform feature, browser support is not yet fully universal so you need to add some fallback logic to your code.view-transitions-mock bridges that gap by polyfilling the full JavaScript API surface of Same-Document View Transitions, without the animation bits.
In #Google #Chrome, it is possible to apply self-alignment attributes such as align-self, justify-self, and place-self to the grid container within a block element. According to the official specification, this should not be possible. #Firefox is more precise in this case, so it is only possible to align an element (grid subelement) within a grid container itself.
https://www.w3.org/TR/css-grid-1/#alignment
#css #frontend #web #development #browser #cssgrid #grid #w3c #webstandards web #technology
#Design #Approaches
Managing icon component sizes · “It’s time to retire that icon wrapper component.” https://ilo.im/16b9iq
_____
#Icons #Components #Figma #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
I’m having to do frontend dev for the first time in nearly ten years. We’re using react and a lot has changed. Does anyone have a good explanation of how to think about react hooks? The react docs are handwavy.
Injee Marketplace & Apache SSH tunneling
🎉 New Blogpost 🎉
A quick one on adding the baseline status web component to my eleventy (build awesome) site.
Self-hosted, opt-in per page, fetches live data. No more stale screenshots. Browser Support that updates itself automatically.
https://www.alwaystwisted.com/articles/adding-baseline-status-to-my-eleventy-site
How to integrate the baseline-status web component into Eleventy (Build Awesome) with per-page opt-in loading, Nunjucks shortcodes, and self-hosted scripts. Learn why Baseline provides clearer browser support signals than Can I Use for modern web features.
#Development #Introductions
Scoped registries for custom elements · How independent scopes resolve name clashes https://ilo.im/16b8np
_____
#Registries #WebComponents #Chrome #Edge #Browser #WebDev #Frontend #HTML #JavaScript
Guia de TI
Inautilo
Habr
🇩🇪 𝕳𝖆𝖑𝖑𝖊𝕬𝖓𝖉𝖊𝖗𝖙
jnkrtech
injee
Stu Robson