The weekly

Node Weekly 🔍 A simple cli utility for querying the node_modules directory https://github.com/ranyitz/qnm Hands on with the Node.js test runner https://www.sonarsource.com/blog/node-js-test-runner/ Deploy a Node.js application on AWS Elastic Beanstalk https://www.youtube.com/watch?v=dWfng4qJYMU Set up OpenTelemetry for full-stack JavaScript development https://newrelic.com/blog/how-to-relic/opentelemetry-full-stack-javascript a quick npm package size checker https://bundlejs.com/?q=alpinejs A linter for Prisma schema files. https://github.com/loop-payments/prisma-lint node-copy-paste https://github.com/xavi-/node-copy-paste The Node.js framework for monoliths and microservices. https://github.com/crufters/actio DOT Classes: TypeScript Library to Model Data Transfer Objects https://github.com/rsinger86/dto-classes --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Mastering CSS Blend Modes www.kodingkitty.com/blog/blend-modes/ New to the web platform in May https://web.dev/web-platform-05-2023/ Using linear() for better animation https://fullystacked.net/posts/linear/ Watch Out for Layout Shifts with ‘ch’ Units https://cloudfour.com/thinks/watch-out-for-layout-shifts-with-ch-units/ Cracking the Theme Switcher and Dark Mode https://sprucecss.com/blog/cracking-the-theme-switcher-and-dark-mode/ Release Notes for Safari Technology Preview 171 https://webkit.org/blog/14200/release-notes-for-safari-technology-preview-171/ The many ways to select the n-th character from a string. https://christianheilmann.com/2023/06/02/the-many-ways-to-select-the-n-th-character-from-a-string/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly JavaScript Macros in Bun https://bun.sh/blog/bun-macros React Roundtable: Server Components, Suspense, and Actions https://www.youtube.com/watch?v=g5BGoLyGjY0 The missing JS randomness library. https://github.com/ChrisCavs/aimless.js Feature Detection for Modern CSS https://supportscss.dev/ How to draw any regular shape with just one JavaScript function https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/ Sharing WebSocket Connections between Browser Tabs and Windows https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/ How React ACTUALLY works https://www.youtube.com/watch?v=za2FZ8QCE18 Why does "👩🏾‍🌾" have a length of 7 in JavaScript? https://evanhahn.com/javascript-string-lengths/ The evolution of React APIs and code reuse https://frontendmastery.com/posts/the-evolution-of-react-patterns/ I tried 8 different Postgres ORMs

Frontend Focus 21 Awesome Web Features you’re not using yet https://www.youtube.com/watch?v=q1fsBWLpYW4 300ms Faster: Reducing Wikipedia's Total Blocking Time https://www.nray.dev/blog/300ms-faster-reducing-wikipedias-total-blocking-time/ Feature Detection for Modern CSS https://supportscss.dev/ New in Chrome 114: text-wrap:balance, CHIPS, Popover API and more! https://www.youtube.com/watch?v=qqTnAWL7-v0 Mastering CSS Blend Modes https://www.kodingkitty.com/blog/blend-modes/ Announcing the second Compute Pressure origin trial https://developer.chrome.com/en/blog/compute-pressure-origin-trial-2/ How to draw any regular shape with just one JavaScript function https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/ Brief Note on Popovers with Dialogs https://adrianroselli.com/2023/05/brief-note-on-popovers-with-dialogs.html display: contents considered harmful https://ericwbailey.website/published/display-contents-considered-harmful Error-Message Guidelines https://www.nngroup.com/articles/error-message-guidelines/ The open source Block-Based rich text editor https://www.blocknotejs.org/ Color Names https://github.com/meodai/color-names Your next Vue.js project deserves the best developer experience https://www.inkline.io/ An extremely fast directory and filename linter https://github.com/loeffel-io/ls-lint Bootstrap 5.3.0 https://blog.getbootstrap.com/2023/05/30/bootstrap-5-3-0/ Scroll-driven Animations https://scroll-driven-animations.style/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly I tried 8 different Postgres ORMs https://www.youtube.com/watch?v=4QN1BzxF8wM Advanced Fastify: Hooks, Middleware, and Decorators https://blog.appsignal.com/2023/05/24/advanced-fastify-hooks-middleware-and-decorators.html Color Names: A Gigantic List of Handpicked Color Names https://github.com/meodai/color-names Deploying Vanilla Node.js Apps on Fly.io https://fly.io/blog/vanilla-candy-sprinkles/ Building a RESTful API with Node.js, Fastify, MongoDB and Mongoose: Part 1 https://www.youtube.com/watch?v=ACVBMrgdXgE Bebop 2.7: Fast, Typesafe Binary Serialization https://github.com/betwixt-labs/bebop/releases/tag/v2.7.0 Got 13: A Powerful HTTP Request Library for Node https://github.com/sindresorhus/got

Front-End Front Top Stories display: contents considered harmful https://ericwbailey.website/published/display-contents-considered-harmful/ Single Line Comments in CSS https://blog.jim-nielsen.com/2023/single-line-comments-in-css/ Building a Frontend Framework; Reactivity and Composability With Zero Dependencies https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html Why we're bad at CSS https://www.mikeaparicio.com/posts/2023-05-22-why-were-bad-at-css/ CSS Art: Drawing a Coffee Stain https://alvaromontoro.hashnode.dev/css-art-drawing-a-coffee-stain W3C LAUNCHES BETA OF ITS NEW WEBSITE https://www.w3.org/blog/2023/02/w3c-launches-beta-of-its-new-website/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly TypeScript for Tiny IoT Devices https://microsoft.github.io/devicescript/ State of Node.js Performance 2023 https://blog.rafaelgss.dev/state-of-nodejs-performance-2023 Deno 1.34: deno compile supports npm packages https://deno.com/blog/v1.34 Demystifying Tupper's formula https://eli.thegreenplace.net/2023/demystifying-tuppers-formula/ A Web Component Intro with Example https://blog.rasvi.io/2023-05-21-webcomponent-intro-with-example Creative Coding with p5.js in Visual Studio Code https://www.youtube.com/watch?v=1h6vZl-OuB0 Why React is Here to Stay https://www.youtube.com/watch?v=ADKvP8Xn4g8 Processing Arrays non-destructively: for-of vs. .reduce() vs. .flatMap() https://2ality.com/2022/05/processing-arrays-non-destructively.html Build Your First JavaScript ChatGPT Plugin https://www.sitepoint.com/javascript-chatgpt-plugin/ A JavaScript to Webassembly toolchain https://github.com/bytecodealliance/javy?ck_subscriber_id=887809557 Inkline 4.0: A Customizable Vue.js 3 UI/UX Library https://www.inkline.io/ BlockNote: A 'Notion-Like' Block-Based Text Editor https://www.blocknotejs.org/ A set of 171 elements & layouts made with Tailwind CSS and Alpine.js https://windstatic.com/ An extremely fast directory and filename linter https://github.com/loeffel-io/ls-lint 🎪 jest-puppeteer https://github.com/argos-ci/jest-puppeteer/ ts-sql-query https://ts-sql-query.readthedocs.io/en/stable/ Understanding the Contents of the .git Folder https://dev.to/rajaniraiyn/understanding-the-contents-of-the-git-folder-ef Learn serverless on AWS step-by-step - Emails https://dev.to/kumo/learn-serverless-on-aws-step-by-step-emails-49hp What's new in ES2023? 👀 https://dev.to/jasmin/what-is-new-in-es2023-4bcm he Epic Stack: An Entire Opinionated Stack in One https://www.epicweb.dev/epic-stack Understanding React Concurrency https://www.bbss.dev/posts/react-concurrency/ How we built the Storybook Day 3D animation https://varun.ca/storybook-day/ Qwik comes with an own set of ESLint https://qwik.builder.io/docs/advanced/eslint/ Using Qwik for the first time https://www.youtube.com/watch?v=WMFiF2cauUk --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Introducing the popover API https://developer.chrome.com/blog/introducing-popover-api/ 11 HTML best practices for login & sign-up forms https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms WebKit Features in Safari 16.5 https://webkit.org/blog/14154/webkit-features-in-safari-16-5/ Why we're bad at CSS https://www.mikeaparicio.com/posts/2023-05-22-why-were-bad-at-css/ Using linear() for better animation https://fullystacked.net/posts/linear/ The Rhythm of Your Screen https://www.chrbutler.com/the-rhythm-of-your-screen Be Careful Using ‘Menu’ https://adrianroselli.com/2023/05/be-careful-using-menu.html Add Opacity to an Existing Color https://chriscoyier.net/2023/05/12/add-opacity-to-an-existing-color/ The New dialog HTML Element Changes Modals Forever https://www.youtube.com/watch?v=ywtkJkxJsdg The button case - Using custom properties for a smart button system https://utilitybend.com/blog/the-button-case-using-custom-properties-for-a-smart-button-system Updating my website from my iPad! https://dddiaz.com/post/blog-from-ipad/ Stop Rewriting Your CSS! Use :not() Instead https://www.youtube.com/watch?v=WnUNMcy-YTs CSS Pattern https://css-pattern.com/ Scroll Btween: Use Scroll Position to Tween CSS Values on DOM Elements https://olivier3lanc.github.io/Scroll-Btween/ A set of 171 elements & layouts made with Tailwind CSS and Alpine.js https://windstatic.com/ Picyard: Create Screenshots and Mockups with Beautiful Backgrounds https://picyard.ubout.in/ Zero-dependency, build-free framework for the artisanal web. https://strawberry.quest/ Syntax highlighting, like what GitHub uses https://github.com/wooorm/starry-night Dr code course (Hebrew) https://www.youtube.com/playlist?list=PLQQFmSD6pTT624PjpdxRs8v1OW2TL1YYP --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly State of Node.js Performance 2023 https://blog.rafaelgss.dev/state-of-nodejs-performance-2023 Bun v0.6.0 https://bun.sh/blog/bun-v0.6.0 Build lean Node.js container images with UBI and Podman https://developers.redhat.com/articles/2023/05/17/build-lean-nodejs-container-images-ubi-and-podman Complete guide on Playwright visual regression testing https://lost-pixel.com/blog/post/playwright-visual-regression-testing Benchmarking Node JS vs Bun https://decode.sh/benchmarking-node-js-vs-bun Server-Sent Events with Node.js https://blog.endpts.io/server-sent-events-with-nodejs The fastest and simplest library for SQLite3 in Node.js. https://github.com/WiseLibs/better-sqlite3 ts-sql-query https://ts-sql-query.readthedocs.io/en/stable/ joplin: An Open Source Note Taking and To-Do System https://joplinapp.org/ HyperExpress: High Performance Node.js Webserver https://github.com/kartikk221/hyper-express --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories I just did a test to apply as a front end developer – and things aren’t going well https://christianheilmann.com/2023/05/16/i-just-did-a-test-to-apply-as-a-front-end-developer-and-things-arent-going-well/ Conditional CSS with :has and :nth-last-child https://ishadeed.com/article/conditional-css-has-nth-last-child/ What's new in CSS and UI: I/O 2023 Edition https://developer.chrome.com/en/blog/whats-new-css-ui-2023/ Solving Media Object Float Issues With CSS Block Formatting Contexts https://www.smashingmagazine.com/2023/05/media-object-float-issues-css-block-formatting-contexts/ Release Notes for Safari Technology Preview 170 https://webkit.org/blog/14167/release-notes-for-safari-technology-preview-170/ Getting started with View Transitions on multi-page apps https://daverupert.com/2023/05/getting-started-view-transitions/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Bun's New Bundler: 220x Faster than webpack? https://bun.sh/blog/bun-bundler Deopt Explorer: A VS Code Extension to Inspect V8 Trace Log Info https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/ jQuery 3.7.0 Released https://blog.jquery.com/2023/05/11/jquery-3-7-0-released-staying-in-order/ Get full type support with plain JavaScript https://www.pausly.app/blog/full-type-support-with-plain-javascript ♟️ Code CHESS in JavaScript https://www.youtube.com/watch?v=Qv0fvm5B0EM Your Jest tests might be wrong https://jamiemagee.co.uk/blog/your-jest-tests-might-be-wrong/ Complete guide on Playwright visual regression testing https://lost-pixel.com/blog/post/playwright-visual-regression-testing Creating a Real Time Multi Host Video Chat in a Browser with Amazon IVS https://dev.to/aws/creating-a-real-time-multi-host-video-chat-in-a-browser-with-amazon-ivs-m44 React Server Components, Next.js App Router and examples https://addyosmani.com/blog/react-server-components-app-router/ VanJS: A 1.2kB Grab 'n Go Reactive UI Framework without React/JSX https://vanjs.org/ Introducing Legend-State 1.0: Build faster apps faster https://legendapp.com/open-source/legend-state-v1/ Starry Night: GitHub-Like Syntax Highlighting https://github.com/wooorm/starry-night Garph 0.5: A Fullstack GraphQL Framework for TypeScript https://garph.dev/ A simple, modern QR code generator. https://github.com/Rich-Harris/headless-qr Tween any CSS values on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Btween/ eslint-plugin-check-file https://github.com/DukeLuo/eslint-plugin-check-file "React from Another Dimension" by Dan Abramov at #RemixConf 2023 💿 https://www.youtube.com/watch?v=zMf_xeGPn6s Dodging the Vercel Tax: How to use an open-source alternative for Serverless Postgres, Redis, and Blob Storage https://javascript.plainenglish.io/dodging-the-vercel-storage-tax-there-are-better-open-source-alternatives-ef04e537b598 Using Apollo Client with Next.js 13: releasing an official library to support the App Router https://www.apollographql.com/blog/announcement/frontend/using-apollo-client-with-next-js-13-releasing-an-official-library-to-support-the-app-router/ Crafting a modern spotlight effect with React and CSS https://www.julienthibeaut.xyz/blog/create-modern-spotlight-effect-with-react-css Qwik + Nx Integrations https://www.youtube.com/watch?v=HkBzEAUjkL4 --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Conditional CSS with :has and :nth-last-child https://ishadeed.com/article/conditional-css-has-nth-last-child/ A Complete Guide to Performance Budgets https://www.speedcurve.com/blog/performance-budgets/ Introducing Baseline https://web.dev/introducing-baseline/ Spotlight on: Passkeys https://developer.apple.com/news/?id=mgdnfp8w What's new in CSS and UI: I/O 2023 Edition https://developer.chrome.com/blog/whats-new-css-ui-2023/ Scoped CSS is Back https://keithjgrant.com/posts/2023/04/scoped-css-is-back/ What’s new in web animations https://www.bram.us/2023/05/16/whats-new-in-web-animations/ Advancing Interaction to Next Paint https://web.dev/inp-cwv/ Semantics and the popover attribute: what to use when? https://hidde.blog/popover-semantics/ How we built the Storybook Day 3D animation https://varun.ca/storybook-day/ How Google Tried to Fix the Web — By Taking It Over? https://www.theverge.com/23711172/google-amp-accelerated-mobile-pages-search-publishers-lawsuit headless-qr https://github.com/Rich-Harris/headless-qr Generative Design Tool for UI Interfaces https://shaper.design/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly This blog is hosted on my Android phone https://androidblog.a.pinggy.io/ Introducing Deopt Explorer https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/ Reducing the cost of string serialization in Node.js core https://www.yagiz.co/reducing-the-cost-of-string-serialization-in-nodejs-core Your Jest tests might be wrong https://jamiemagee.co.uk/blog/your-jest-tests-might-be-wrong/ Regular expressions in JavaScript https://www.honeybadger.io/blog/javascript-regular-expressions/ How to handle emojis in Nodejs https://backend.cafe/how-to-handle-emojis-in-nodejs The JavaScript Ecosystem Is Delightfully Weird https://fly.io/blog/js-ecosystem-delightfully-wierd/ Building a Serverless AWS Lambda Function in Node.js: A Step-by-Step Guide https://ibilalkayy.hashnode.dev/building-a-serverless-aws-lambda-function-in-nodejs-a-step-by-step-guide Garph 0.5: A Fullstack GraphQL Framework for TypeScript https://garph.dev/ Build SQS-based applications without the boilerplate. https://github.com/bbc/sqs-consumer The fast & forgiving HTML/XML parser. https://github.com/fb55/htmlparser2 finds unused files, dependencies and exports in your JavaScript https://github.com/webpro/knip eslint-plugin-check-file https://github.com/DukeLuo/eslint-plugin-check-file library that parses a cron expression and outputs a human readable description https://github.com/bradymholt/cronstrue --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The ongoing defence of frontend as a full-time job https://christianheilmann.com/2023/05/09/the-ongoing-defence-of-frontend-as-a-full-time-job/ Rearrange / Animate CSS Grid Layouts with the View Transition API https://www.bram.us/2023/05/09/rearrange-animate-css-grid-layouts-with-the-view-transition-api/ How to measure page loading time with Performance API https://www.silvestar.codes/articles/how-to-measure-page-loading-time-with-performance-api/ The Contrast Triangle https://contrast-triangle.com/?underlines=false Scoped CSS is Back https://keithjgrant.com/posts/2023/04/scoped-css-is-back/ Detecting if an event was triggered by a user or by JavaScript https://cloudfour.com/thinks/detecting-if-an-event-was-triggered-by-a-user-or-by-javascript/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The JavaScript Ecosystem Is Delightfully Weird https://fly.io/blog/js-ecosystem-delightfully-wierd/ The New JavaScript Features Coming in ECMAScript 2023 https://thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023/ New Open Source Runtime for Web Developers Uses P2P https://thenewstack.io/new-open-source-runtime-for-web-developers-uses-p2p/ Announcing Vue 3.3 https://blog.vuejs.org/posts/vue-3-3 Next.js 13.4 https://nextjs.org/blog/next-13-4 ES2023 introduces new array copying methods to JavaScript https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/ JS private class fields considered harmful https://lea.verou.me/2023/04/private-fields-considered-harmful/ I'm Done With React https://www.youtube.com/watch?v=Zt8mO_Aqzw8 Running JavaScript in Rust with Deno https://austinpoor.com/blog/js-in-rs Regular expressions in JavaScript https://www.honeybadger.io/blog/javascript-regular-expressions/ How to measure page loading time with Performance API https://www.silvestar.codes/articles/how-to-measure-page-loading-time-with-performance-api/ Build VST or Audio Unit plug-in using Javascript (Basic) https://www.chrisjmendez.com/2023/03/29/build-vst-or-audio-unit-plugin-using-javascript-basic/ An Introduction to the Bun JavaScript Runtime https://www.sitepoint.com/bun-javascript-runtime-introduction/ Detect the file type of a Buffer/Uint8Array/ArrayBuffer https://github.com/sindresorhus/file-type Build progressively enhanced reactive html apps https://livefir.fly.dev/ JZZ.js: MIDI library for Node.js and web-browsers https://jazz-soft.net/doc/JZZ/ The fast & forgiving HTML/XML parser. https://github.com/fb55/htmlparser2 a JavaScript library that parses a cron expression and outputs a human readable description https://github.com/bradymholt/cronstrue Knip finds unused files, dependencies and exports in your JavaScript and TypeScript projects https://github.com/webpro/knip win11 In svelte https://win11-svelte.vercel.app/ View Transitions API https://dev.to/link2twenty/view-transitions-api-5980 GitHub Copilot X CLI is your new GIT assistant https://dev.to/this-is-learning/github-copilot-x-cli-is-your-new-git-assistant-1edn React Canaries: Enabling Incremental Feature Rollout Outside Meta https://react.dev/blog/2023/05/03/react-canaries How to Structure Your Next.js App With the New App Router https://betterprogramming.pub/how-to-structure-your-next-js-app-with-the-new-app-router-61bf2bf5a20d Grok React Server Component by Quizzes https://betterprogramming.pub/grok-react-server-component-by-quizzes-df4417905bc4 A Guide To Redux Toolkit With TypeScript https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/ Build a Multistep Form With React Hook Form https://claritydev.net/blog/build-a-multistep-form-with-react-hook-form --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Using the Web Vitals Extension to Debug Core Web Vitals Issues https://web.dev/debug-cwvs-with-web-vitals-extension/ The Ongoing Defence of Frontend as a Full-Time Job https://christianheilmann.com/2023/05/09/the-ongoing-defence-of-frontend-as-a-full-time-job/ I'm Done with React https://youtu.be/Zt8mO_Aqzw8 Qwik Reaches v1.0 https://www.builder.io/blog/qwik-v1 Why to Not Use Custom CSS Scrollbars https://ericwbailey.website/published/dont-use-custom-css-scrollbars/ How to Measure Page Loading Time with the Performance API https://www.silvestar.codes/articles/how-to-measure-page-loading-time-with-performance-api/ Building a WebGL Carousel with React Three Fiber and GSAP https://tympanus.net/codrops/2023/04/27/building-a-webgl-carousel-with-react-three-fiber-and-gsap/ Icon Transcendence: Customizing Icons to Complement Fonts https://evilmartians.com/chronicles/icon-transcendence-customizing-icons-to-complement-fonts Rearranging / Animating CSS Grid Layouts with the View Transition API https://www.bram.us/2023/05/09/rearrange-animate-css-grid-layouts-with-the-view-transition-api/ DivMagic: Copy Code from any Page as Tailwind CSS Components? https://chrome.google.com/webstore/detail/divmagic/okpadhgilncoodafepkdmlneojcehclf#divmagic Livefir: Build Reactive HTML Apps with Go and Alpine.js https://livefir.fly.dev/ JZZ.js: A Developer Friendly MIDI library https://jazz-soft.net/doc/JZZ/ Chart.js 4.3: Canvas-Based Charts for the Web https://www.chartjs.org/ Angular v16 Released https://link.medium.com/bQbjE8uaHzb --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly Node v20.1.0 (Current) https://nodejs.org/en/blog/release/v20.1.0 Practical Guide To Not Blocking The Event Loop https://www.bbss.dev/posts/eventloop/ GitHub Actions: All Actions will run on Node16 instead of Node12 https://github.blog/changelog/2023-05-04-github-actions-all-actions-will-run-on-node16-instead-of-node12/ Creating Node.js libraries with Rust using Neon (Twitch live stream) https://www.youtube.com/watch?v=jkC4vik8__k Building the Twitter Backend with Node.js: A Step-by-Step Guide https://www.youtube.com/watch?v=mABcyifdsww Handbrake-JS 7.0: Control Video Encoding and Transcoding from Node https://github.com/75lb/handbrake-js Serverless Boilerplate with Serverless Framework 3, ExpressJS, TypeScript, Prisma and MongoDB https://github.com/ixartz/Serverless-Boilerplate-Express-TypeScript ultramatter: A <1KB Library for Parsing Frontmatter https://github.com/natemoo-re/ultramatter Notion-to-MD is a Node.js package that allows you to convert Notion pages to Markdown format. https://github.com/souvikinator/notion-to-md AutoCannon 7.11: A Fast HTTP/1.1 Benchmarking Tool https://github.com/mcollina/autocannon --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Testing Feature Support for Modern CSS https://moderncss.dev/testing-feature-support-for-modern-css/ Don’t use custom CSS scrollbars https://ericwbailey.website/published/dont-use-custom-css-scrollbars/ :root isn’t global https://kilianvalkhof.com/2023/css-html/root-isnt-global/ Learning JavaScript With Imagination https://www.smashingmagazine.com/2023/05/learning-javascript-with-imagination/ JavaScript import maps are now supported cross-browser https://web.dev/import-maps-in-all-modern-browsers/ Release Notes for Safari Technology Preview 169 https://webkit.org/blog/14135/release-notes-for-safari-technology-preview-169/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Angular v16 is here! https://blog.angular.io/angular-v16-is-here-4d7a28ec680d Qwik Reaches v1.0 https://www.builder.io/blog/qwik-v1 OpenJS Foundation Receives Major Government Investment from Sovereign Tech Fund for Web Security and Stability https://openjsf.org/blog/2023/05/02/openjs-foundation-receives-major-government-investment-from-sovereign-tech-fund-for-web-security-and-stability/ Practical Guide To Not Blocking The Event Loop https://www.bbss.dev/posts/eventloop/ The Interactive Guide to Rendering in React https://ui.dev/why-react-renders The “const” Deception https://www.joshwcomeau.com/javascript/the-const-deception/ Write Better CSS By Borrowing Ideas From JavaScript Functions https://www.smashingmagazine.com/2023/04/write-better-css-borrow-ideas-javascript-functions/ Crafting the Next.js Website https://rauno.me/craft/nextjs Marked.js 5.0: A Fast Markdown Parser and Compiler https://marked.js.org/ API mocking of the next generation https://mswjs.io/ Pretty TypeScript Errors https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors next-sitemap: Sitemap Generator for Next.js Apps https://github.com/iamvishnusankar/next-sitemap Introducing storage on Vercel https://vercel.com/blog/vercel-storage Bulletproof React: A Scalable Architecture for Production-Ready Apps https://github.com/alan2207/bulletproof-react Building a Type-Safe Tailwind with vanilla-extract https://www.highlight.io/blog/typesafe-tailwind What Even Are React Server Components https://www.viget.com/articles/what-even-are-react-server-components/ Virtual DOM: Back in Block https://millionjs.org/blog/virtual-dom How we built the Storybook Day 3D animation https://varun.ca/storybook-day Use AI to Generate Pages From Your React Components https://www.builder.io/blog/ai-components --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Rebuilding a 'Featured News' Section with (Very) Modern CSS https://ishadeed.com/article/rebuild-featured-news-modern-css/ An Update on the Web's Lock Icon https://blog.chromium.org/2023/05/an-update-on-lock-icon.html?m=1 30th Anniversary of the Web Entering the Public Domain https://www.w3.org/blog/2023/04/30th-anniversary-of-licensing-the-web-for-general-use-and-at-no-cost/ Badging for Home Screen Web Apps https://webkit.org/blog/14112/badging-for-home-screen-web-apps/ Blur Camera Background https://developer.chrome.com/en/blog/background-blur/ :root Isn’t Global https://kilianvalkhof.com/2023/css-html/root-isnt-global/ Accessible Target Sizes Cheatsheet https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/ Experimenting with Performance at the Edge https://slideslive.com/39000633/experimenting-with-performance-at-the-edge Write Better CSS by Borrowing Ideas from JavaScript Functions https://www.smashingmagazine.com/2023/04/write-better-css-borrow-ideas-javascript-functions/ Using Source Maps in DevTools https://youtu.be/SkUcO4ML5U0 Using Dark Patterns to Overcharge for Pizza? https://builtformars.com/case-studies/dominos-pizza Babylon.js 6.0: Powerful Web-Based 3D Framework https://link.medium.com/g9XkBrAbwzb Image Carbon: 'Optimize Images, Save the Planet' https://www.imagecarbon.com/ Chroma AI: Generate Gradients Randomly or From a Text Prompt https://chroma.szhao.dev/ --------------------- For more- subscribe to the channel https://t.me/webWekkly