Channel: Front End World
The problem with new URL(), and how URL.parse() fixes that
https://kilianvalkhof.com/2024/javascript/the-problem-with-new-url-and-how-url-parse-fixes-that/
https://kilianvalkhof.com/2024/javascript/the-problem-with-new-url-and-how-url-parse-fixes-that/
Understanding the CSS revert-layer keyword
In this article, we’ll explore CSS cascade layers — and, specifically, the revert-layer keyword — to help you refine your styling strategy.
https://blog.logrocket.com/understanding-css-revert-layer/
In this article, we’ll explore CSS cascade layers — and, specifically, the revert-layer keyword — to help you refine your styling strategy.
https://blog.logrocket.com/understanding-css-revert-layer/
Creating Fluid Typography with the CSS clamp() Function
We dive into the intricacies of how to use the CSS clamp() function to scale the size of text across a range of device sizes.
https://www.sitepoint.com/fluid-typography-css-clamp-function/
We dive into the intricacies of how to use the CSS clamp() function to scale the size of text across a range of device sizes.
https://www.sitepoint.com/fluid-typography-css-clamp-function/
Blurry Text Reveal on Scroll
A blurry text reveal animation on scroll inspired by Rauno's "Blur reveal".
https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/
A blurry text reveal animation on scroll inspired by Rauno's "Blur reveal".
https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/
Reactive Revolution: Unveiling Vue 3’s Proxies vs. Vue 2’s DefineProperty
While it may seem that I’m a bit late to the party, the innovations within Vue.js 3 remain as relevant and exciting as ever. Though Vue 3…
https://codethenpizza.medium.com/reactive-revolution-unveiling-vue-3s-proxies-vs-vue-2-s-defineproperty-ad9da4341fc9
While it may seem that I’m a bit late to the party, the innovations within Vue.js 3 remain as relevant and exciting as ever. Though Vue 3…
https://codethenpizza.medium.com/reactive-revolution-unveiling-vue-3s-proxies-vs-vue-2-s-defineproperty-ad9da4341fc9
Fluid for Tailwind CSS: Smoother responsive styles in less code.
A Tailwind plugin to easily generate fluid clamp() values with every utility.
https://fluid.tw/
A Tailwind plugin to easily generate fluid clamp() values with every utility.
https://fluid.tw/
React 19 Beta Release: A Quick Guide
Exploring the New Features and Enhancements of React 19 Beta
https://javascript.plainenglish.io/react-19-beta-release-a-quick-guide-05678e2ed571
Exploring the New Features and Enhancements of React 19 Beta
https://javascript.plainenglish.io/react-19-beta-release-a-quick-guide-05678e2ed571
Talks from Epic Web Conf 2024
A Collection of Epic Web Development talks.
https://www.epicweb.dev/talks
A Collection of Epic Web Development talks.
https://www.epicweb.dev/talks
Latency numbers every frontend developer should know
Latency numbers every web developer should know
https://vercel.com/blog/latency-numbers-every-web-developer-should-know
Latency numbers every web developer should know
https://vercel.com/blog/latency-numbers-every-web-developer-should-know
What is Vite (and why is it so popular)?
At StackBlitz, we're not shy about how much we love Vite. Here's what you need to know about the next-generation Javascript build tool.
https://blog.stackblitz.com/posts/what-is-vite-introduction/
At StackBlitz, we're not shy about how much we love Vite. Here's what you need to know about the next-generation Javascript build tool.
https://blog.stackblitz.com/posts/what-is-vite-introduction/
What is a Vue.js Composable?
The best feature of the Vue.js Composition API is the ability to extract reactive state and functionality into their own reusable modules or "composables".
https://vueschool.io/articles/vuejs-tutorials/what-is-a-vue-js-composable/
The best feature of the Vue.js Composition API is the ability to extract reactive state and functionality into their own reusable modules or "composables".
https://vueschool.io/articles/vuejs-tutorials/what-is-a-vue-js-composable/
A guide to cookies in Next.js
Cookies are crucial to web development. This article will explore how to handle cookies in your Next.js applications.
https://blog.logrocket.com/guide-cookies-next-js/
Cookies are crucial to web development. This article will explore how to handle cookies in your Next.js applications.
https://blog.logrocket.com/guide-cookies-next-js/
Printing music with CSS Grid
Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.
https://cruncher.ch/blog/printing-music-with-css-grid/
Music notation should be as accessible and as fluid as text is on the web. CSS Grid helps us get there.
https://cruncher.ch/blog/printing-music-with-css-grid/
Understanding between Angular & React. Part 3: Services & Context API
Examples of logic and code decomposition, extension and replacement on one simple application
https://itnext.io/understanding-between-angular-react-part-3-services-context-api-aa8d2dcfb3a3
Examples of logic and code decomposition, extension and replacement on one simple application
https://itnext.io/understanding-between-angular-react-part-3-services-context-api-aa8d2dcfb3a3
Handling dates in JavaScript with Tempo
Use the Tempo library to format dates and times in JavaScript while accounting for time zones, daylight saying time, and date internationalization.
https://blog.logrocket.com/handling-dates-javascript-tempo/
Use the Tempo library to format dates and times in JavaScript while accounting for time zones, daylight saying time, and date internationalization.
https://blog.logrocket.com/handling-dates-javascript-tempo/
API Layer & Fetch Functions
Mixing API and UI code quickly leads to messy and unmaintainable code. In this article, we take a step towards a cleaner React architecture by extracting fetch functions to an API layer.
https://profy.dev/article/react-architecture-api-layer-and-fetch-functions
Mixing API and UI code quickly leads to messy and unmaintainable code. In this article, we take a step towards a cleaner React architecture by extracting fetch functions to an API layer.
https://profy.dev/article/react-architecture-api-layer-and-fetch-functions
“Multiplexed” Fonts Have a Cool Superpower
https://frontendmasters.com/blog/multiplexed-fonts-have-a-cool-superpower/
https://frontendmasters.com/blog/multiplexed-fonts-have-a-cool-superpower/
The perfect site doesn’t exist
Michelle explains what building a humane web means to her and how notions of perfectionism can stand in the way of developers building it.
https://branch.climateaction.tech/issues/issue-8/the-perfect-site-doesnt-exist/
Michelle explains what building a humane web means to her and how notions of perfectionism can stand in the way of developers building it.
https://branch.climateaction.tech/issues/issue-8/the-perfect-site-doesnt-exist/
HTML Embed Code: