The weekly

Front-End Front Top Stories Ten tips for better CSS transitions and animations https://joshcollinsworth.com/blog/great-transitions What is ref() in Vue? https://dmitripavlutin.com/ref-in-vue/ On Container Queries, Responsive Images, and JPEG-XL https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/ Tether elements to each other with CSS anchor positioning https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/ A Guide To Accessible Form Validation https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/ The Web Needs a Native .visually-hidden https://benmyers.dev/blog/native-visually-hidden/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Easy auditing & sandboxing for JS dependencies https://sandworm.dev/ Experiments with the JavaScript Garbage Collector https://dev.to/codux/experiments-with-the-javascript-garbage-collector-2ae3 You Don't Need a Build Step https://deno.com/blog/you-dont-need-a-build-step Announcing TypeScript 5.0 RC https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-rc/ The 2023 JavaScript Site Generator Review https://www.zachleat.com/web/site-generator-review/ Crawl Weather Using Cypress https://glebbahmutov.com/blog/crawl-weather/ Using Sourcegraph to discover non-NPM JS projects https://www.stackaid.us/blog/using-sourcegraph-to-discovery-non-npm-js-projects Building an animated SVG logo with animejs. https://www.pixelhop.io/writing/building-an-animated-svg-logo-with-animejs/ Bootstrap Your React Journey with Tic-Tac-Toe https://beta.reactjs.org/learn/tutorial-tic-tac-toe Text Highlighter: Highlight Search Results in Textareas https://github.com/wstaeblein/texthighlighter The Modern Way to Write TypeScript https://civet.dev/ Remult: A CRUD Framework for Full-Stack TypeScript https://remult.dev/ Wire Your Ideas With React Flow https://reactflow.dev/ ts-reset: A 'CSS Reset' for TypeScript https://github.com/total-typescript/ts-reset Lenis: A Smooth Scroll Library https://github.com/studio-freight/lenis A simple JavaScript framework for Drawing on the web https://idraw.js.org/ A JavaScript compiler and TypeScript checker written in Rust https://github.com/kaleidawave/ezno Dak is a Lisp like language that transpiles to JavaScript. https://www.daklang.com/ React vs Signals: 10 Years Later https://dev.to/this-is-learning/react-vs-signals-10-years-later-3k71 OpenAI announces ChatGPT and Whisper APIs https://dev.to/ben/openai-announces-chatgpt-and-whisper-apis-304i Migrating from Enzyme to React Testing Library https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/ Next.js 13.2 https://nextjs.org/blog/next-13-2 React Is Holding Me Hostage https://emnudge.dev/blog/react-hostage Modularizing React Applications with Established UI Patterns https://martinfowler.com/articles/modularizing-react-apps.html A Look at Gender Demographics in the Developer Community https://dev.to/sachagreif/a-look-at-gender-demographics-in-the-developer-community-part-1-4d76 React Server Components with Dan Abramov and Joe Savona Live Stream https://www.youtube.com/watch?v=h7tur48JSaw ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly zx 7.2: A Tool for Writing Better Shell Scripts https://github.com/google/zx Node.js Toolbox https://nodejstoolbox.com/ The security concerns of a JavaScript sandbox with the Node.js VM module https://snyk.io/blog/security-concerns-javascript-sandbox-node-js-vm-module/ Mitigating serverless cold start delays : My experiments & observations https://punits.dev/blog/mitigating-serverless-cold-start-delays/ Sandboxing JavaScript Code https://healeycodes.com/sandboxing-javascript-code A Deep Dive Into the Node js Event Loop - Tyler Hawkins https://www.youtube.com/watch?v=KKM_4-uQpow A CRUD framework for fullstack TypeScript https://remult.dev/ BullMQ 3.9: Reliable, Redis-Based Distributed Queue for Node https://github.com/taskforcesh/bullmq express-mongodb-rest-api-typescript-boilerplate https://github.com/watscho/express-mongodb-rest-api-boilerplate node-mongodb-native v5.1.0 https://github.com/mongodb/node-mongodb-native/releases/tag/v5.1.0 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Getting Started with Style Queries https://developer.chrome.com/en/blog/style-queries/ Let's build a Chrome extension that steals everything https://mattfrisbie.substack.com/p/spy-chrome-extension On Container Queries, Responsive Images, and JPEG-XL https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/ A Guide To Accessible Form Validation https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/ In-Depth Guide to CSS Logical Properties https://www.youtube.com/watch?v=cV9JhEV4Ll0 Intro to HTML-first Frontend Frameworks https://www.sitepen.com/blog/intro-to-html-first-frontend-frameworks Improved font fallbacks https://developer.chrome.com/blog/font-fallbacks/ You Don't Need Rails to Start Using Hotwire https://www.akshaykhot.com/using-hotwire-without-rails/ The Carbon Impact of Web Standards https://websitesustainability.com/cache/files/research23.pdf Avoid Spanning Table Headers https://adrianroselli.com/2023/02/avoid-spanning-table-headers.html design systems in the time of ai https://bradfrost.com/blog/post/design-systems-in-the-time-of-ai/ CSS Scrollbar Selectors https://scrollbar.app/ Welcome to TypeTrials https://typetrials.com/ Lenis: A Smooth Scroll Library https://github.com/studio-freight/lenis Tachyon: A Small Script to Make Page Navigation Faster https://github.com/weebney/tachyon ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Resizing with CSS https://css-irl.info/resizing-with-css/ Improved font fallbacks https://developer.chrome.com/blog/font-fallbacks/ Do we need CSS flex-wrap detection? https://ishadeed.com/article/flex-wrap-detect/ Writing Javascript without a build system https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/ Web Push on iOS requires installing the web app https://webventures.rejh.nl/blog/2023/ios-web-push-requires-install/ Last baseline alignment https://web.dev/last-baseline/ VIVID Web Components https://vivid.deno.dev/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Strudel REPL: Live JavaScript Music in the Browser https://strudel.tidalcycles.org/ ECMAScript® 2023 Language Specification https://tc39.es/ecma262/ Let's build a Chrome extension that steals everything https://mattfrisbie.substack.com/p/spy-chrome-extension What to Expect from Vue in 2023 and How it Differs from React https://thenewstack.io/vue-2023/ Sandboxing JavaScript Code https://healeycodes.com/sandboxing-javascript-code Intro to HTML-first Frontend Frameworks https://www.sitepen.com/blog/intro-to-html-first-frontend-frameworks The NPM Library Speedrun - 90 minutes to build, CI, and publish https://www.youtube.com/watch?v=aKTSC4D1GL8 You Don't Need Rails to Start Using Hotwire https://www.akshaykhot.com/using-hotwire-without-rails/ Typescript Runtime Validators and DX, a type-checking performance analysis of zod/superstruct/yup/typebox https://dev.to/nicklucas/typescript-runtime-validators-and-dx-a-type-checking-performance-analysis-of-zodsuperstructyuptypebox-5416 AngularJS upgrade: Why 2023 is the time for migrating and how to do it https://pretius.com/blog/angularjs-upgrade/ Vue.js 3.0 UI Library https://github.com/epicmaxco/vuestic-ui React Libraries for 2023 https://www.robinwieruch.de/react-libraries/ Kobalte: A UI Toolkit for SolidJS https://kobalte.dev/docs/core/overview/introduction Determining the RGB "Distance" Between Two Colors https://dev.to/bytebodger/determining-the-rgb-distance-between-two-colors-4n91 The universal chatbot library based on React. https://urban-bot.vercel.app/ How to avoid tricky async state manager pitfalls in React https://evilmartians.com/chronicles/how-to-avoid-tricky-async-state-manager-pitfalls-react How to Build a Word Scramble Game with React https://www.youtube.com/watch?v=hJYG_jBURYE How I've Abused an Internal API and How It Should Be Prevented https://talmosko.hashnode.dev/how-ive-abused-an-internal-api-and-how-it-should-be-prevented ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly The State of Node.js https://www.youtube.com/watch?v=OIrGEgMwPvc Node v19.7.0 (Current) https://nodejs.org/en/blog/release/v19.7.0/ Single executable applications https://nodejs.org/api/single-executable-applications.html The NPM Library Speedrun - 90 minutes to build, CI, and publish https://www.youtube.com/watch?v=aKTSC4D1GL8 Building a simple CLI tool with modern Node.js https://evertpot.com/node-changelog-cli-tool/ Task Queuing the Easy Way With Node.js and BullMQ https://www.makeuseof.com/task-queuing-nodejs-bullmq/ Build performant, native and cross-platform desktop applications with Node.js and CSS like styling https://github.com/nodegui/nodegui DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. https://github.com/cure53/DOMPurify The fully typed Typescript mongoDB ODM https://mongo.bridge.codes/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Web Push for Web Apps on iOS and iPadOS https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/ Do we need CSS flex-wrap detection? https://ishadeed.com/article/flex-wrap-detect/ Last baseline alignment https://web.dev/last-baseline/ A Step-By-Step Guide To Building Accessible Carousels https://www.smashingmagazine.com/2023/02/guide-building-accessible-carousels/ The User Activation API https://webkit.org/blog/13862/the-user-activation-api/ Using Focal Points, Aspect Ratio & Object-Fit to Crop Images Correctly https://henry.codes/writing/pure-css-focal-points/ (255,255,255) is the Highest Specificity https://www.bram.us/2023/02/21/255255255-is-the-highest-specificity/ Use a MutationObserver to Handle DOM Nodes that Don’t Exist Yet https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet A web component for drawing patterns with CSS https://css-doodle.com/ Let your page react to scroll changes. https://github.com/terwanerik/ScrollTrigger no SVG, no image, CSS-only fluid slider with input[type=range] https://codepen.io/thebabydino/pen/qByGqOm A UI toolkit for building accessible web apps and design systems with SolidJS. https://github.com/kobaltedev/kobalte Unicopy: Copy Unicode Characters and Symbols https://unicopy.cc/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Release Notes for Safari Technology Preview 163 https://webkit.org/blog/13839/release-notes-for-safari-technology-preview-163/ Try out CSS Nesting today https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/ More control over :nth-child() selections with the of S syntax https://developer.chrome.com/articles/css-nth-child-of-s Healthcare, Selling Lemons, and the Price of Developer Experience https://css-tricks.com/healthcare-selling-lemons-and-the-price-of-developer-experience/ The truth about CSS selector performance https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/ Container queries land in stable browsers https://web.dev/cq-stable/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

javascript weekly Writing Javascript without a build system https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/ Ryan Dahl, Node.js Creator, Wants to Rebuild the Runtime of the Web https://www.sequoiacap.com/article/deno-spotlight/ Core-JS chief complains open source is broken, no one will pay for it https://www.theregister.com/2023/02/15/corejs_russia_open_source Use a MutationObserver to Handle DOM Nodes that Don’t Exist Yet https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet Well-Known Symbols in JavaScript https://h3manth.com/posts/Well-known-symbols/ Use Maps More and Objects Less https://www.builder.io/blog/maps Adopting React in the Early Days https://cult.honeypot.io/reads/adopting-react-in-the-early-days/ Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber https://tympanus.net/codrops/2023/02/14/animate-a-camera-fly-through-on-scroll-using-theatre-js-and-react-three-fiber/ Dependency Cruiser: Validate and Visualize JavaScript Dependencies https://github.com/sverweij/dependency-cruiser Like JSON.stringify, but handles https://github.com/Rich-Harris/devalue Build performant, native and cross-platform desktop applications with Node.js and CSS like styling.🚀 https://github.com/nodegui/nodegui DOMPurify 3.0: Fast, Tolerant XSS Sanitizer for HTML and SVG https://github.com/cure53/DOMPurify Generate 90% code coverage with integration tests in 1 hour https://github.com/Pythagora-io/pythagora Search across a half million git repos https://grep.app/ tsParticles https://particles.js.org/ Enable passing Server References from Server to Client https://github.com/facebook/react/pull/26124 A summary of libraries that are commonly used with React https://www.frontendundefined.com/posts/summaries/common-react-libraries/ React.js: The Documentary https://www.youtube.com/watch?v=8pDqJVdNa44 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly How To Scale Node.js Applications with Clustering https://www.digitalocean.com/community/tutorials/how-to-scale-node-js-applications-with-clustering Generate 90% code coverage with integration tests in 1 hour https://github.com/Pythagora-io/pythagora Those Node.js Security Releases are.. Today https://nodejs.org/en/blog/vulnerability/february-2023-security-releases/ Node.js Database https://rxdb.info/nodejs-database.html Git Notes: Git's Coolest, Most Unloved­ Feature https://ikiwiki.tylercipriani.com/blog/2022/11/19/git-notes-gits-coolest-most-unloved-feature/ binary-parser: Declarative Parser Builder for Binary Data https://github.com/keichi/binary-parser Process execution for humans https://github.com/sindresorhus/execa Like JSON.stringify, but handles https://github.com/Rich-Harris/devalue run Python scripts from Node.js https://www.npmjs.com/package/python-shell A node module to rotate JPEG images based on EXIF orientation. https://github.com/johansatge/jpeg-autorotate ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Try out CSS Nesting today https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/ The modern web’s underrated powerhouse https://github.com/readme/featured/css-future What's new in Lighthouse 10 https://developer.chrome.com/blog/lighthouse-10-0/ Container queries land in stable browsers https://web.dev/cq-stable/ How To Inspect Interactions In The Browser https://www.builder.io/blog/inspect-interactions-in-the-browser Introducing historical web performance data via the CrUX History API https://developer.chrome.com/blog/chrome-ux-report-history-api/ CSS runtime performance https://nolanlawson.com/2023/01/17/my-talk-on-css-runtime-performance/ Using Playwright to Monitor Third-Party Resources That Could Impact User Experience https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/ You kinda want an orange favicon. https://chriscoyier.net/2023/02/10/you-kinda-want-an-orange-favicon/ 5 Beginner Website Speed Optimisations and How to Do Them Right https://calibreapp.com/blog/beginner-speed-optimisations Tailwind Elements: 500+ Bootstrap Components Recreated with Tailwind CSS https://tailwind-elements.com/ Bookmarklet Editor: Easily Work on JavaScript Bookmarklets https://www.gibney.org/bookmarklet_editor Unicorn Icons: 100+ Animated Icons in SVG and JSON Formats https://unicornicons.com/ Font Library: An Open Source Project to Tag and Organize Google Fonts https://katydecorah.com/font-library/#!/ pointer pointer https://pointerpointer.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Quick and Small Accessibility – Bite-Sized Accessibility https://bite-sized-a11y.com/ My favourite 3 lines of CSS https://andy-bell.co.uk/my-favourite-3-lines-of-css/ Learn Images https://web.dev/learn/images/ CSS Wish List 2023 https://meyerweb.com/eric/thoughts/2023/02/08/css-wish-list-2023/ How To Build A Magazine Layout With CSS Grid Areas https://www.smashingmagazine.com/2023/02/build-magazine-layout-css-grid-areas/ -------------------------f or more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Speeding up the JavaScript ecosystem - eslint https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-3/ The Future (and the Past) of the Web is Server Side Rendering https://deno.com/blog/the-future-and-past-is-server-side-rendering 10 Web Development Trends in 2023 https://www.robinwieruch.de/web-development-trends/ Bringing Javascript to WebAssembly for Shopify Functions https://shopify.engineering/javascript-in-webassembly-for-shopify-functions The Catalog of TypeScript Examples https://refactoring.guru/design-patterns/typescript Resumable React: How To Use React Inside Qwik https://www.builder.io/blog/resumable-react-how-to-use-react-inside-qwik Build a Hacker News client using Alpine.js https://salaivv.com/2023/02/07/hacker-news-alpine TypeScript Speedrun: Crash Course for Beginners https://www.youtube.com/watch?v=YmxwicpROps Bookmarklet Editor: Easily Work on JavaScript Bookmarklets https://www.gibney.org/bookmarklet_editor Yup 1.0: Super Simple Object Schema Validation https://github.com/jquense/yup Welcome To Material React TableV1 https://www.material-react-table.com/ BlockNote: Notion-Style Block-Based Text Editor https://github.com/YousefED/BlockNote TresJS Bring Three to the Vue ecosystem https://tresjs.org/ depngn (short for dependency engine) https://github.com/upgradejs/depngn lawnmower is s web component library that allows VR layouts to be built using HTML tags. https://github.com/gmarland/lawnmower Electron 23.0.0 https://www.electronjs.org/blog/electron-23-0 Run: Run User-Provided Code in a Web Worker https://github.com/slashd-analytics/run A Historical Reference of React Criticism https://www.zachleat.com/web/react-criticism/ Modularizing React Applications with Established UI Patterns https://martinfowler.com/articles/modularizing-react-apps.html Effective Higher-Order Components https://www.bbss.dev/posts/effective-hocs/ Understanding App Directory Architecture In Next.js https://www.smashingmagazine.com/2023/02/understanding-app-directory-architecture-next-js/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v19.6.0 (Current) https://nodejs.org/en/blog/release/v19.6.0/ Ada 1.0: Node's Forthcoming New URL Parser https://github.com/ada-url/ada/releases/tag/v1.0.0 Puppeteer in Node.js: Common Mistakes to Avoid https://blog.appsignal.com/2023/02/08/puppeteer-in-nodejs-common-mistakes-to-avoid.html Playwright in GitHub Actions https://radekmie.dev/blog/on-playwright-in-github-actions/ depngn (short for dependency engine) https://github.com/upgradejs/depngn Electron 23.0.0 https://www.electronjs.org/blog/electron-23-0 resvg-js 2.4: A High-Performance SVG Renderer and Toolkit https://github.com/yisibl/resvg-js ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The Guide To Responsive Design In 2023 and Beyond https://ishadeed.com/article/responsive-design/ Mozilla, like Google, is looking ahead to the end of Apple's WebKit rule https://www.theregister.com/2023/02/07/mozilla_google_apple_webkit/ 10 Web Development Trends in 2023 https://www.robinwieruch.de/web-development-trends/ Announcing Interop 2023 https://hacks.mozilla.org/2023/02/announcing-interop-2023/ How To Build A Magazine Layout With CSS Grid Areas https://www.smashingmagazine.com/2023/02/build-magazine-layout-css-grid-areas/ ElementInternals and Form-Associated Custom Elements https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/ Self-hosting fonts explained (including Google fonts) https://www.youtube.com/watch?v=zK-yy6C2Nck A color-contrast() strategy for complimentary translucent backgrounds https://nerdy.dev/color-from-color-contrast-result Bringing Letters to Life: Coding a Kinetic SVG Typography Animation https://tympanus.net/codrops/2023/01/31/bringing-letters-to-life-coding-a-kinetic-svg-typography-animation/ My favourite 3 lines of CSS https://andy-bell.co.uk/my-favourite-3-lines-of-css/ The Vanilla JavaScript Repository https://vanillalist.top/ ScrollyVideo.js https://scrollyvideo.js.org/ lawnmower: A Library to Build VR Layouts Using HTML Tags https://github.com/gmarland/lawnmower The Most Modern Mobile Touch Slider https://swiperjs.com/ Add loading animations to your website in your browser URL field. https://github.com/LunarFang416/url-animations ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Guide To Responsive Design In 2023 and Beyond https://ishadeed.com/article/responsive-design/ Level Up Your CSS Skills With The :has() Selector https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector/ Interop 2023: continuing to improve the web for developers https://web.dev/interop-2023/ Scalable CSS https://chriscoyier.net/2023/01/17/scalable-css/ CSS color-mix() https://developer.chrome.com/blog/css-color-mix/ Container Queries and Typography https://www.robinrendle.com/notes/container-queries-and-typography/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly You’ve Got Options for Removing Event Listeners https://www.macarthur.me/posts/options-for-removing-event-listeners Updates from the 94th TC39 meeting https://dev.to/hemanth/updates-from-the-94th-tc39-meeting-48mb Gatsby is joining Netlify https://www.gatsbyjs.com/blog/gatsby-is-joining-netlify/ You don't (may not) need Lodash/Underscore https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme Why Create React App exists https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741 How To Lose Functional Programming At Work https://robertwpearce.com/how-to-lose-functional-programming-at-work.html Node + SWC make a lightning fast typescript runtime https://featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/ The road from Ember classic to Glimmer components https://dev.to/otainsight/the-road-from-ember-classic-to-glimmer-components-4hlc Using JavaScript in a Swift app https://douglashill.co/javascript-in-swift/ Cleaner Unit Tests with Custom Matchers https://americanexpress.io/cleaner-unit-tests-with-custom-matchers/ The Yaml Document from Hell: JS Edition https://philna.sh/blog/2023/02/02/yaml-document-from-hell-javascript-edition/ FeedbackPlus: Add Screenshot Tools to Your Feedback Forms https://github.com/ColonelParrot/feedbackplus ScrollyVideo.js https://scrollyvideo.js.org/ depngn (short for dependency engine) https://github.com/upgradejs/depngn Lightweight, powerful, pluggable embedded JS template engine. https://eta.js.org/ Swiper The Most Modern Mobile Touch Slider https://swiperjs.com/ UUID.js - RFC-compliant UUID Generator for JavaScript https://github.com/LiosK/UUID.js developer tool for generating a visual graph of your module dependencies https://github.com/pahen/madge Twitter charging for API usage starting Feb. 9th https://dev.to/nickytonline/twitter-charging-for-api-usage-starting-feb-9th-713 How to build a better React map with Pigeon Maps and Mapbox https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox I Was Wrong About Nested React Components https://www.youtube.com/watch?v=2sAdzy90GtE Refraction, dispersion, and other shader light effects https://blog.maximeheckel.com/posts/refraction-dispersion-and-other-shader-light-effects ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly AlaSQL.js 3.0: Isomorphic JavaScript SQL Database https://github.com/alasql/alasql On building the enterprise-grade Node.js applications https://www.codeflashbacks.com/announcing-the-enterprise-node-js-service-template/ Node + SWC make a lightning fast typescript runtime https://featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/ Understanding the GraphQL Type System https://www.taniarascia.com/graphql-type-system/ Building a blog with Next.js, AdminJS, and React: a simple step-by-step guide https://medium.com/adminjs/building-a-blog-with-next-js-adminjs-and-react-a-simple-step-by-step-guide-8838f4e594a6 NPM Audit: 5 Ways to Use it to Protect Your Code https://www.jit.io/blog/npm-audit-to-protect-your-code TestCafe 2.3: Node-Based End-to-End Web Testing https://github.com/DevExpress/testcafe/releases/tag/v2.3.0 PostgreSQL interface for Node.js https://github.com/vitaly-t/pg-promise Lightweight, powerful, pluggable embedded JS template engine. https://eta.js.org/ MongoDB Node.js Driver 5.0 https://github.com/mongodb/node-mongodb-native/releases/tag/v5.0.0 Newswall: Rotate and Display Newspapers on an E-Ink Display https://github.com/pathikrit/newswall ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus CSS color-mix() https://developer.chrome.com/blog/css-color-mix/ Easy SVG Customization And Animation: A Practical Guide https://www.smashingmagazine.com/2023/01/svg-customization-animation-practical-guide/ Building an accessible theme picker with HTML, CSS and JavaScript. https://fossheim.io/writing/posts/accessible-theme-picker-html-css-js/ Three attributes for better web forms https://adactio.com/journal/19842 Scrollend, a new JavaScript event https://developer.chrome.com/blog/scrollend-a-new-javascript-event/ Accessible Hamburger Buttons Without JavaScript — https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript Creating A High-Contrast Design System With CSS Custom Properties https://www.smashingmagazine.com/2023/01/creating-high-contrast-design-system-css-custom-properties/ Greater styling control over type with initial-letter https://blog.stephaniestimac.com/posts/2023/1/css-initial-letter/ Your Web Performance is Too Reactive; It’s Time to Do More Than Put Out Fires https://calibreapp.com/blog/proactive-performance Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages https://electricui.com/blog/switching-to-cloudflare-pages Build your website quickly with Sailboat UI https://sailboatui.com/ Shoelace:A forward-thinking library of web components. https://shoelace.style/ GradienMood: Generate a Gradient from a Mood https://gradienmood.posandu.me/ Implementing theme toggleswas never easier https://toggles.dev/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly