The weekly

Front-End Front Top Stories Type safe CSS design systems with @property https://nerdy.dev/cant-break-this-design-system A (more) Modern CSS Reset https://andy-bell.co.uk/a-more-modern-css-reset/ Revealing Images With CSS Mask Animations https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations/ CSS Findings From The Threads App: Part 2 https://ishadeed.com/article/threads-app-css-part-2/ WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/ Understanding the JavaScript Modulo Operator https://www.joshwcomeau.com/javascript/modulo-operator/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly TypeScript Origins: The Documentary https://www.youtube.com/watch?v=U6s2pdxebSo Patterns for Reactivity with Modern Vanilla JavaScript https://frontendmasters.com/blog/vanilla-javascript-reactivity/ Deno 1.37: Modern JavaScript in Jupyter Notebooks https://deno.com/blog/v1.37 🏃‍♂️🏃‍♀️🏃 JS minification benchmarks https://github.com/privatenumber/minification-benchmarks Get All That Network Activity Under Control with Priority Hints https://www.macarthur.me/posts/priority-hints Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/ Terminal JSON viewer & processor https://fx.wtf/ Mantine 7.0: The Popular React Component Library https://mantine.dev/changelog/7-0-0/ A natural language date parser in Javascript. https://github.com/wanasit/chrono Powerful motion design in the browser https://www.theatrejs.com/ Versatile and extensible page transition library for server-rendered websites https://swup.js.org/ Create Chrome Extension (.crx) https://github.com/guocaoyi/create-chrome-ext#create-chrome-extension-crx Neutralinojs 4.14.0 https://neutralino.js.org/docs/release-notes/framework/#v4140 v0: 'An AI Tool That's Effectively Midjourney for React' https://v0.dev/ Build a Next.js 13 Dashboard With Authentication using AWS https://www.youtube.com/watch?v=-j7XpK2UQ3w qwik v1.2.12 https://github.com/BuilderIO/qwik/releases/tag/v1.2.12 Bun Adapter for Qwik https://github.com/BuilderIO/qwik/pull/5129 Astro JS Framework: A Practical Guide To Building Faster Websites https://bejamas.io/blog/practical-guide-to-astro-js-framework/ BUILD YOUR OWN SANDWICH WITH REACT HOOKS https://www.totheroot.nl/article/build-your-own-sandwich-with-react-hooks --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/ v0: Using AI to Build Frontend Components? https://v0.dev/ free-for.dev: A Bumper List of Stuff That's 'Free' for Developers https://free-for.dev/#/ A (more) Modern CSS Reset https://andy-bell.co.uk/a-more-modern-css-reset/ Get All That Network Activity Under Control with Priority Hints https://www.macarthur.me/posts/priority-hints CSS Findings From The Threads App: Part 2 https://ishadeed.com/article/threads-app-css-part-2/ Revealing Images With CSS Mask Animations https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations/ A Beginner’s Guide to Using Pico CSS https://www.makeuseof.com/pico-css-beginners-guide/ Markdown editing can be even more delightful. https://mdxeditor.dev/ Nue: An Alternative to React, Vue, and Svelte to Build UIs with Cleaner Code https://nuejs.org/ The JavaScript library for data storytelling https://www.plotteus.dev/ Scaffolding your chrome extension, multiple boilerplates supported! https://github.com/guocaoyi/create-chrome-ext --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly Does Node.js Need a Mascot? https://github.com/nodejs/admin/issues/828 Node v20.7.0 (Current) https://nodejs.org/en/blog/release/v20.7.0 My thoughts on Bun and other Adventures https://adventures.nodeland.dev/archive/my-thoughts-on-bun/ Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples Serverless Bun vs Node: Benchmarking on AWS Lambda https://medium.com/@mitchellkossoris/serverless-bun-vs-node-benchmarking-on-aws-lambda-ecd4fe7c2fc2 Playwright API testing with zod https://timdeschryver.dev/blog/playwright-api-testing-with-zod Why should not use EventEmitter for Asynchronous Operations https://www.youtube.com/watch?v=Ra7Ji9LmG9o How to Use Node.js to SSH into Remote Servers: A Comprehensive Guide https://bipinparajuli.com.np/blog/shh-node A natural language date parser in Javascript. https://github.com/wanasit/chrono depcheck: A Tool to Check for Unused Dependencies https://github.com/depcheck/depcheck node-diskusage https://github.com/jduncanator/node-diskusage workerpool offers an easy way to create a pool of workers https://github.com/josdejong/workerpool A zero dependency library to safe merge objects and arrays with customizable behavior. https://github.com/tada5hi/smob i18n for ISO 3166-1 country codes. https://github.com/michaelwittig/node-i18n-iso-countries Minimal Framework for Static Websites https://fusionssg.com/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Cool Tools https://css-irl.info/cool-tools/ Stop Lazy Loading Product and Hero Images https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/ Gradients, Blend Modes, And A Really Cool Hover Effect https://www.smashingmagazine.com/2023/09/gradients-blend-modes-hover-effect/ How Far Back in Time Can I Take My Website's Design https://ajxs.me/blog/How_Far_Back_in_Time_Can_I_Take_My_Websites_Design.html How Custom Property Values are Computed https://moderncss.dev/how-custom-property-values-are-computed/ View Transitions Break Incremental Rendering https://ericportis.com/posts/2023/view-transitions-break-incremental-rendering/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Bun 1.0 https://bun.sh/blog/bun-v1.0 JavaScript WTF: Why does every() return true for empty arrays? https://humanwhocodes.com/blog/2023/09/javascript-wtf-why-does-every-return-true-for-empty-array/ TypeScript 5.3 First Look https://www.totaltypescript.com/typescript-5-3 JAVASCRIPT IS GETTING ARRAY GROUPING METHODS https://philna.sh/blog/2023/09/14/javascript-array-grouping-methods/ JPEG and EXIF Data Manipulation in Javascript https://getaround.tech/exif-data-manipulation-javascript/ 2hrs to code Mario with Auth + save scores https://www.youtube.com/watch?v=1CVSI3MZNNg Running a Playwright script on AWS Lambda https://steele.blue/playwright-on-lambda/ A new method to validate URLs in JavaScript (2023 edition) https://www.stefanjudis.com/blog/validate-urls-in-javascript/ TCP echo server for Node.js https://gist.github.com/kfox/1280c2f0ee8324067dba15300e0f2fd3 Build your component library. https://www.shadcn-vue.com/ npm-check-updates https://github.com/raineorshine/npm-check-updates Syntax highlighting, like what GitHub uses to highlight code, but free and open source and JavaScript! https://github.com/wooorm/starry-night Vue.js 3.0 UI Library https://github.com/epicmaxco/vuestic-ui Generate a Web project with Go and Angular, React or Vue. https://github.com/Shpota/goxygen Build terminals in the browser https://xtermjs.org/ State-of-the-art Machine Learning for the web https://huggingface.co/docs/transformers.js/index Introducing TypeChat https://microsoft.github.io/TypeChat/blog/introducing-typechat/ Llama 2 7B/13B are now available in Web LLM!! https://webllm.mlc.ai/ TensorFlow.js https://www.tensorflow.org/js?hl=he Making Sense of React Server Components https://www.joshwcomeau.com/react/server-components/ How to Pass a Component as a Prop in React https://www.totaltypescript.com/pass-component-as-prop-react React Suspense in three different architectures https://elanmed.dev/blog/suspense-in-different-architectures Server-Side Rendering (SSR) with Bun and React https://alexkates.dev/server-side-rendering-ssr-with-bun-and-react --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Stop Lazy Loading Product and Hero Images https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/ Introducing Web Sustainability Guidelines https://www.w3.org/blog/2023/introducing-web-sustainability-guidelines/ Web Components Accessibility FAQ https://www.matuzo.at/blog/2023/web-components-accessibility-faq/ Memories of Molly https://meyerweb.com/eric/thoughts/2023/09/06/memories-of-molly/ How to make charts and graphs more accessible https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/ Creating custom easing effects in CSS animations using the linear() function https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/ The new Google Fonts: find what you’re looking for https://material.io/blog/2023-google-fonts-redesign A screen reader user’s weird tricks to make accessible websites. Number four will shock you! https://brucelawson.co.uk/2023/a-screen-reader-users-weird-tricks-to-make-accessible-websites-number-four-will-shock-you/ Scroll-Driven Animations Debugger (DevTools Extension) https://www.bram.us/2023/09/12/scroll-driven-animations-debugger/ unpic/placeholder: A Library for Generating Pure CSS Image Placeholders https://github.com/ascorbic/unpic-placeholder <qr-code> https://qr.bitjson.com/ The Biggest Collection of Loading Animations https://css-loaders.com/ BlendIcons: 140K+ Free Icons in Various Categories and Styles https://blendicons.com/ crop-video online https://new.express.adobe.com/tools/crop-video create amazing masonry layouts with an amazing developer experience. https://github.com/askides/react-plock A plugin to run Lighthouse https://github.com/zachleat/performance-leaderboard-pagespeed-insights/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly MikroORM 5.8 released https://mikro-orm.io/blog/mikro-orm-5-8-released Bun 1.0 https://bun.sh/blog/bun-v1.0 TCP echo server for Node.js https://gist.github.com/kfox/1280c2f0ee8324067dba15300e0f2fd3 Node v20.6.1 (Current) https://nodejs.org/en/blog/release/v20.6.1 Getting daily notifications my parent is okay https://remysharp.com/2023/09/11/getting-daily-notifications-my-parent-is-okay JPEG and EXIF Data Manipulation in Javascript https://getaround.tech/exif-data-manipulation-javascript/ Scheduling Jobs in Node.js: Conducting An Orchestra https://blog.appsignal.com/2023/09/06/job-schedulers-for-node-bull-or-agenda.html Running a Playwright script on AWS Lambda https://steele.blue/playwright-on-lambda/ Code scanning at ludicrous speed. https://github.com/returntocorp/semgrep A small and fast CSV parser with support for nested JSON. https://github.com/josdejong/csv42/ 🔥 Recommendations for Node.js using collaborative filtering https://github.com/ankane/disco-node Useful when you need to cache something and limit memory usage. https://github.com/sindresorhus/quick-lru Zettlr 3.0: A Modern Markdown Editor https://zettlr.com/post/zettlr-300-released --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories I Blame the W3C’s HTML Standard for Ordered Lists https://siderea.dreamwidth.org/1819759.html How layout position impacts three big web performance levers https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers Why are we not still using tables-for-layout? https://rachelandrew.co.uk/archives/2023/09/07/why-are-we-not-still-using-tables-for-layout/ Chris’ Corner: Web Components Don’t Need You https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/ Release Notes for Safari Technology Preview 178 https://webkit.org/blog/14435/release-notes-for-safari-technology-preview-178/ WOFF Has Left the Building https://matthiasott.com/notes/woff-has-left-the-building --------------------- For more- subscribe to the channel https://t.me/webWekkly

javascript weekly Astro 3.0 https://astro.build/blog/astro-3/ NODE.JS INCLUDES BUILT-IN SUPPORT FOR .ENV FILES https://philna.sh/blog/2023/09/05/nodejs-supports-dotenv/ Bye to Rome and Hi to Biome for JS Formatting and Linting https://biomejs.dev/blog/annoucing-biome Making Sense of React Server Components https://www.joshwcomeau.com/react/server-components/ You Don't Need to "Learn" Svelte https://kaviisuri.com/you-dont-need-to-learn-svelte Using Labeled Loops In JavaScript https://www.bennadel.com/blog/4512-using-labeled-loops-in-javascript.htm A Wide View of Automated Testing in React Apps https://reacthandbook.dev/automated-testing How to Create a Dual-Mode Cross-Runtime JavaScript Package https://hexagon.56k.guru/posts/dual-mode-cross-runtime-packages/ Seemingly every JS lib on Earth claims to have Blazing or Lightning Fast performance. https://github.com/leeoniya/uDSV/tree/main/bench#readme The complexity of writing an efficient NodeJS Docker image https://www.specfy.io/blog/1-efficient-dockerfile-nodejs-in-7-steps Browser-based audio waveform visualisation https://waveform.prototyping.bbc.co.uk/ SVGuitar - JavaScript Guitar Chord Renderer https://github.com/omnibrain/svguitar The open-source form framework for Vue https://formkit.com/ Build your rich-text editor. https://platejs.org/ An extensive math library for JavaScript and Node.js https://mathjs.org/ One of the world's easiest, most powerful, and full responsive JavaScript Calendars! https://github.com/williamtroup/Calendar.js why-react-rerenders-and-when-to-worry-about-it https://punits.dev/jargon-free-intros/why-react-rerenders-and-when-to-worry-about-it/ tRPC + NextJS App Router = Simple Typesafe APIs https://www.youtube.com/watch?v=qCLV0Iaq9zU Build your own CLI https://www.youtube.com/watch?v=ocllb5KEXZk Fresh 1.4 – Faster Page Loads, Layouts and More https://deno.com/blog/fresh-1.4 The Evolution of Signals in JavaScript https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Astro 3.0 https://astro.build/blog/astro-3/ Browser Video Players Review https://adrianroselli.com/2023/09/browser-video-players-review.html How layout position impacts three big web performance levers https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers Laying out dots on a dice using display:flex & pseudo-classes https://mackfitz.hashnode.dev/laying-out-dots-on-a-dice-using-displayflex-pseudo-classes Towards HTTPS by default https://blog.chromium.org/2023/08/towards-https-by-default.html Where to Put Focus When Deleting a Thing https://adrianroselli.com/2023/08/where-to-put-focus-when-deleting-a-thing.html Why Does Email Development Have to Suck? https://dodov.dev/blog/why-does-email-development-have-to-suck Adapting Illustrations to Dark Mode https://blog.simonfarshid.com/adapting-illustrations-to-dark-mode UI Skeleton Gallery https://www.brandbird.app/tools/ui-skeleton-gallery Easily migrate code from tailwind to Panda CSS https://github.com/astahmer/tw2panda SVGuitar - JavaScript Guitar Chord Renderer https://github.com/omnibrain/svguitar --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly Node v20.6.0 (Current) https://nodejs.org/en/blog/release/v20.6.0 My Node.js is a bit Rusty https://gal.hagever.com/posts/my-node-js-is-a-bit-rusty Choosing the best Node.js Docker image https://snyk.io/blog/choosing-the-best-node-js-docker-image/ How to implement SSL/TLS pinning in Node.js https://snyk.io/blog/ssl-tls-pinning-node-js/ How to Create a Dual-Mode Cross-Runtime JavaScript Package https://hexagon.56k.guru/posts/dual-mode-cross-runtime-packages/ Tracking Errors in a Node.js Application https://blog.appsignal.com/2023/08/30/tracking-errors-in-a-nodejs-application.html Benchmarking 24 CSV Parsing Approaches https://github.com/leeoniya/uDSV/tree/main/bench#readme Marked 8.0: A Fast Markdown Parser and Compiler https://github.com/markedjs/marked The fastest and simplest library for SQLite3 in Node.js. https://github.com/WiseLibs/better-sqlite3 --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Case Study: Rebuilding TechCrunch layout with modern CSS https://ishadeed.com/article/rebuilding-techcrunch-modern-css/ Lightning CSS https://lightningcss.dev/ State of CSS 2023 https://2023.stateofcss.com/en-US The New CSS Math: round() https://danielcwilson.com/posts/mathematicss-round/ Let’s Make a Rubber Button With HTML, CSS and SVG https://cloudfour.com/thinks/rubber-button/ Laying out dots on a dice using display:flex & pseudo-classes https://mackfitz.hashnode.dev/laying-out-dots-on-a-dice-using-displayflex-pseudo-classes --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus THE IDEAL VIEWPORT DOESN’T EXIST https://viewports.fyi/ Use web components for what they’re good at https://nolanlawson.com/2023/08/23/use-web-components-for-what-theyre-good-at/ ⭐️ The State of CSS 2023 Survey Results https://2023.stateofcss.com/en-US/ Bézier Curves and the Logic Behind Them https://blog.richardekwonye.com/bezier-curves Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS https://www.smashingmagazine.com/2023/08/oklch-color-spaces-gamuts-css/ WebGL Image Manipulation https://maximmcnair.com/webgl-image-processing A Few Interesting Ways To Use CSS Shadows For More Than Depth https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows/ How to make next-level Figma plugins: auth, routing, storage, and more https://evilmartians.com/chronicles/how-to-make-next-level-figma-plugins-auth-routing-storage-and-more Debugging INP by Brian Ramirez https://www.youtube.com/watch?v=nQByr5Yyclw Image-to-Pixel https://tezumie.github.io/Image-to-Pixel/ Browser-based audio waveform visualisation https://waveform.prototyping.bbc.co.uk/ better Select https://github.com/siit-dev/better-select Build Beautiful Code Snippets https://snippetbuilder.com/ A tiny (~500B) JavaScript library that allows you to set default values for nested objects https://github.com/aralroca/default-composer Discover highly useful Design Resources & Tools https://www.toools.design/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Creating custom easing effects in CSS animations using the linear() function https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/ THE IDEAL VIEWPORT DOESN’T EXIST https://viewports.fyi/ A quick introduction to CSS @scope https://www.bram.us/2023/08/22/a-quick-introduction-to-css-scope/ Scroll shadows with animation-timeline https://daverupert.com/2023/08/animation-timeline-scroll-shadows/ Release Notes for Safari Technology Preview 177 https://webkit.org/blog/14412/release-notes-for-safari-technology-preview-177/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Things you forgot (or never knew) because of React https://joshcollinsworth.com/blog/antiquated-react Four new CSS features for smooth entry and exit animations https://developer.chrome.com/blog/entry-exit-animations/ CSS Selectors: A Visual Guide https://fffuel.co/css-selectors/ An Overview of CSS Sizing Units https://www.sitepoint.com/css-sizing-units/ Optimizing speed on eBay.com https://medium.com/@addyosmani/shopping-for-speed-on-ebay-com-6229711d7573 Can We Query the Root Container? https://www.oddbird.net/2023/07/05/contain-root/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly How we reduced the size of our JavaScript bundles by 33% https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent htmx is part of the GitHub Accelerator! https://htmx.org/posts/2023-06-06-htmx-github-accelerator/ You don't (may not) need Lodash/Underscore https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme Welcome to the Missing Manual for three.js! https://discoverthreejs.com/ JSX without React https://chriscoyier.net/2023/08/07/jsx-without-react/ You’ve Got Options for Removing Event Listeners https://www.macarthur.me/posts/options-for-removing-event-listeners Prepare your Firefox desktop extension for the upcoming Android release https://blog.mozilla.org/addons/2023/08/10/prepare-your-firefox-desktop-extension-for-the-upcoming-android-release/ Croner - Cron for JavaScript and TypeScript https://github.com/hexagon/croner Linkify 4.1: Link Up URLs, Email Addresses, and More in Plain Text https://linkify.js.org/ deno_python: Python Interpreter Bindings for Deno https://github.com/denosaurs/deno_python Tagger: Zero dependency, Vanilla JavaScript Tag Editor https://github.com/jcubic/tagger JavaScript Algorithms and Data Structures https://github.com/trekhleb/javascript-algorithms Proto Tree: A Way to Observe the JS Prototype Chain https://weizmangal.com/ProtoTree/?filters=XMLHttpRequest Create badass, fluid and smooth transitions between your website’s pages. https://barba.js.org/ Barcode scanning for web apps https://strich.io/ #Script: A JS-Inspired Scripting Language for .NET https://sharpscript.net/ Fast path finding for arbitrary graphs https://github.com/anvaka/ngraph.path Using TypeScript in react https://react.dev/learn/typescript Blogged Answers: My Experience Modernizing Packages to ESM https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/ Where Should I Put My Components In The App Router? https://www.pronextjs.dev/where-should-i-put-my-components-in-the-app-router Radix UI: Unstyled Accessible Components to Build on Top Of https://www.radix-ui.com/ Comparing Optics with Jotai https://unfocused.blog/posts/comparing-optics-with-jotai Building a Two-Way Data Binding Hook for Form Inputs in React https://www.macarthur.me/posts/binding-input-state-in-react Making the Case for Signals in JavaScript https://dev.to/this-is-learning/making-the-case-for-signals-in-javascript-4c7i The Evolution of Signals in JavaScript https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob Qwik 1.2.7 is Out! 🥳 https://github.com/BuilderIO/qwik/releases Deploy a Qwik project on Vercel https://www.youtube.com/watch?v=4GBjQG7TgAE --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Beginner’s guide to lists and how to make them accessible https://blog.pope.tech/2022/09/01/accessible-lists-and-tables/ testing your animation refresh rate with css crimes?? https://cohost.org/lunasorcery/post/2465593-testing-your-animati What is alt text? https://alttexthalloffame.org/ It’s time to end damaging website design practices that may harm your users https://ico.org.uk/about-the-ico/media-centre/news-and-blogs/2023/08/it-s-time-to-end-damaging-website-design-practices-that-may-harm-your-users/ Four new CSS features for smooth entry and exit animations https://developer.chrome.com/blog/entry-exit-animations/ An Overview of CSS Sizing Units https://www.sitepoint.com/css-sizing-units/ Maker of Chrome extension with 300,000+ users tells of constant pressure to sell out https://www.theregister.com/2023/08/11/chrome_extension_developer_pressure/ A Fancy Hover Effect For Your Avatar II https://css-tip.com/avatar-hover-effect-2/ User-adaptive interfaces with AccentColor https://fullystacked.net/posts/accentcolor/ Bringing Sharp to WebAssembly and WebContainers https://blog.stackblitz.com/posts/bringing-sharp-to-wasm-and-webcontainers/ Drawing a cute character with CSS https://www.youtube.com/watch?v=MPodL1_JnLc Prepare your Firefox desktop extension for the upcoming Android release https://blog.mozilla.org/addons/2023/08/10/prepare-your-firefox-desktop-extension-for-the-upcoming-android-release/ Introducing the energy saving concept of Lower Carbon Graphics https://www.bbc.co.uk/rd/blog/2023-08-sustainability-energy-saving-radio-tv-led-graphics oddcontrast https://www.oddcontrast.com/#oklch__oklch(0.3259_0.1333_265.49)__oklch(0.8241_0.1061_0.8587) Download, Customize, Edit and Personalize. Over 180k+ open source icons https://iconbuddy.app/ visual CMS that makes it a blast to build pages https://primocms.org/ Open-source favicon provider https://github.com/twentyhq/favicon Beautiful components for your AI projects https://www.langui.dev/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Next Generation of Web Layouts https://www.zeldman.com/2023/08/04/the-next-generation-of-web-layouts/ A Blog Post With Every HTML Element https://www.patrickweaver.net/blog/a-blog-post-with-every-html-element/ The virtual keyboard API https://ishadeed.com/article/virtual-keyboard-api/ A FUTURE OF THEMES WITH CSS CONTAINER STYLE QUERIES https://chriskirknielsen.com/blog/future-themes-with-container-style-queries/ Release Notes for Safari Technology Preview 176 https://webkit.org/blog/14401/release-notes-for-safari-technology-preview-176/ Progressively Enhanced Form Validation, Part 1: HTML and CSS https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-1-html-and-css/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Blogged Answers: My Experience Modernizing Packages to ESM https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/ Things you forgot (or never knew) because of React https://joshcollinsworth.com/blog/antiquated-react Bringing Sharp to WebAssembly and WebContainers https://blog.stackblitz.com/posts/bringing-sharp-to-wasm-and-webcontainers/ A compilation of outstanding testing articles (with JavaScript) https://practica.dev/blog/a-compilation-of-outstanding-testing-articles-with-javaScript/ HTMX: The Game-Changing Alternative to React https://www.youtube.com/watch?v=DuGyH5RvfbY Node.js's Config Hell Problem https://deno.com/blog/node-config-hell Using Document Picture-in-Picture and Insertable Streams APIs to record your screen and camera https://www.getcontrast.io/learn/using-document-picture-in-picture-and-insertable-streams-apis-to-record-your-screen-and-camera Build and Deploy a Full Stack MERN Next.js 13 Threads App | React, Next JS, TypeScript, MongoDB