Nue: A New Static Site Generator Taking on Next.js
Nue joins the web development warfront with a Markdown framework optimized for progressive enhancement. We test it out for frontend devs.
https://thenewstack.io/nue-a-new-static-site-generator-taking-on-next-js/
Nue joins the web development warfront with a Markdown framework optimized for progressive enhancement. We test it out for frontend devs.
https://thenewstack.io/nue-a-new-static-site-generator-taking-on-next-js/
The New Stack
Nue: A New Static Site Generator Taking on Next.js
Nue joins the web development warfront with a Markdown framework optimized for progressive enhancement. We test it out for frontend devs.
Exploring the HTML5 <a> Tag Ping Attribute
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/html-ping-attribute/
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/html-ping-attribute/
Two different kinds of “focusable” UI elements
In accessibility, “focusable” UI elements are represented by two separate yet equally important concepts: the elements who can be focused …
https://yatil.net/blog/focusable-ui-elements
In accessibility, “focusable” UI elements are represented by two separate yet equally important concepts: the elements who can be focused …
https://yatil.net/blog/focusable-ui-elements
Importing a frontend Javascript library without a build system
https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/
https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/
Julia Evans
Importing a frontend Javascript library without a build system
I like writing Javascript without a build system and for the millionth time yesterday I ran into a problem where I needed to figure out how to import a Javascript library in my code without using a build system, and it took FOREVER to figure out how to import…
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/