The weekly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Weird HTML Hacks https://tedium.co/2023/11/24/weird-html-hacks-history/ Psychology of Speed: A Guide to Perceived Performance https://calibreapp.com/blog/perceived-performance A Few Ways CSS Is Easier To Write In 2023 https://www.smashingmagazine.com/2023/11/few-ways-css-easier-write-2023/ Hollow text hover effect with only three lines of CSS https://www.amitmerchant.com/hollow-text-hover-effect-with-only-three-lines-of-css/ The `hanging-punctuation` property in CSS https://chriscoyier.net/2023/11/27/the-hanging-punctuation-property-in-css/ Web Components Eliminate JavaScript Framework Lock-in https://jakelazaroff.com/words/web-components-eliminate-javascript-framework-lock-in/ Preventing Scroll “Bounce” with CSS https://css-irl.info/preventing-overscroll-bounce-with-css/ Resource Loading at the Cutting Edge https://www.youtube.com/watch?v=MV034VqHv5Q CSS Animations with No-Code https://cssanimotion.pages.dev/ ai2html is an open-source script for Adobe Illustrator that converts your Illustrator documents into html and CSS. http://ai2html.org/ Spectral.js: A Painterly Color Mixing Library https://github.com/rvanwijnen/spectral.js Trace Pixels To Vectors in Full Color https://vectorizer.ai/ Use requestAnimationFrame as an async iterable, in any JavaScript environment https://github.com/sindresorhus/request-animation-frames A lightweight, and easy-to-use, JavaScript library for code syntax highlighting! https://github.com/williamtroup/Syntax.js -------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node.js Download Statistics https://nodedownloads.nodeland.dev/ Node v20.10.0 (LTS) https://nodejs.org/en/blog/release/v20.10.0 A simple WebSocket benchmark in JavaScript: Node.js versus Bun https://lemire.me/blog/2023/11/25/a-simple-websocket-benchmark-in-javascript-node-js-versus-bun/ Simple, unobtrusive authentication for Node.js https://www.passportjs.org/ a simple, extremely fast, extensible Node.js client for interacting with AWS services. https://aws-lite.org/ Knip finds unused files, dependencies and exports in your JavaScript and TypeScript projects https://github.com/webpro/knip Configuration: custom user agent string# https://neutralino.js.org/docs/release-notes/framework/#v4150 ES2015 tagged template string for preparing SQL statements. https://github.com/blakeembrey/sql-template-tag --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Getting started with CSS container queries https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ An Interactive Guide to CSS Grid https://www.joshwcomeau.com/css/interactive-guide-to-grid/ Shadow DOM is for hiding your shame https://tess.oconnor.cx/2023/11/shadow-dom Drawing Raindrops with CSS Gradients and Masks https://css-irl.info/drawing-raindrops-with-css-gradients-and-masks/ The Best CSS Background Patterns for Your Next Project https://designerfeed.org/css-background-patterns/ Release Notes for Safari Technology Preview 183 https://webkit.org/blog/14769/release-notes-for-safari-technology-preview-183/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 An Interactive Guide to CSS Grid https://joshwcomeau.com/css/interactive-guide-to-grid/ AN ATTEMPTED TAXONOMY OF WEB COMPONENTS https://www.zachleat.com/web/a-taxonomy-of-web-component-types/ Getting started with CSS container queries https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ Your Website’s URLs Can and Should Be Beautiful https://opuszine.us/posts/your-websites-urls-can-should-be-beautiful Totally remdom, or How browsers zoom text https://matuzo.at/blog/2023/how-browsers-zoom-text Cascade Layers, CSS Functions, and more CSS with Miriam Suzanne https://shoptalkshow.com/591/ reveal.js 5.0 https://github.com/hakimel/reveal.js/releases/tag/5.0.0 5 Formatting Techniques for Long-Form Content https://www.nngroup.com/articles/formatting-long-form-content/ A super simple site crawler and broken link checker. https://github.com/JustinBeckwith/linkinator A11y - Focus Order https://www.figma.com/community/plugin/731310036968334777/a11y-focus-order Colour Contrast Checker https://colourcontrast.cc/ AutoDraw: An Online Drawing Tool That Guesses What You're Trying to Draw https://autodraw.com/ HTML template as entry point https://github.com/webdiscus/html-bundler-webpack-plugin --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 A Node + TypeScript + ts-node + ESM experience that works. https://gist.github.com/khalidx/1c670478427cc0691bda00a80208c8cc Node.js 20.x runtime now available in AWS Lambda https://aws.amazon.com/blogs/compute/node-js-20-x-runtime-now-available-in-aws-lambda/ Exploring V8's strings: implementation and optimizations https://iliazeus.github.io/articles/js-string-optimizations-en/ How to use NPM packages outside of Node https://neon.tech/blog/using-npm-packages-outside-node How to Optimize MongoDB Performance for Node.js https://blog.appsignal.com/2023/11/15/how-to-optimize-mongodb-performance-for-nodejs.html A JavaScript PDF generation library for Node and the browser. https://pdfkit.org/ github-script 7.0: Script the GitHub API in Actions Workflows https://github.com/actions/github-script 🚀 Generic CLI tool to automate versioning and package publishing https://github.com/release-it/release-it minimal h(ttp) framework built for high performance and portability. https://github.com/unjs/h3 A super simple site crawler and broken link checker. https://github.com/JustinBeckwith/linkinator --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 HTML Web Components https://blog.jim-nielsen.com/2023/html-web-components/ When to use CSS text-wrap: balance; vs text-wrap: pretty; https://blog.stephaniestimac.com/posts/2023/10/css-text-wrap/ Step into the light (DOM) https://aaadaaam.com/notes/step-into-the-light-dom/ Totally remdom, or How browsers zoom text https://www.matuzo.at/blog/2023/how-browsers-zoom-text Complex MPA View Transitions https://tylergaw.com/blog/complex-mpa-view-transitions/ The New CSS Math: rem() and mod() https://danielcwilson.com/posts/mathematicss-rem-mod/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! https://prettier.io/blog/2023/11/13/3.1.0 Explicit Resource Management: Exploring JavaScript's and TypeScript's new feature https://iliazeus.github.io/articles/js-explicit-resource-management-en/ HTML Web Components https://blog.jim-nielsen.com/2023/html-web-components/ Lightweight Javascript Framework Review (For Django Developers) https://saashammer.com/blog/lightweight-javascript-framework-review-for-django-developers/ The Event Loop in 3 Minutes https://www.youtube.com/watch?v=4D-LDm8w8_Y 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know https://alan.norbauer.com/articles/browser-debugging-tricks Exploring V8's strings: implementation and optimizations https://iliazeus.github.io/articles/js-string-optimizations-en/ Angular 17 - New Build-In Control Flow Overview 🚀 https://www.youtube.com/watch?v=DOffmVeBk0o Moving back to React https://daily.dev/blog/moving-back-to-react My Journey to 3x Faster Builds: Trimming Barrel File Imports https://blog.vramana.com/posts/barrel_files_slow_build/ Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit https://labzero.com/blog/can-bun-eat-node-js-s-lunch-testing-the-trendy-toolkit How to use NPM packages outside of Node https://neon.tech/blog/using-npm-packages-outside-node JavaScript Gaussian Splatting library https://github.com/dylanebert/gsplat.js reveal.js 5.0 https://github.com/hakimel/reveal.js/releases/tag/5.0.0 React Datasheet Grid https://react-datasheet-grid.netlify.app/ Draw perfect pressure-sensitive freehand lines. https://github.com/steveruizok/perfect-freehand 🤠 Object property paths with wildcards and regexps. 🌵 https://github.com/ehmicky/wild-wild-path @storybook-test: more streamlined and powerful testing https://storybook.js.org/blog/storybook-test/ Nx 17.0 Has Landed!!! https://www.youtube.com/watch?v=1Z0iA9K1o8M Simplifying Server Components https://portal.gitnation.org/contents/simplifying-server-components My Journey to 3x Faster Builds: Trimming Barrel File Imports https://blog.vramana.com/posts/barrel_files_slow_build/ NextJS 14: You Missed The Best Part! https://www.youtube.com/watch?v=xoVpFAXBats --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 A faster web in 2024 https://rviscomi.dev/2023/11/a-faster-web-in-2024/ HTML Web Components https://blog.jim-nielsen.com/2023/html-web-components/ Designing Web Design Documentation https://www.smashingmagazine.com/2023/11/designing-web-design-documentation/ Surprising Facts About New CSS Selectors https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/ Mastering DOM manipulation with vanilla JavaScript https://phuoc.ng/collection/html-dom/ Moving back to React https://daily.dev/blog/moving-back-to-react Modern frontend testing with Vitest, Storybook, and Playwright https://www.defined.net/blog/modern-frontend-testing/ URL explained - The Fundamentals https://ittavern.com/url-explained-the-fundamentals/ Perfect-Freehand https://www.perfectfreehand.com/ Scroll-timeline Polyfill https://github.com/flackr/scroll-timeline#scroll-timeline-polyfill A collection of css-only ribbon shapes https://css-generators.com/ribbon-shapes/ 1000+ free HTML templates https://htmlrev.com/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node.js CLI Apps Best Practices https://github.com/lirantal/nodejs-cli-apps-best-practices#nodejs-cli-apps-best-practices Node.js Collab Summit 2023 https://www.youtube.com/playlist?list=PLyspMSh4XhLMSx9Bcdnt1aU1WdRnk3mZy#collabsummit Can Bun Eat Node.js’s Lunch? Testing the Trendy Toolkit https://labzero.com/blog/can-bun-eat-node-js-s-lunch-testing-the-trendy-toolkit Secure Code Review Tips to Defend Against Vulnerable Node.js Code https://www.nodejs-security.com/blog/secure-code-review-tips-to-defend-against-vulnerable-nodejs-code Deploying Node.js applications with PM2 on Vultr https://developer.mozilla.org/en-US/blog/deploying-node-js-applications-with-pm2-on-vultr/ 🤠 Object property paths with wildcards and regexps. 🌵 https://github.com/ehmicky/wild-wild-path User-friendly glob matching https://github.com/sindresorhus/globby JavaScript library that parses a cron expression and outputs a human readable description https://github.com/bradymholt/cRonstrue HyperExpress: High Performance Node.js Webserver https://github.com/kartikk221/hyper-express#hyperexpress-high-performance-nodejs-webserver Run any command on specific Node.js versions. https://github.com/ehmicky/nve wait-on - wait for files, ports, sockets, http(s) resources https://github.com/jeffbski/wait-on#wait-on---wait-for-files-ports-sockets-https-resources --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 (Don’t) Mind the Gap https://css-irl.info/dont-mind-the-gap/ Surprising Facts About New CSS Selectors https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/ CSS nesting relaxed syntax update https://developer.chrome.com/blog/css-nesting-relaxed-syntax-update/ View transitions and stacking context: Why does my CSS View Transition ignore z-index? https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type/ 0 KB Social Media Embeds https://chriscoyier.net/2023/11/01/0-kb-social-media-embeds/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Introducing Angular v17 https://blog.angular.io/introducing-angular-v17-4d7033312e4b Mastering DOM manipulation with vanilla JavaScript https://phuoc.ng/collection/html-dom/ Why Signals Are Better Than React Hooks https://www.youtube.com/watch?v=SO8lBVWF2Y8 How to Do a TypeScript Conversion https://v5.chriskrycho.com/journal/how-to-do-a-typescript-conversion/ Headless Component: a pattern for composing React UIs https://martinfowler.com/articles/headless-component.html JetBrains JavaScript Day 2023 https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT WRITING COMPONENTS THAT WORK IN ANY FRONTEND FRAMEWORK https://component-odyssey.com/articles/01-writing-components-that-work-in-any-framework Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable https://github.com/daybrush/moveable Get the dimensions of an image https://github.com/sindresorhus/image-dimensions Fast and consistently responsive apps using a single function call https://github.com/astoilkov/main-thread-scheduling Introducing React components for the Maps JavaScript API https://cloud.google.com/blog/products/maps-platform/introducing-react-components-for-the-maps-javascript-api/ Capture screenshots of websites https://github.com/sindresorhus/capture-website Fast, composable, unstyled command menu for Svelte. https://www.cmdk-sv.com/ React to Ship Source Maps for Production Build Artifacts https://github.com/facebook/react/pull/26446 React Server Components, without a framework? https://timtech.blog/posts/react-server-components-rsc-no-framework/ Why You Want Need React Query https://tkdodo.eu/blog/why-you-want-react-query re-re-reselect — Simplifying React state management https://causal.app/blog/re-re-reselect Building a drawer component https://emilkowal.ski/ui/building-a-drawer-component How to Build a Server-Side React App Using Vite and Express https://thenewstack.io/how-to-build-a-server-side-react-app-using-vite-and-express/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 How Core Web Vitals saved users 10,000 years of waiting for web pages to load https://blog.chromium.org/2023/11/how-core-web-vitals-saved-users-10000.html Splitting within Selects https://adrianroselli.com/2023/10/splitting-within-selects.html Addressing Accessibility Concerns With Using Fluid Type https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type/ Minimalist Affordances: Making the right tradeoffs https://lea.verou.me/blog/2023/minimalist-affordances/ CSS prefers-reduced-transparency https://developer.chrome.com/blog/css-prefers-reduced-transparency/ AI as a UX Assistant https://www.nngroup.com/articles/ai-roles-ux/ Why You Should Use px Units for margin, padding, & Other Spacing Techniques https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques Why We Need a "Green" Perf Metric https://www.youtube.com/watch?v=DXX4hkV7XOI Testing with Intent: a Path to Embedded Accessibility https://blog.scottlogic.com/2023/11/06/testing-with-intent-a-path-to-embedded-accessibility.html Better dynamic themes in Tailwind with OKLCH color magic https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic What Exactly is “Modern” CSS? https://geoffgraham.me/what-exactly-is-modern-css/ Buttons you'll Love https://www.buttons.cool/ Introducing React components for the Maps JavaScript API https://cloud.google.com/blog/products/maps-platform/introducing-react-components-for-the-maps-javascript-api/ A Drag-and-Drop library for all JavaScript frameworks https://www.dflex.dev/ Capture screenshots of websites https://github.com/sindresorhus/capture-website Shots: A Full-Featured Device Mockup Tool https://shots.so/ A WebGL Fluid Simulation https://paveldogreat.github.io/WebGL-Fluid-Simulation/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 How Core Web Vitals saved users 10,000 years of waiting for web pages to load https://blog.chromium.org/2023/11/how-core-web-vitals-saved-users-10000.html Splitting within Selects https://adrianroselli.com/2023/10/splitting-within-selects.html Addressing Accessibility Concerns With Using Fluid Type https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type/ Minimalist Affordances: Making the right tradeoffs https://lea.verou.me/blog/2023/minimalist-affordances/ CSS prefers-reduced-transparency https://developer.chrome.com/blog/css-prefers-reduced-transparency/ AI as a UX Assistant https://www.nngroup.com/articles/ai-roles-ux/ Why You Should Use px Units for margin, padding, & Other Spacing Techniques https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques Why We Need a "Green" Perf Metric https://www.youtube.com/watch?v=DXX4hkV7XOI Testing with Intent: a Path to Embedded Accessibility https://blog.scottlogic.com/2023/11/06/testing-with-intent-a-path-to-embedded-accessibility.html Better dynamic themes in Tailwind with OKLCH color magic https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic What Exactly is “Modern” CSS? https://geoffgraham.me/what-exactly-is-modern-css/ Buttons you'll Love https://www.buttons.cool/ Introducing React components for the Maps JavaScript API https://cloud.google.com/blog/products/maps-platform/introducing-react-components-for-the-maps-javascript-api/ A Drag-and-Drop library for all JavaScript frameworks https://www.dflex.dev/ Capture screenshots of websites https://github.com/sindresorhus/capture-website Shots: A Full-Featured Device Mockup Tool https://shots.so/ A WebGL Fluid Simulation https://paveldogreat.github.io/WebGL-Fluid-Simulation/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 A curated list of awesome Node.js Security resources. https://github.com/lirantal/awesome-nodejs-security Get the dimensions of an image https://github.com/sindresorhus/image-dimensions Building AI Applications with LangChain and Node.js https://developer.salesforce.com/blogs/2023/11/building-ai-applications-with-langchain-and-node-js Is Text or Binary? https://github.com/bevry/istextorbinary build regular expressions in almost natural language https://github.com/francisrstokes/super-expressive Log by overwriting the previous output in the terminal. https://github.com/sindresorhus/log-update Easy to use WebRTC data channels and media transport https://github.com/murat-dogan/node-datachannel Cloud SQL Node.js Connector https://github.com/GoogleCloudPlatform/cloud-sql-nodejs-connector --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Select element: now with horizontal rules https://developer.chrome.com/en/blog/hr-in-select/ What Exactly is “Modern” CSS? https://geoffgraham.me/what-exactly-is-modern-css/ Splitting within Selects https://adrianroselli.com/2023/10/splitting-within-selects.html Release Notes for Safari Technology Preview 182 https://webkit.org/blog/14764/release-notes-for-safari-technology-preview-182/ A Couple of New CSS Functions I’d Never Heard Of https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of/ Messing About with CSS Gradients https://css-irl.info/messing-about-with-css-gradients/ Scroll-Driven State Transfer https://kizu.dev/scroll-driven-state-transfer/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Next.js 14 https://nextjs.org/blog/next-14 Remix ❤️ Vite https://remix.run/blog/remix-heart-vite Speeding up the JavaScript ecosystem - Tailwind CSS https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-8/ A new way to bring garbage collected programming languages efficiently to WebAssembly https://v8.dev/blog/wasm-gc-porting Your website does not need JavaScript https://www.youtube.com/watch?v=wKU65gV6FSA Building a Generic RSS Parser Service with Cloudflare Workers https://www.raymondcamden.com/2023/10/31/building-a-generic-rss-parser-service-with-cloudflare-workers Can Next.js Handle 5000 Pages? https://dev.to/codebeast/can-nextjs-handle-5000-pages-1ejn Wire Your Ideas with Svelte Flow https://svelteflow.dev/ Announcing Docusaurus 3.0 https://docusaurus.io/blog/releases/3.0 Hotkey 2.2: Declarative Keyboard Shortcuts for HTML https://github.com/github/hotkey Is Text or Binary? https://github.com/bevry/istextorbinary <BROWSER-WINDOW> WEB COMPONENT https://www.zachleat.com/web/browser-window/ Parse JSON without risk of losing numeric information. https://github.com/josdejong/lossless-json Vueform is Now Open-Source 🔥 https://vueform.com/news/20231020-vueform-is-now-open-source state-of-react 2023 https://survey.devographics.com/en-US/survey/state-of-react/2023 Why I Won't Use Next.js https://www.epicweb.dev/why-i-wont-use-nextjs Let's prototype a JavaScript JIT compiler! https://www.youtube.com/watch?v=8mxubNQC5O8 Web Components Will Outlive Your JavaScript Framework https://jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/ Speeding up the JavaScript ecosystem - The barrel file debacle https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 <BROWSER-WINDOW> WEB COMPONENT https://www.zachleat.com/web/browser-window/ Reality Check #1: Building out a furniture site from Dribbble https://set.studio/reality-check-1-building-out-a-furniture-site-from-dribbble/ Answering Common Questions About Interpreting Page Speed Reports https://www.smashingmagazine.com/2023/10/answering-questions-interpreting-page-speed-reports/ You're Gonna Need A Bigger Browser https://berjon.com/bigger-browser/ WebKit Features in Safari 17.1 https://webkit.org/blog/14735/webkit-features-in-safari-17-1/ The New CSS Math: rem() and mod() https://danielcwilson.com/posts/mathematicss-rem-mod/ Your website does not need JavaScript https://www.youtube.com/watch?v=wKU65gV6FSA Let’s reinvent the wheel https://vasilis.nl/nerd/lets-reinvent-the-wheel/ Naming Variables In CSS https://jwdallas.com/posts/namingcssvariables/ Exit Animations https://chriscoyier.net/2023/10/30/exit-animations/ How Bear does analytics with CSS https://herman.bearblog.dev/how-bear-does-analytics-with-css/ Making Music with Google Sheets and Web MIDI API https://www.asepbagja.com/programming/making-music-with-google-sheets/ Announcing Docusaurus 3.0 https://docusaurus.io/blog/releases/3.0 A collection of free single-purpose online tools for web developers... https://tiny-helpers.dev/ An automatic, customisable, overridable Tailwind dark mode plugin https://nightwindcss.com/ Experience Effortless Color Conversion for Tailwind with TailwindMate https://tailwindmate.jaleelbennett.com/ The "Apple Siri" wave replicated in pure Javascript using the Canvas API. https://github.com/kopiro/siriwave --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node v21.1.0 (Current) https://nodejs.org/en/blog/release/v21.1.0 Node v20.9.0 (LTS) https://nodejs.org/en/blog/release/v20.9.0 Goodbye, Node.js Buffer https://sindresorhus.com/blog/goodbye-nodejs-buffer Is Express still "de-facto" for building Node back ends? https://news.ycombinator.com/item?id=38059004 high-performance SVG renderer and toolkit https://github.com/yisibl/resvg-js Express Slow Down https://github.com/express-rate-limit/express-slow-down#-express-slow-down- ImapFlow is a modern and easy-to-use IMAP client library for Node.js. https://imapflow.com/ 🔰🦸 Production-ready template for backends created with Node.js, Typescript and Express https://github.com/borjapazr/express-typescript-skeleton#---production-ready-template-for-backends-created-with-nodejs-typescript-and-express Tiny hashing module that uses the native crypto API in Node.js and the browser https://github.com/sindresorhus/crypto-hash --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 CSS text-wrap: pretty https://developer.chrome.com/blog/css-text-wrap-pretty/ Naming Variables In CSS https://jwdallas.com/posts/namingcssvariables/ Link colors and the rule of tincture https://tess.oconnor.cx/2023/10/heraldic-link-colors CodePen Single div CSS terminal https://codepen.io/lynnandtonic/pen/OJdMNvO Scroll-Driven State Transfer https://kizu.dev/scroll-driven-state-transfer/ --------------------- For more- subscribe to the channel https://t.me/webWekkly