The weekly

Frontend Focus An alternative proposal for CSS masonry https://developer.chrome.com/blog/masonry Popover API is Here https://frontendmasters.com/blog/popover-api-is-here/ Printing music with CSS Grid https://cruncher.ch/blog/printing-music-with-css-grid/ Optimizing INP: A deep dive https://www.youtube.com/watch?v=cmtfM4emG5k Reaction-Diffusion Compute Shader in WebGPU https://tympanus.net/codrops/2024/05/01/reaction-diffusion-compute-shader-in-webgpu/ Passkeys: A Shattered Dream https://fy.blackhats.net.au/blog/2024-04-26-passkeys-a-shattered-dream/ Discover 144 Design Systems https://www.designsystemhunt.com/ a plug-and-play, zero-config, cross-browser extension development tool https://extension.js.org/ Make your designs *pop* with Popicons https://popicons.cc/ Only <SPAN>s https://onlyspans.net/ Smoother responsive styles in less code. https://fluid.tw/ JSON Generator https://www.jsongenerator.io/ Doom Scroll - Front End Conf 2024 Demo https://codepen.io/cobra_winfrey/pen/oNOMRav ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Node.js 22 is now available! https://nodejs.org/en/blog/announcements/v22-release-announce Native Support for CJS/ESM Interoperability Begins in Node.js 22 https://zacharylee.substack.com/p/native-support-for-cjsesm-interoperability Announcing TypeScript 5.5 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-beta/ JSR Is Not Another Package Manager https://deno.com/blog/jsr-is-not-another-package-manager Ditch dotenv: Node.js Now Natively Supports .env File Loading https://javascript.plainenglish.io/ditch-dotenv-node-js-now-natively-supports-env-file-loading-8b9b2d49b2d2 A full-featured wrapper around the InnerTube API https://github.com/LuanRT/YouTube.js Get metadata about the active window and open windows https://github.com/sindresorhus/get-windows Browser or Node.js https://www.npmjs.com/package/browser-or-node A zero-dependency cron parser and scheduler for Node.js, Deno and the browser. https://github.com/P4sca1/cron-schedule The fastest* (one-thread) pixel-by-pixel image difference tool in the world. https://github.com/dmtrKovalenko/odiff -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories The Front End Developer/Engineer Handbook 2024 https://frontendmasters.com/guides/front-end-handbook/2024/ HTML attributes vs DOM properties https://jakearchibald.com/2024/attributes-vs-properties/ Detect JavaScript Support in CSS https://ryanmulligan.dev/blog/detect-js-support-in-css/ Help us invent CSS Grid Level 3, aka “Masonry” layout https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/ Things That Can Break aspect-ratio in CSS https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/

JavaScript Weekly JSR Is Not Another Package Manager https://deno.com/blog/jsr-is-not-another-package-manager Node.js 22 Available Now https://openjsf.org/blog/nodejs-22-available pnpm v9.0.0 https://github.com/pnpm/pnpm/releases/tag/v9.0.0 A Tale of Migrating a Project to Bun https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render The Front End Developer/Engineer Handbook 2024 https://frontendmasters.com/guides/front-end-handbook/2024/ HTML attributes vs DOM properties https://jakearchibald.com/2024/attributes-vs-properties/ A Deep Dive into Node.js Streams | Masterclass https://www.youtube.com/watch?v=edB964-YYpE A modular data visualization framework for React, Angular, Svelte, Vue and vanilla TypeScript or JavaScript https://unovis.dev/ ReScript 11.1 https://rescript-lang.org/blog/release-11-1-0 Craft complex Excel reports with ease in a type-safe manner. https://typed-xlsx.vercel.app/ Like JSON.stringify, but handles https://github.com/Rich-Harris/devalue vanilla javascript input mask https://imask.js.org/ Browser or Node.js https://www.npmjs.com/package/browser-or-node A new, better and faster way to write visual components. https://typicode.github.io/mistcss/ From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more) https://www.youtube.com/watch?v=d5x0JCZbAJs React Native 0.74 https://reactnative.dev/blog/2024/04/22/release-0.74 Get your codebase ready for React 19 https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19 Building an interactive 3D event badge with React Three Fiber https://vercel.com/blog/building-an-interactive-3d-event-badge-with-react-three-fiber Building a Discord Clone using Next.js, TailwindCSS, Clerk, and Stream https://www.youtube.com/watch?v=5w0hpcq9TME Deep Dive into Functional Programming in Javascript https://dev.to/alexmercedcoder/deep-dive-into-functional-programming-in-javascript-851 -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Help us invent CSS Grid Level 3, aka “Masonry” layout https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/ The Front End Developer/Engineer Handbook 2024 https://frontendmasters.com/guides/front-end-handbook/2024/ Upgrading jQuery: Working Towards a Healthy Web https://blog.jquery.com/2024/04/17/upgrading-jquery-working-towards-a-healthy-web/ A conversation with Una Kravets: The rapid evolution of CSS and hobbies outside of work https://www.youtube.com/watch?v=k_BKDy_dRgE HTML attributes vs DOM properties https://jakearchibald.com/2024/attributes-vs-properties/ Don’t use the maxlength attribute to stop users from exceeding the limit https://adamsilver.io/blog/dont-use-the-maxlength-attribute-to-stop-users-from-exceeding-the-limit/ F-Shape Pattern And How Users Read https://www.smashingmagazine.com/2024/04/f-shape-pattern-how-users-read/ Long Alt https://adrianroselli.com/2024/04/long-alt.html Quill 2.0: A Powerful Rich Text Editor for the Web https://quilljs.com/ Build faster with Wedges. An open-source collection of UI components for React. https://www.lemonsqueezy.com/wedges The Ultimate Collection of CSS-only Shapes https://css-shape.com/ Convert any webpage to a clean markdown https://markdowndown.vercel.app/ Mastodon embed timeline widget https://gitlab.com/idotj/mastodon-embed-timeline Consent Banner JS https://github.com/tagconcierge/consent-banner-js -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly A Deep Dive into Node.js Streams | Masterclass https://www.youtube.com/watch?v=edB964-YYpE Node.js task runner https://polar.sh/anonrig/posts/node-js-task-runner Learn OAuth 2.0 by Building Your Own OAuth Client https://annotate.dev/p/hello-world/learn-oauth-2-0-by-building-your-own-oauth-client-U2HaZNtvQojn4F Building an npm package compatible with ESM and CJS in 2024 https://snyk.io/blog/building-npm-package-compatible-with-esm-and-cjs-2024/ pnpm v9.0.0 https://github.com/pnpm/pnpm/releases/tag/v9.0.0 A fast, simple & powerful blog framework https://hexo.io/ node-pg-migrate 7.0: Database Migration Management for Postgres https://github.com/salsita/node-pg-migrate/releases/tag/v7.0.0 -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Testing HTML With Modern CSS https://heydonworks.com/article/testing-html-with-modern-css/ DevTools Tips & Tricks https://frontendmasters.com/blog/devtools-tips-tricks/ How we’re approaching theming with modern CSS https://piccalil.li/blog/how-were-approaching-theming-with-modern-css/ Sliding 3D Image Frames In CSS https://www.smashingmagazine.com/2024/04/sliding-3d-image-frames-css/ Modern CSS patterns in Campfire https://dev.37signals.com/modern-css-patterns-and-techniques-in-campfire/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsAp

JavaScript Weekly Quill 2.0: A Powerful Rich Text Editor for the Web |https://quilljs.com/ Airbnb JavaScript Style Guide https://github.com/airbnb/javascript Upgrading jQuery: Working Towards a Healthy Web https://blog.jquery.com/2024/04/17/upgrading-jquery-working-towards-a-healthy-web/ Biome v1.7: Faster Formatting and Linting, Now Even Easier to Migrate To https://javascriptweekly.com/issues/684 Building a CLI from scratch with TypeScript and oclif https://www.joshcanhelp.com/oclif/ Qwik vs. Next.js: Which framework is right for your next web project? https://outshift.cisco.com/blog/qwik-vs-nextjs CSS in React Server Components https://www.joshwcomeau.com/react/css-in-rsc/ Profile Node.js performance with the Performance panel https://developer.chrome.com/docs/devtools/performance/nodejs Create awesome 3D experiences with Vue https://tresjs.org/ Next.js 14.2 https://nextjs.org/blog/next-14-2 Package otto is a JavaScript parser and interpreter written natively in Go. https://github.com/robertkrimen/otto Beautiful UI components for React, lovingly crafted with the Wedges Design System, Radix UI, and Tailwind CSS. https://www.lemonsqueezy.com/wedges An open-source headless spreadsheet for business web apps https://hyperformula.handsontable.com/ svelte-dnd-action: An Action-Based Drag and Drop Container for Svelte https://github.com/isaacHagoel/svelte-dnd-action Visualizing Algorithms https://bost.ocks.org/mike/algorithms/ How to write a code formatted https://yorickpeterse.com/articles/how-to-write-a-code-formatter/ Qwik and JavaScript Streaming https://twitter.com/i/broadcasts/1mnxeprBkAAJX From Angular to Qwik! https://www.youtube.com/watch?v=tBnZGNvisfQ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Anchor Position Tool https://anchor-tool.com/ iOS404 https://ios404.com/#css-selection Modern CSS patterns in Campfire https://dev.37signals.com/modern-css-patterns-and-techniques-in-campfire/ Optimizing WebKit & Safari for Speedometer 3.0 https://webkit.org/blog/15249/optimizing-webkit-safari-for-speedometer-3-0/ CSS in React Server Components https://www.joshwcomeau.com/react/css-in-rsc/ Gap is the new Margin https://frontendmasters.com/blog/gap-is-the-new-margin/ What if you had real control over Light Mode / Dark Mode on a per-site basis? https://www.bram.us/2024/04/13/what-if-you-had-real-control-over-light-mode-dark-mode-on-a-per-site-basis/ Displaying HTML web components https://adactio.com/journal/21055 Things That Can Break aspect-ratio in CSS https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/ CSS text fragment selector (please) https://remysharp.com/2024/04/17/css-text-fragment-selector DevTools Tips & Tricks https://frontendmasters.com/blog/devtools-tips-tricks/ My favourite animation trick: exponential smoothing https://lisyarus.github.io/blog/programming/2023/02/21/exponential-smoothing.html Five ways cookie consent managers hurt web performance (and how to fix them) https://www.speedcurve.com/blog/web-performance-cookie-consent/ Naming things needn’t be hard https://classnames.paulrobertlloyd.com/ A simple tool to convert an SVG into different formats, ready for use in CSS and HTML. https://svgencode.com/ CSS Gradients https://csspro.com/css-gradients Layer Cake https://layercake.graphics/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Trip report: Node.js collaboration summit (2024 London) https://nodejs.org/en/blog/events/collab-summit-2024-london Profile Node.js performance with the Performance panel https://developer.chrome.com/docs/devtools/performance/nodejs An Introduction to the Node.js Performance API https://betterstack.com/community/guides/scaling-nodejs/performance-apis/ Building a CLI from scratch with TypeScript and oclif https://www.joshcanhelp.com/oclif/ Wednesday, April 10, 2024 Security Releases https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2 A library for building type-safe Node.js APIs https://github.com/sonic-technology/catena MikroORM 6.2: Say hello to SQL Server (and libSQL) https://mikro-orm.io/blog/mikro-orm-6-2-released Madge 7.0: Create Graphs From Your Module Dependencies https://github.com/pahen/madge Handle errors in a simple, stable, consistent way. https://github.com/ehmicky/modern-errors -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories How would you build Wordle with just HTML & CSS? https://scottjehl.com/posts/wordleish/ Gap is the new Margin https://frontendmasters.com/blog/gap-is-the-new-margin/ Drawing a Line to Connect Elements with CSS Anchor Positioning https://frontendmasters.com/blog/drawing-a-line-to-connect-elements-with-css-anchor-positioning/ Release Notes for Safari Technology Preview 192 https://webkit.org/blog/15260/release-notes-for-safari-technology-preview-192/ Folding the DOM https://www.joshwcomeau.com/react/folding-the-dom/

JavaScript Weekly Frontend Development Beyond React: Svelte (1/3) https://itnext.io/frontend-development-beyond-react-svelte-1-3-f47eda22cba5 A JS Bin to Play with the TC39 Signals Proposal https://jsbin.com/safoqap/6/edit?html,output announce the release of zx v8.0.0 https://github.com/google/zx/releases/tag/8.0.0 Figma Plugins https://macwright.com/2024/03/29/figma-plugins.html React Server Components in a Nutshell https://thenewstack.io/react-server-components-in-a-nutshell/ DevTools Tips & Tricks https://frontendmasters.com/blog/devtools-tips-tricks/ Object structure in JavaScript engines https://blog.frontend-almanac.com/js-object-structure Authentication in Next.js https://www.robinwieruch.de/next-authentication/ developer tool for generating a visual graph of your module dependencies https://github.com/pahen/madge JavaScript engine embedded into the Python Runtime https://github.com/Distributive-Network/PythonMonkey A JavaScript library for generating vector-based cartoon faces https://zengm.com/facesjs/ Let's get serious about color https://colorjs.io/ Preview UI components and Storybook stories in your IDE instantly https://previewjs.com/ Organize Kubernetes manifests in JavaScript. https://kosko.dev/ The reactive data store for local-first apps. https://tinybase.org/ Introducing “pages router” https://waku.gg/blog/introducing-pages-router Setting Up Storybook for React Components https://www.dolthub.com/blog/2024-04-08-storybook-react-components/ How to get somebody fired using Git https://dev.to/mauroaccorinti/how-to-get-somebody-fired-using-git-31if -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Folding the DOM https://www.joshwcomeau.com/react/folding-the-dom/ Understanding Interaction to Next Paint (INP) https://frontendmasters.com/blog/understanding-inp/ Going beyond pixels and (r)ems in CSS - Absolute length units https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/absolute-length-units The View Transitions API https://frontendmasters.com/blog/the-view-transition-api/ Don’t get scammed by fake performance experts and apps https://performance.shopify.com/blogs/blog/don-t-get-scammed-by-fake-performance-experts-and-apps The Things Users Would Appreciate In Mobile Apps https://www.smashingmagazine.com/2024/04/things-users-would-appreciate-mobile-apps/ The ADA Now has Regulations for Accessibility of Web Content and Mobile Apps https://www.tpgi.com/the-ada-now-has-regulations-for-accessibility-of-web-content-and-mobile-apps/ On disabled and aria-disabled attributes https://kittygiraudel.com/2024/03/29/on-disabled-and-aria-disabled-attributes/ Asking users for their pronouns: A guide for UX designers https://uxdesign.cc/asking-users-for-their-pronouns-a-guide-for-ux-designers-4f31736ae808 Scalable web analytics you run yourself on Cloudflare https://counterscale.dev/ Introducing Jpegli: A New JPEG Coding Library https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html A JavaScript library for generating vector-based cartoon faces https://zengm.com/facesjs/ Create badass, fluid and smooth transitions between your website’s pages. https://barba.js.org/ Create awesome 3d gradients with this library based on three.js. https://github.com/FireCMSco/neat Penpot 2.0: Design and Code Collaboration on another level. https://penpot.app/penpot-2.0 Interior & Exterior Angles - Beyond the Hexagon https://www.geogebra.org/m/hmk8vfke New CSS features to deal with the Cascade & Specificity https://www.youtube.com/watch?v=jhjVKZB9yc0 -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly zx v8.0: Google's Way to Write Shell Scripts with Node https://github.com/google/zx/releases/tag/8.0.0 Wednesday, April 3, 2024 Security Releases https://nodejs.org/en/blog/vulnerability/april-2024-security-releases Bun 1.1- with Windows Support https://bun.sh/blog/bun-v1.1 Node.js Debugging in Chrome DevTools https://frontendmasters.com/blog/node-js-debugging-in-chrome-devtools/ Migrating 500+ tests from Mocha to Node.js https://astro.build/blog/node-test-migration/ How to Implement Rate Limiting in Express for Node.js https://blog.appsignal.com/2024/04/03/how-to-implement-rate-limiting-in-express-for-nodejs.html PyTorch in JavaScript https://github.com/eduardoleao052/js-pytorch An ORM for SQLite and NodeJS https://github.com/thebinarysearchtree/flyweight Scalable web analytics you run yourself on Cloudflare https://counterscale.dev/ A Node.js console REPL with object inspection https://github.com/11ways/janeway -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Front-end development’s identity crisis https://www.ellyloel.com/blog/front-end-development-s-identity-crisis/ The Power of :has() in CSS https://css-tricks.com/the-power-of-has-in-css/ Text Effects https://texteffects.dev/ CSS color-scheme-dependent colors with light-dark() https://web.dev/articles/light-dark Taming the Shadow DOM: Injecting Global Styles with Adopted Stylesheets https://southleft.com/insights/development/adopted-stylesheets/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly 🚦 JavaScript Signals standard proposal🚦 https://github.com/proposal-signals/proposal-signals PyTorch in JavaScript https://github.com/eduardoleao052/js-torch Bun 1.1 https://bun.sh/blog/bun-v1.1 WHAT EVEN IS A JSON NUMBER? https://blog.trl.sn/blog/what-is-a-json-number/ History of JS interop in Dart https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f BFCache explained https://www.sabatino.dev/bfcache-explained/ Running OCR against PDFs and images directly in your browser https://simonwillison.net/2024/Mar/30/ocr-pdfs-images/ Small, feature-rich calendar components https://wicky.nillia.ms/cally/ Scalable web analytics you run yourself on Cloudflare https://counterscale.dev/ tonal is a music theory library. https://tonaljs.github.io/tonal/docs/ Fancy-ANSI: Convert ANSI Text to HTML https://kubetail-org.github.io/fancy-ansi/ Elegant dependency injection container for vanilla JavaScript and TypeScript https://github.com/zheksoon/dioma svelte-zoomable-circles https://www.npmjs.com/package/svelte-zoomable-circles RPC layer on top of http with full typesafety and more https://lacherogwu.github.io/http-rpc/ Optimizing Javascript for fun and for profit https://romgrk.com/posts/optimizing-javascript JavaScript Bloat in 2024 https://tonsky.me/blog/js-bloat/ Global State Management with Pinia In Nuxt 3 https://vueschool.io/articles/vuejs-tutorials/global-state-management-with-pinia-in-nuxt-3/ Announcing VitePress 1.0 https://blog.vuejs.org/posts/vitepress-1.0 Qwik’s Next Leap - Moving Forward Together https://www.builder.io/blog/qwik-next-leap -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Introducing Babylon.js 7.0 https://babylonjs.medium.com/introducing-babylon-js-7-0-a141cd7ede0d A Web Designer’s Accessibility Advocacy Toolkit https://www.smashingmagazine.com/2024/02/web-designer-accessibility-advocacy-toolkit/ Infinite-Scrolling Logos In Flat HTML And Pure CSS https://www.smashingmagazine.com/2024/04/infinite-scrolling-logos-html-css/ In-app browsers are still a privacy, security, and choice problem https://www.theregister.com/2024/03/27/inapp_browsers/ How to Kill the Cascade https://robinrendle.com/the-cascade/017-how-to-kill-the-cascade/ Keyboard Interactions https://fosdem.org/2024/schedule/event/fosdem-2024-2410-keyboard-interactions/ The Curious Case of the CSS Monochrome Media Query https://blog.stephaniestimac.com/posts/2024/03/css-monochrome-media-query/ Why I Care Deeply About Web Accessibility And You Should Too https://dev.to/schalkneethling/why-i-care-deeply-about-web-accessibility-and-you-should-too-274a Small, feature-rich calendar components https://wicky.nillia.ms/cally/ Flexible and fast drag and drop for any experience on any tech stack https://atlassian.design/components/pragmatic-drag-and-drop/about 🚶 A lightweight, easy-to-use JavaScript library to create interactive, customizable, accessible guided tours across your websites or web apps! https://github.com/williamtroup/Journey.js 3D DOM viewer, copy-paste this into your console to visualise the DOM topographically. https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser. https://github.com/github/relative-time-element magically playful, yet simple styling. all in one file. https://github.com/wintermute-cell/magick.css THE LARGEST FREE ONLINE FRONTEND EVENT. EVER. https://frontendnation.com/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/ Spicing up text with text-emphasis in CSS https://www.amitmerchant.com/spicing-up-text-with-text-emphasis-in-css/ Release Notes for Safari Technology Preview 191 https://webkit.org/blog/15243/release-notes-for-safari-technology-preview-191/ What You Need to Know about Modern CSS (Spring 2024 Edition) https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/ How to Kill the Cascade https://robinrendle.com/the-cascade/017-how-to-kill-the-cascade/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly JavaScript Visualized: Promise Execution https://www.lydiahallie.com/blog/promise-execution Node.js: The Documentary | An origin story https://www.youtube.com/watch?v=LB8KwiiUGy0 Iterator helpers https://v8.dev/features/iterator-helpers Introducing “pages router” https://waku.gg/blog/introducing-pages-router What You Need to Know about Modern CSS (Spring 2024 Edition) https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/ Building a Micro HTMX SSR Framework https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework A rich text editor for everyday writing. https://trix-editor.org/ Flexible and fast drag and drop for any experience on any tech stack https://atlassian.design/components/pragmatic-drag-and-drop/about The Next Generation Vue Scaffolding Tool powered by Vite 🛠️ https://github.com/selemondev/create-vue3-app <relative-time> element https://github.com/github/relative-time-element 3D DOM viewer, copy-paste this into your console to visualise the DOM topographically. https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca React Server Components now in RedwoodJS https://redwoodjs.com/blog/rsc-now-in-redwoodjs Deploying React SPA and Python Backend Together on the Same Azure App Service https://techcommunity.microsoft.com/t5/apps-on-azure-blog/deploying-react-spa-and-python-backend-together-on-the-same/ba-p/4095567 How to Build Your Own ChatGPT Clone Using Clerk & AWS Bedrock https://conermurphy.com/blog/how-to-build-your-own-chatgpt-clone-using-clerk-aws-bedrock Using react-to-print to generate a printable document https://blog.logrocket.com/using-react-to-print-generate-printable-document/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus What You Need to Know about Modern CSS (Spring 2024 Edition) https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/ Diving into the Node.js Website Redesign https://nodejs.org/en/blog/announcements/diving-into-the-nodejs-website-redesign On popover accessibility: what the browser does and doesn’t do https://hidde.blog/popover-accessibility/ Accessible Forms with Pseudo Classes https://css-tricks.com/accessible-forms-with-pseudo-classes/ Spicing up text with text-emphasis in CSS https://www.amitmerchant.com/spicing-up-text-with-text-emphasis-in-css/ Keyboard focusable scroller https://developer.chrome.com/blog/keyboard-focusable-scrollers?hl=en How to take control of Flexbox https://www.youtube.com/watch?v=Ns12ALe8aqI Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/ Quickly build HTML emails with Tailwind CSS https://maizzle.com/ Utility-based animations for the web. https://glaze.dev/ Web Font Analyzer https://tools.paulcalvano.com/wpt-font-analysis/ A simple and to the point classless CSS stylesheet https://concrete.style/ F.C. Variable https://robenrobin.nl/fcvariable Goodbye SASS 👋, welcome back native CSS https://dev.to/karsten_biedermann/goodbye-sass-welcome-back-native-css-cf Breaking Down Next.js 14 https://focusreactive.com/breaking-down-next-js-14/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S