Channel: Front End World
There can be only one: Options for building “choose one” fields
https://www.htmhell.dev/adventcalendar/2022/11/
https://www.htmhell.dev/adventcalendar/2022/11/
Accessible Front-End Patterns For Responsive Tables (Part 2)
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part2/
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part2/
A :nth-child(An+B of S?) polyfill thanks to CSS :has() and :not()
https://www.bram.us/2022/12/14/a-nth-childanb-of-s-polyfill-thanks-to-css-has/
https://www.bram.us/2022/12/14/a-nth-childanb-of-s-polyfill-thanks-to-css-has/
Web Performance APIs Appreciation Post
https://calendar.perfplanet.com/2022/web-performance-apis-appreciation-post/
https://calendar.perfplanet.com/2022/web-performance-apis-appreciation-post/
Calculating the maximum diagonal distance in a given collection of GeoJSON features using turf.js and lots of speed
https://piotrjaworski.medium.com/calculating-the-maximum-diagonal-distance-in-a-given-collection-of-geojson-features-using-turf-js-ff1a2654c7e7
https://piotrjaworski.medium.com/calculating-the-maximum-diagonal-distance-in-a-given-collection-of-geojson-features-using-turf-js-ff1a2654c7e7
How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP
https://tympanus.net/codrops/2022/12/13/how-to-code-an-on-scroll-folding-3d-cardboard-box-animation-with-three-js-and-gsap/
https://tympanus.net/codrops/2022/12/13/how-to-code-an-on-scroll-folding-3d-cardboard-box-animation-with-three-js-and-gsap/
Self unregistering Service Workers
Passle blog
https://thepassle.netlify.app/blog/self-unregistering-service-workers
Passle blog
https://thepassle.netlify.app/blog/self-unregistering-service-workers
Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)
In this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS units.
https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t
In this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS units.
https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t
How I optimized Carousel for EditorJS 2x in size.
Described process of optimizing rather old open-source component, removing unneeded polyfills.
https://dev.to/appqui/how-i-optimized-carousel-for-editorjs-2x-in-size-4efa
Described process of optimizing rather old open-source component, removing unneeded polyfills.
https://dev.to/appqui/how-i-optimized-carousel-for-editorjs-2x-in-size-4efa
Nuxt: Looking forward
A lot of things have happened for Nuxt over the last year. Sébastien and Daniel share their thoughts on what we've achieved, and where we're going next.
https://nuxt.com/blog/looking-forward-2024
A lot of things have happened for Nuxt over the last year. Sébastien and Daniel share their thoughts on what we've achieved, and where we're going next.
https://nuxt.com/blog/looking-forward-2024
How to Create an “AI Quotes Generator” With OpenAI and JavaScript
In this tutorial, we’ll learn how to create an AI Quotes Generator app with JavaScript. This app will show how to fetch data from the OpenAI API and generate engaging quotes for different categories.
https://webdesign.tutsplus.com/how-to-create-an-ai-quotes-generator-app-with-javascript--cms-108644t
In this tutorial, we’ll learn how to create an AI Quotes Generator app with JavaScript. This app will show how to fetch data from the OpenAI API and generate engaging quotes for different categories.
https://webdesign.tutsplus.com/how-to-create-an-ai-quotes-generator-app-with-javascript--cms-108644t
Maximizing React State Efficiency: A Deep Dive into Recoil Selectors vs. useMemo for Optimal Performance
In this blog, we will see how to implement the recoil state in a dynamic web page optimally.
https://medium.com/@dashakashkumar636/maximizing-react-state-efficiency-a-deep-dive-into-recoil-selectors-vs-4f63ab3edc37
In this blog, we will see how to implement the recoil state in a dynamic web page optimally.
https://medium.com/@dashakashkumar636/maximizing-react-state-efficiency-a-deep-dive-into-recoil-selectors-vs-4f63ab3edc37
What is a layout in React?
Layout, pages, components are core concepts of React development.
https://www.ericburel.tech/blog/what-layout-means-in-react
Layout, pages, components are core concepts of React development.
https://www.ericburel.tech/blog/what-layout-means-in-react
We Rewrote our React App in Svelte in Three Weeks
My wife and I have been working on Fablehenge
https://dusty.phillips.codes/2024/03/20/we-rewrote-our-react-app-in-svelte-in-three-weeks/
My wife and I have been working on Fablehenge
https://dusty.phillips.codes/2024/03/20/we-rewrote-our-react-app-in-svelte-in-three-weeks/
HTML Embed Code: