Channel: Front End World
Why Patching Globals Is Harmful
Why I believe patching globals is a bad API design.
https://kettanaito.com/blog/why-patching-globals-is-harmful
Why I believe patching globals is a bad API design.
https://kettanaito.com/blog/why-patching-globals-is-harmful
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers
https://frontendmasters.com/blog/5-things-designers-can-do-with-javascript/
https://frontendmasters.com/blog/5-things-designers-can-do-with-javascript/
Building a Chat Integration with Google Gemini
Father, husband, developer relations and web standards expert, and cat demo builder.
https://www.raymondcamden.com/2024/04/30/building-a-chat-integration-with-google-gemini
Father, husband, developer relations and web standards expert, and cat demo builder.
https://www.raymondcamden.com/2024/04/30/building-a-chat-integration-with-google-gemini
Raymondcamden
Building a Chat Integration with Google Gemini
Father, husband, developer relations and web standards expert, and cat demo builder.
Why don’t we talk about minifying CSS anymore?
Remember Grunt files? Gulp files? We rarely need to think about CSS minification, chunking, splitting and post-processing anymore. Here's why.
https://blog.sentry.io/why-dont-we-talk-about-minifying-css/
Remember Grunt files? Gulp files? We rarely need to think about CSS minification, chunking, splitting and post-processing anymore. Here's why.
https://blog.sentry.io/why-dont-we-talk-about-minifying-css/
Introducing the Gulp Developer Survey
Share your feedback before May 31st
https://medium.com/gulpjs/introducing-the-gulp-developer-survey-cc227fc2fb6d
Share your feedback before May 31st
https://medium.com/gulpjs/introducing-the-gulp-developer-survey-cc227fc2fb6d
Using CSS Scroll-Driven Animations for Section-Based Scroll Progress Indicators
https://frontendmasters.com/blog/using-css-scroll-driven-animations-for-section-based-scroll-progress-indicators/
https://frontendmasters.com/blog/using-css-scroll-driven-animations-for-section-based-scroll-progress-indicators/
Why I Care Deeply About Web Accessibility And You Should Too
When I talk about web accessibility I tend to take a pretty broad view. Technically, you could...
https://dev.to/schalkneethling/why-i-care-deeply-about-web-accessibility-and-you-should-too-274a
When I talk about web accessibility I tend to take a pretty broad view. Technically, you could...
https://dev.to/schalkneethling/why-i-care-deeply-about-web-accessibility-and-you-should-too-274a
A Brief Note on Highlighted Text
TL;DR: If you plan to style text highlighted by the browser, you must give it sufficient contrast — 3:1 for the highlight block against its background and (probably) 4.5:1 for the text within that highlighted block against that background. CSS Context CSS provides methods to style the highlights that browsers…
https://adrianroselli.com/2024/05/a-brief-note-on-highlighted-text.html
TL;DR: If you plan to style text highlighted by the browser, you must give it sufficient contrast — 3:1 for the highlight block against its background and (probably) 4.5:1 for the text within that highlighted block against that background. CSS Context CSS provides methods to style the highlights that browsers…
https://adrianroselli.com/2024/05/a-brief-note-on-highlighted-text.html
Leveraging React Server Components in RedwoodJS
RedwoodJS announced support for server-side rendering and RSCs in its Bighorn release. Explore this feature for when it's production-ready.
https://blog.logrocket.com/leveraging-react-server-components-redwoodjs/
RedwoodJS announced support for server-side rendering and RSCs in its Bighorn release. Explore this feature for when it's production-ready.
https://blog.logrocket.com/leveraging-react-server-components-redwoodjs/
The evolution of Figma’s mobile engine: Figma’s journey to TypeScript
Figma's team recently converted one of its codebases from a custom programming language to TypeScript without disrupting a single day of development.
https://www.figma.com/blog/figmas-journey-to-typescript-compiling-away-our-custom-programming-language/
Figma's team recently converted one of its codebases from a custom programming language to TypeScript without disrupting a single day of development.
https://www.figma.com/blog/figmas-journey-to-typescript-compiling-away-our-custom-programming-language/
Target=_blank implies rel=noopener
In modern browsers there's no need to define rel="noopener" because it's set automatically.
https://www.stefanjudis.com/today-i-learned/target-blank-implies-rel-noopener/
In modern browsers there's no need to define rel="noopener" because it's set automatically.
https://www.stefanjudis.com/today-i-learned/target-blank-implies-rel-noopener/
Bundle Size Improvements from Deferred Views in Angular
https://angularindepth.com/posts/1528/bundle-size-improvements-from-deferred-views-in-angular
https://angularindepth.com/posts/1528/bundle-size-improvements-from-deferred-views-in-angular
Angularindepth
Angular in Depth
Unlock the power of software engineering at its core with Angular in Depth!
New alternatives to innerHTML
getHTML, setHTML, setHTMLUnsafe, declarative shadow DOM and sanitization
https://fullystacked.net/innerhtml-alternatives/
getHTML, setHTML, setHTMLUnsafe, declarative shadow DOM and sanitization
https://fullystacked.net/innerhtml-alternatives/
5 Node Version Managers Compared — Which is Right for You?
Explore the best Node.js version managers: nvm, n, fnm, volta, and pnpm. Find out which fits your needs with our detailed comparison
https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
Explore the best Node.js version managers: nvm, n, fnm, volta, and pnpm. Find out which fits your needs with our detailed comparison
https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
The Forensics Of React Server Components (RSCs)
React Server Components (RSCs) combine the best of client-side rendering, and author Lazar Nikolov thoroughly examines how we got here with a deep look at the impact that RSCs have on the page load timeline.
https://www.smashingmagazine.com/2024/05/forensics-react-server-components/
React Server Components (RSCs) combine the best of client-side rendering, and author Lazar Nikolov thoroughly examines how we got here with a deep look at the impact that RSCs have on the page load timeline.
https://www.smashingmagazine.com/2024/05/forensics-react-server-components/
I’m worried about the tabbing behaviour, rather than the syntax and name of CSS masonry
https://piccalil.li/blog/masonry-and-tabbing
https://piccalil.li/blog/masonry-and-tabbing
Anchor Positioning and the Popover API for a JS-Free Site Menu
https://css-irl.info/anchor-positioning-and-the-popover-api/
https://css-irl.info/anchor-positioning-and-the-popover-api/
ReScript vs. TypeScript: Overview and comparison
Many modern web developers are embracing emerging technologies that improve the speed of development as well as the quality of …
https://blog.logrocket.com/rescript-vs-typescript/
Many modern web developers are embracing emerging technologies that improve the speed of development as well as the quality of …
https://blog.logrocket.com/rescript-vs-typescript/
Angular 18 will arrive next week
The next major version of Google’s web framework will move deferred views and built-in control flow from developer preview to stable.
https://www.infoworld.com/article/3715328/angular-18-will-arrive-next-week.html
The next major version of Google’s web framework will move deferred views and built-in control flow from developer preview to stable.
https://www.infoworld.com/article/3715328/angular-18-will-arrive-next-week.html
Meta Releases Open Source React Compiler
The React Compiler makes it possible to optimize code for performance. Meta has been using the compiler for more than a year.
https://thenewstack.io/meta-releases-open-source-react-compiler/
The React Compiler makes it possible to optimize code for performance. Meta has been using the compiler for more than a year.
https://thenewstack.io/meta-releases-open-source-react-compiler/
The New Stack
Meta Releases Open Source React Compiler
The React Compiler makes it possible to optimize code for performance. Meta has been using the compiler for more than a year.
HTML Embed Code: