Channel: Front End World
Prefetching When Server Click Me Load More Wonβt Do
https://frontendmasters.com/blog/prefetching-when-server-loading-wont-do/
https://frontendmasters.com/blog/prefetching-when-server-loading-wont-do/
Simplifying Client-Side Logic: The Strategic Use of View Models
Applications often require different data representations from whatβs directly available from the server. For instance, consider a Userβ¦
https://netbasal.com/simplifying-client-side-logic-the-strategic-use-of-view-models-db0ae0363be4
Applications often require different data representations from whatβs directly available from the server. For instance, consider a Userβ¦
https://netbasal.com/simplifying-client-side-logic-the-strategic-use-of-view-models-db0ae0363be4
β€2
Dynamic Github profile with Bun and Typescript
Learn how to make your GitHub profile dynamic using Bun and TypeScript as an alternative to Python in my previous article.
https://tduyng.github.io/blog/dynamic-github-profile-with-bun-typescript/
Learn how to make your GitHub profile dynamic using Bun and TypeScript as an alternative to Python in my previous article.
https://tduyng.github.io/blog/dynamic-github-profile-with-bun-typescript/
π5β€1
The Classic Border Radius Advice, Plus an Unusual Trick
https://frontendmasters.com/blog/the-classic-border-radius-advice-plus-an-unusual-trick/
https://frontendmasters.com/blog/the-classic-border-radius-advice-plus-an-unusual-trick/
Beyond CSS Media Queries
Juan Diego Rodriguez explains why media queries still occupy a vital role in responsive layouts; only they are now one tool in a larger toolbox with modern techniques that are best when used together.
https://www.smashingmagazine.com/2024/05/beyond-css-media-queries/
Juan Diego Rodriguez explains why media queries still occupy a vital role in responsive layouts; only they are now one tool in a larger toolbox with modern techniques that are best when used together.
https://www.smashingmagazine.com/2024/05/beyond-css-media-queries/
π1
Making the web more accessible: menus and loaders
Accessibility is often quite overlooked when developing web applications, even though it helps significantly in making the internet a moreβ¦
https://levelup.gitconnected.com/making-the-web-more-accessible-menus-and-loaders-98468199bb8a
Accessibility is often quite overlooked when developing web applications, even though it helps significantly in making the internet a moreβ¦
https://levelup.gitconnected.com/making-the-web-more-accessible-menus-and-loaders-98468199bb8a
β€1π₯°1
On compliance vs readability: Generating text colors with CSS
https://lea.verou.me/blog/2024/contrast-color/
https://lea.verou.me/blog/2024/contrast-color/
β€1
Bulletproof React β A simple, scalable, and powerful architecture for building production ready React applications.
π‘οΈ βοΈ A simple, scalable, and powerful architecture for building production ready React applications. - GitHub - alan2207/bulletproof-react: π‘οΈ βοΈ A simple, scalable, and powerful architecture for...
https://github.com/alan2207/bulletproof-react
π‘οΈ βοΈ A simple, scalable, and powerful architecture for building production ready React applications. - GitHub - alan2207/bulletproof-react: π‘οΈ βοΈ A simple, scalable, and powerful architecture for...
https://github.com/alan2207/bulletproof-react
π₯1
Bulma CSS adoption guide: Overview, examples, and alternatives
Explore how Bulma CSS simplifies frontend development with its ease of use and customizable, responsive, pre-designed UI elements.
https://blog.logrocket.com/bulma-css-adoption-guide/
Explore how Bulma CSS simplifies frontend development with its ease of use and customizable, responsive, pre-designed UI elements.
https://blog.logrocket.com/bulma-css-adoption-guide/
π1π₯°1π1
Restyle β Zero Config CSS for React
The simplest way to add CSS styles to your React components.
https://reactstyle.vercel.app/
The simplest way to add CSS styles to your React components.
https://reactstyle.vercel.app/
Websocket Alternative: How to use Firestore to Listen to Realtime Events
How to use Firestore to Listen to Realtime Events
https://canopas.com/websocket-alternative-how-to-use-firestore-to-listen-to-realtime-events-141e634d04bc
How to use Firestore to Listen to Realtime Events
https://canopas.com/websocket-alternative-how-to-use-firestore-to-listen-to-realtime-events-141e634d04bc
π2
Enhance CSS view transitions with Velvette
In this article, we'll introduce Velvette, explore its features, and explain how to integrate it into existing projects.
https://blog.logrocket.com/enhance-css-view-transitions-velvette/
In this article, we'll introduce Velvette, explore its features, and explain how to integrate it into existing projects.
https://blog.logrocket.com/enhance-css-view-transitions-velvette/
β€1π1
Angular v18 is now available!
Today we are excited to share the next milestone in the evolution of Angular! Over the past three releases weβve introduced a lot of newβ¦
https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
Today we are excited to share the next milestone in the evolution of Angular! Over the past three releases weβve introduced a lot of newβ¦
https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
π3
Debugging techniques β Angular DevTools
https://angularindepth.com/posts/315/debugging-techniques-angular-devtools
https://angularindepth.com/posts/315/debugging-techniques-angular-devtools
Angularindepth
Angular in Depth
Unlock the power of software engineering at its core with Angular in Depth!
π3
React Conf 2024 Recap
The library for web and native user interfaces
https://react.dev/blog/2024/05/22/react-conf-2024-recap
The library for web and native user interfaces
https://react.dev/blog/2024/05/22/react-conf-2024-recap
π1
Using Mountaineer to develop a React app with Python
Develop a React app with Python using the Mountaineer framework for seamless integration and data binding.
https://blog.logrocket.com/using-mountaineer-develop-react-app-python/
Develop a React app with Python using the Mountaineer framework for seamless integration and data binding.
https://blog.logrocket.com/using-mountaineer-develop-react-app-python/
β€2π2π1
Modern CSS Layouts: You Might Not Need A Framework For That
Itβs easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. Brecht De Ruyte demonstrates four CSS utility classes (plus a bonus) using techniques that allow them to be used practically anywhere you need a particular layout β be it Grid or Flexbox β with configurable options.
https://www.smashingmagazine.com/2024/05/modern-css-layouts-no-framework-needed/
Itβs easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. Brecht De Ruyte demonstrates four CSS utility classes (plus a bonus) using techniques that allow them to be used practically anywhere you need a particular layout β be it Grid or Flexbox β with configurable options.
https://www.smashingmagazine.com/2024/05/modern-css-layouts-no-framework-needed/
π2β€1π1
HTML Embed Code: