Channel: Front End World
Make creative borders with background-clip border-area
https://webkit.org/blog/16214/background-clip-border-area/
https://webkit.org/blog/16214/background-clip-border-area/
A React-Based Open Source Tool for Creating Data Tables
A look at AG Grid, a JavaScript data grid library used to build interactive and sophisticated data tables or grids in web applications.
https://thenewstack.io/a-react-based-open-source-tool-for-creating-data-tables/
A look at AG Grid, a JavaScript data grid library used to build interactive and sophisticated data tables or grids in web applications.
https://thenewstack.io/a-react-based-open-source-tool-for-creating-data-tables/
The New Stack
A React-Based Open Source Tool for Creating Data Tables
A look at AG Grid, a JavaScript data grid library used to build interactive and sophisticated data tables or grids in web applications.
Solved by CSS: Donuts Scopes
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding content from unwanted inheritance while managing global CSS complexities.
https://css-tricks.com/solved-by-css-donuts-scopes/
Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding content from unwanted inheritance while managing global CSS complexities.
https://css-tricks.com/solved-by-css-donuts-scopes/
How to Create a Meme Generator Using HTML Canvas
We all come across memes almost every day on the internet. Whether you're scrolling through social media or chatting with friends, there's a good chance you'll stumble on a meme, or even share one yourself. A meme can be an image, a video, or gif tha...
https://www.freecodecamp.org/news/create-meme-generator-using-html-canvas/
We all come across memes almost every day on the internet. Whether you're scrolling through social media or chatting with friends, there's a good chance you'll stumble on a meme, or even share one yourself. A meme can be an image, a video, or gif tha...
https://www.freecodecamp.org/news/create-meme-generator-using-html-canvas/
REM? PX? Why not both?
The one where I consider responsive CSS units
https://dbushell.com/2024/11/11/rem-or-px/
The one where I consider responsive CSS units
https://dbushell.com/2024/11/11/rem-or-px/
You’re Using Context Providers the Wrong Way! Here’s How to Fix It
If you’re cramming both state and logic into your Context Providers, you’re setting yourself up for trouble. It may seem like a convenient…
https://medium.com/@landonwjohnson/youre-using-context-providers-the-wrong-way-here-s-how-to-fix-it-c91247b6e828
If you’re cramming both state and logic into your Context Providers, you’re setting yourself up for trouble. It may seem like a convenient…
https://medium.com/@landonwjohnson/youre-using-context-providers-the-wrong-way-here-s-how-to-fix-it-c91247b6e828
Medium
You’re Using Context Providers the Wrong Way! Here’s How to Fix It
If you’re cramming both state and logic into your Context Providers, you’re setting yourself up for trouble. It may seem like a convenient…
Angular Version 19 Scheduled to Release Tuesday
In other developer news, there's a 'Nue' Static Site Generator, JetBrains upgrades its IDEs to focus on DX, and Mistral's new moderation API.
https://thenewstack.io/angular-version-19-scheduled-to-release-tuesday/
In other developer news, there's a 'Nue' Static Site Generator, JetBrains upgrades its IDEs to focus on DX, and Mistral's new moderation API.
https://thenewstack.io/angular-version-19-scheduled-to-release-tuesday/
The New Stack
Angular Version 19 Scheduled to Release Tuesday
In other developer news, there's a 'Nue' Static Site Generator, JetBrains upgrades its IDEs to focus on DX, and Mistral's new moderation API.
Why Developers Should Give Next.js App Router Another Chance
Vercel VP Tom Occhino discusses why developers should give App Router another chance and the close relationship between React and Next.js.
https://thenewstack.io/why-developers-should-give-next-js-app-router-another-chance/
Vercel VP Tom Occhino discusses why developers should give App Router another chance and the close relationship between React and Next.js.
https://thenewstack.io/why-developers-should-give-next-js-app-router-another-chance/
The New Stack
Why Developers Should Give Next.js App Router Another Chance
Vercel VP Tom Occhino discusses why developers should give App Router another chance and the close relationship between React and Next.js.
Anchoreum: A New Game for Learning Anchor Positioning
You've played Flexbox Froggy before, right? Or maybe Grid Garden? They're both absolute musts for learning the basics of modern CSS layout using Flexbox and CSS Grid. Thomas Park made those and he's back with another game: Anchoreum.
https://css-tricks.com/anchoreum-a-new-game-for-learning-anchor-positioning/
You've played Flexbox Froggy before, right? Or maybe Grid Garden? They're both absolute musts for learning the basics of modern CSS layout using Flexbox and CSS Grid. Thomas Park made those and he's back with another game: Anchoreum.
https://css-tricks.com/anchoreum-a-new-game-for-learning-anchor-positioning/
How to Test JavaScript for Accessibility Compliance
Discover how to test and optimize your JavaScript for accessibility compliance. Improve keyboard navigation, focus management, and user control.
https://www.a11y-collective.com/blog/accessibility-in-javascript/
Discover how to test and optimize your JavaScript for accessibility compliance. Improve keyboard navigation, focus management, and user control.
https://www.a11y-collective.com/blog/accessibility-in-javascript/
Troubleshooting CSS sticky positioning
Fix sticky positioning issues in CSS, from missing offsets to overflow conflicts in flex, grid, and container height constraints.
https://blog.logrocket.com/troubleshooting-css-sticky-positioning/
Fix sticky positioning issues in CSS, from missing offsets to overflow conflicts in flex, grid, and container height constraints.
https://blog.logrocket.com/troubleshooting-css-sticky-positioning/
The styling dilemma in React
Embrace the classless styling approach for better maintainability and readability (5 min)
https://thetshaped.dev/p/the-styling-dilemma-in-react
Embrace the classless styling approach for better maintainability and readability (5 min)
https://thetshaped.dev/p/the-styling-dilemma-in-react
State of CSS 2024State of HTML 2024
A blog post by Patrick Brosset: State of CSS and State of HTML 2024
https://patrickbrosset.com/articles/2024-11-08-state-of-css-and-state-of-html-2024/
A blog post by Patrick Brosset: State of CSS and State of HTML 2024
https://patrickbrosset.com/articles/2024-11-08-state-of-css-and-state-of-html-2024/
ORBIT — The CSS radial composer
Get started building an amazing cool UI.
https://zumerlab.github.io/orbit-docs/
Get started building an amazing cool UI.
https://zumerlab.github.io/orbit-docs/
Orbit CSS radial UI composer
Home
Get started building an amazing cool UI.
Deep Dive into JavaScript Inheritance — 7 Powerful Techniques
Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.
https://jsdev.space/inheritance-js/
Explore the world of JavaScript at our blog, your ultimate resource for guides, tutorials, and articles. Uncover the latest insights, tips, and trends.
https://jsdev.space/inheritance-js/
New York Public Library on Choosing React To Rebuild Website
The New York Public Library knew it needed a React-based framework for rebuilding its Digital Collections site. It chose Next.js.
https://thenewstack.io/new-york-public-library-on-choosing-react-to-rebuild-website/
The New York Public Library knew it needed a React-based framework for rebuilding its Digital Collections site. It chose Next.js.
https://thenewstack.io/new-york-public-library-on-choosing-react-to-rebuild-website/
The New Stack
New York Public Library on Choosing React To Rebuild Website
The New York Public Library knew it needed a React-based framework for rebuilding its Digital Collections site. It chose Next.js.
Fluid Everything Else
We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will.
https://css-tricks.com/fluid-everything-else/
We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will.
https://css-tricks.com/fluid-everything-else/
HTML Embed Code: