ch
Feedback
The weekly

The weekly

前往频道在 Telegram

In this channel, you will get weekly update for node, CSS, js, and frontend (filtered from the most useful newsletters) ...

显示更多
1 114
订阅者
无数据24 小时
+47
-130
帖子存档
Front-End Front Top Stories CSS border animations https://web.dev/css-border-animations/ :has(): the family selector https://developer.chrome.com/blog/has-m105/ Fluid Sizing Instead Of Multiple Media Queries? https://www.smashingmagazine.com/2022/08/fluid-sizing-multiple-media-queries/ Release Notes for Safari Technology Preview 150 https://webkit.org/blog/13066/release-notes-for-safari-technology-preview-150/ Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers https://css-tricks.com/exploring-css-grids-implicit-grid-and-auto-placement-powers/ The Ballad of Text Overflow https://www.tpgi.com/the-ballad-of-text-overflow/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly JS1024 2022 Competition Winners https://js1024.fun/results/2022 Announcing Docusaurus 2.0 https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0 Electron 20.0.0 https://www.electronjs.org/blog/electron-20-0 Checking if a JavaScript native function is monkey patched https://mmazzarolo.com/blog/2022-07-30-checking-if-a-javascript-native-function-was-monkey-patched/ Matt Mueller: Building Modern Web Applications Faster With Bud https://goingwithgo.com/2022/08/matt-mueller-building-modern-web-applications-faster-with-bud/ 500ms to 1.7ms In React: A Journey And A Checklist https://orizens.com/blog/500ms-to-1-7ms-in-react-a-journey-and-a%20checklist/ Parsing command line arguments with util.parseArgs() in Node.js https://2ality.com/2022/08/node-util-parseargs.html Vue Grid Layout https://jbaysolutions.github.io/vue-grid-layout/ ⛑️ JSON serialization should never fail. https://github.com/ehmicky/safe-json-value High-performance Javascript color gradient library powered by Rust + WebAssembly. https://github.com/mazznoer/colorgrad-js A lightweight carousel library with fluid motion and great swipe precision https://www.embla-carousel.com/ You want to make a native-looking wrapper for WhatsApp Web https://github.com/hsnaydd/buttono ts-version: Access the Current TypeScript Version from Types https://www.npmjs.com/package/@phryneas/ts-version Setting up a Mac for Development https://dev.to/w3cj/setting-up-a-mac-for-development-3g4c Building a Web server in Bash, part I - sockets https://dev.to/leandronsp/building-a-web-server-in-bash-part-i-sockets-2n8b Expo SDK 46 https://blog.expo.dev/expo-sdk-46-c2a1655f63f7 React Starter Kit (★21k) switched from Webpack to Vite https://www.reddit.com/r/reactjs/comments/w9ki8d/react_starter_kit_21k_switched_from_webpack_to/?ck_subscriber_id=234651073 React JS Tutorial – Build a Weather App With Cities Autocomplete https://www.youtube.com/watch?v=Reny0cTTv24 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Introducing the new npm Dependency Selector Syntax https://github.blog/changelog/2022-08-03-introducing-the-new-npm-dependency-selector-syntax/ Electron 20.0.0 https://www.electronjs.org/blog/electron-20-0 The Node ecosystem (still) has tooling problems https://maxleiter.com/blog/node-has-tooling-problems I Made A MULTIPLAYER Game in MICROSOFT WORD! | Devlog https://www.youtube.com/watch?v=87nzxrRFq8U DIY node_modules cache for Docker in your CI https://remelehane.dev/posts/diy-node-cache-for-docker-ci/ colorgrad: High-Performance, Rust-Powered Color Gradient Library https://github.com/mazznoer/colorgrad-js Queueing jobs in Node.js using PostgreSQL like a boss. https://github.com/timgit/pg-boss Nativefier: Make Any Web Page a Desktop App https://github.com/nativefier/nativefier Awesome SaaS Boilerplates: Boilerplate Apps for Various Stacks https://github.com/smirnov-am/awesome-saas-boilerplates ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Finer grained control over CSS transforms with individual transform properties https://web.dev/css-individual-transform-properties/ Fluid Sizing Instead Of Multiple Media Queries? https://www.smashingmagazine.com/2022/08/fluid-sizing-multiple-media-queries/ Announcing Docusaurus 2.0 https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0 Google postpones Chrome's third-party cookie bonfire yet again https://www.theregister.com/2022/07/28/google_postpones_thirdparty_cookie_phaseout/ Solving “The Dangler” Conundrum with Container Queries and :has() https://daverupert.com/2022/07/solving-the-dangler-conundrum-with-has-and-container-queries Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers https://css-tricks.com/exploring-css-grids-implicit-grid-and-auto-placement-powers/ Testable Frontend: The Good, The Bad And The Flaky https://www.smashingmagazine.com/2022/07/testable-frontend-architecture/ Recreating MDN’s Truncated Text Effect https://css-tricks.com/recreating-mdns-truncated-text-effect/ A tiny library to glitch images on the web. https://7ph.github.io/powerglitch/#/ Embla Carousel https://www.embla-carousel.com/ placeholders for your designs https://www.uifiller.com/ Awesome Static Web Site Generators https://github.com/myles/awesome-static-generators ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Help pick a syntax for CSS nesting https://developer.chrome.com/blog/help-css-nesting/ <article> vs. <section>: How To Choose The Right One https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility/ Solving “The Dangler” Conundrum with Container Queries and :has() https://daverupert.com/2022/07/solving-the-dangler-conundrum-with-has-and-container-queries Recreating MDN’s Truncated Text Effect https://css-tricks.com/recreating-mdns-truncated-text-effect/ A good reset https://www.trysmudford.com/blog/a-good-reset/ Detecting CSS Selector Support with JavaScript https://matthiasott.com/notes/detecting-css-selector-support-with-javascript

JavaScript Weekly Roll your own JavaScript runtime https://deno.com/blog/roll-your-own-javascript-runtime Bun: A Complete Overhaul of the JavaScript Ecosystem https://www.lunasec.io/docs/blog/bun-first-look/ JSON Creator Douglas Crockford Interview https://evrone.com/douglas-crockford-interview 15 Common Beginner JavaScript Mistakes https://www.jamesqquick.com/blog/15-common-beginner-javascript-mistakes Everything You Need to Know About JavaScript Import Maps https://www.honeybadger.io/blog/import-maps/ Misko Hevery on Why Qwik Will Improve JavaScript Frameworks https://thenewstack.io/misko-hevery-on-why-qwik-will-improve-javascript-frameworks/ Extract parameter types from string literal types with TypeScript https://lihautan.com/extract-parameters-type-from-string-literal-types-with-typescript/ Deeper testing of Bun's performance and compatibility against Node.js https://techsparx.com/nodejs/bun/speed-test.html Node.js: creating ESM-based shell scripts for Unix and Windows https://2ality.com/2022/07/nodejs-esm-shell-scripts.html All-in-one serverless JavaScript runtime https://blueboat.io/ A fully featured Svelte UI component library. https://skeleton.brainandbonesllc.com/ simplex-noise.js 4.0: A Fast Simplex Noise Implementation https://github.com/jwagner/simplex-noise.js Examples of large production-grade, open-source React apps https://maxrozen.com/examples-of-large-production-grade-open-source-react-apps Mantine 5.0: Full Featured React Component Library https://mantine.dev/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Help pick a syntax for CSS nesting https://developer.chrome.com/blog/help-css-nesting/ <article> vs. <section>: How To Choose The Right One https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility/ I Regret My $46k Website Redesign https://mtlynch.io/tinypilot-redesign/ A search engine for developers. https://beta.sayhello.so/ Understanding CSS :has() https://www.youtube.com/watch?v=axkefJvfS9U Priority Hints - What Your Browser Doesn’t Know (Yet) https://www.etsy.com/codeascraft/priority-hints-what-your-browser-doesnt-know-yet How to make your multilingual website suitable for RTL with only HTML and CSS https://www.voorhoede.nl/en/blog/how-to-multilingual-website-rtl-html-css/ With :focus-visible, you can have focus styles when it makes sense https://hidde.blog/focus-visible-more-than-keyboard/ Flexbox Playground A web app for exploring Flexbox https://flexbox.tech/ Impress.js 2.0: Create Presentations with CSS and HTML https://github.com/impress/impress.js/releases/tag/v2.0.0 Resource Hint Validator: A Tool To Check if Resource Hints Are Working Correctly https://www.debugbear.com/resource-hint-validator 🎆 Fireworks.js 2.0: It's Literally Fireworks for Your Web Page https://fireworks.js.org/ TanStack Table v8: Headless UI for Building Tables and Datagrids https://tanstack.com/table/v8 Atropos: Create Touch-Friendly 3D Parallax Hover Effects https://atroposjs.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks https://blog.risingstack.com/redwoodjs-vs-blitzjs-comparison/ The 10 Most Common JavaScript Issues Developers Face https://www.toptal.com/javascript/10-most-common-javascript-mistakes JavaScript SDK “Package Size is Massive” - So we reduced it by 29% https://blog.sentry.io/2022/07/19/javascript-sdk-package-reduced Payload 1.0: A Headless CMS Platform Built on Node https://payloadcms.com/blog/payload-launches-version-1 Integer math in JavaScript https://james.darpinian.com/blog/integer-math-in-javascript JavaScript Obfuscation Techniques by Example https://www.trickster.dev/post/javascript-obfuscation-techniques-by-example/ JavaScript AST manipulation with Babel: the first steps https://www.trickster.dev/post/javascript-ast-manipulation-with-babel-the-first-steps/ Introduction to SvelteKit with Nacho Falk https://www.youtube.com/watch?v=oJqkhK_FkQ4 Fresh: Blazingly Fast React https://www.youtube.com/watch?v=Q4dos7-gX68 Tweakpane 3.1: Compact UI Element for Tweaking Parameters and Viewing Value Changes https://cocopon.github.io/tweakpane/ fireworks.js. https://fireworks.js.org/ Superstate: A New 'Micro' State Management Library https://superstate.dev/ Headless UI for building powerful tables & datagrids https://tanstack.com/table/v8 Atropos: Create Touch-Friendly 3D Parallax Hover Effects https://atroposjs.com/ Reading Source Code: React https://alexkondov.com/readint-source-code-react/ A Look At Remix And The Differences With Next.js https://www.smashingmagazine.com/2022/07/look-remix-differences-next/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Working with file system paths on Node.js https://2ality.com/2022/07/nodejs-path.html Payload 1.0: A Headless CMS Platform Built on Node https://payloadcms.com/blog/payload-launches-version-1 An Introduction to Multithreading in Node.js https://blog.appsignal.com/2022/07/20/an-introduction-to-multithreading-in-nodejs.html Testing Bun's compatibility with Node.js and speed with a complex application https://techsparx.com/nodejs/bun/1st-trial.html Building attractive CLIs in TypeScript https://blog.terrible.dev/Building-attractive-CLIs-in-JavaScript/ A Look At Remix And The Differences With Next.js https://www.smashingmagazine.com/2022/07/look-remix-differences-next/ Check for outdated, incorrect, and unused dependencies. https://github.com/dylang/npm-check Etro: Video-Editing Framework for Browser and Node https://etrojs.dev/ Create a discord bot with TypeScript and Decorators! https://github.com/oceanroleplay/discord.ts css-browser-support: JS API to Query CSS Browser Support Data From caniuse.com and MDN https://github.com/5t3ph/css-browser-support ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Jeremy Keith | In And Out Of Style https://www.youtube.com/watch?v=CdZZcbZG83o Powerful Image Optimization Tools https://www.smashingmagazine.com/2022/07/powerful-image-optimization-tools/ Minimal Social Markup https://meiert.com/en/blog/minimal-social-markup/ Bootstrap 5.2.0 https://blog.getbootstrap.com/2022/07/19/bootstrap-5-2-0/ the many faces of themeable design systems https://bradfrost.com/blog/post/the-many-faces-of-themeable-design-systems/ Using Grids in Interface Designs https://www.nngroup.com/articles/using-grids-in-interface-designs/ 5 useful CSS properties that get no love https://www.youtube.com/watch?v=sNYVqfRwX1A Be the browser’s mentor, not its micromanager https://heypresents.com/talks/be-the-browser-s-mentor-not-its-micromanager A guide to frontend migrations https://frontendmastery.com/posts/frontend-migration-guide/ A Previous Sibling Selector https://blog.jim-nielsen.com/2022/previous-sibling-selector/ Free icons for your better UI https://humbleicons.com/ Vite 3.0 is out! https://vitejs.dev/blog/announcing-vite3.html css-browser-support: A JavaScript API to Query CSS Browser Support Data From caniuse.com and MDN https://github.com/5t3ph/css-browser-support Add-to-Calendar Button v1.11.2 https://jekuer.github.io/add-to-calendar-button/ Rety: Live Coding Without the Stress https://rety.verou.me/ Welcome to Code Language Converter! 🎉 https://codelanguageconverter.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Vite 3.0 is out! https://vitejs.dev/blog/announcing-vite3.html Rety: Live Coding Without the Stress https://rety.verou.me/ Node-RED 3.0 Released https://nodered.org/blog/2022/07/14/version-3-0-released Statements Vs. Expressions https://www.joshwcomeau.com/javascript/statements-vs-expressions/ Testing Bun's compatibility with Node.js and speed with a complex application https://techsparx.com/nodejs/bun/1st-trial.html Applying SOLID principles in React https://konstantinlebedev.com/solid-in-react/ Getting started with Vue composables https://blog.logrocket.com/getting-started-vue-composables/ Cassidy Williams – Functional Programming in JavaScript https://www.youtube.com/watch?v=XGNYDjyD6G8 I Made A ROLE-PLAYING Game in EXCEL! | Devlog https://www.youtube.com/watch?v=S9bK1VVQdkE Add-to-Calendar Button v1.11.0 https://jekuer.github.io/add-to-calendar-button/ Luxon is a library for working with dates and times in JavaScript. https://github.com/moment/luxon NestJS v9 is now available ! https://trilon.io/blog/nestjs-9-is-now-available Link Preview JS https://github.com/ospfranco/link-preview-js How to use Lottie animations & React JS? https://dev.to/franklin030601/how-to-use-lottie-animations-react-js-cn0 🚀 Absolutely Awesome React Components & Libraries https://github.com/brillout/awesome-react-components Migrating from Styleguidist to Storybook https://engineeringblog.yelp.com/2022/07/migrating-from-styleguidist-to-storybook.html We need to look deeper https://medium.com/wix-engineering/fake-cpu-count-for-nodejs-in-a-container-with-this-one-trick-f2d0470b4dac ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Custom ESM loaders: Who, what, when, where, why, how https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o NestJS v9 is now available ! https://trilon.io/blog/nestjs-9-is-now-available Node v18.6.0 (Current) https://nodejs.org/en/blog/release/v18.6.0/ How To Set Up a GraphQL API Server in Node.js https://www.taniarascia.com/graphql-server-node/ Optimizing Node.js dependencies in AWS Lambda https://aws.amazon.com/blogs/compute/optimizing-node-js-dependencies-in-aws-lambda/ Start a Microservice by Building a Simple Node js App From Scratch https://www.youtube.com/watch?v=t7T3zfWd5aI Node -red - Version 3.0 released https://nodered.org/blog/2022/07/14/version-3-0-released Open-Source Admin Panel for your Node.js Application https://adminjs.co/ bundlejs a quick npm package size checker https://bundlejs.com/ Deprank: Use PageRank to Find the Most Important Files in Your Codebase https://github.com/codemix/deprank ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The joy of Variable Fonts https://evilmartians.com/chronicles/the-joy-of-variable-fonts-getting-started-on-the-frontend Holograms, light-leaks and how to build CSS-only shaders. https://robbowen.digital/wrote-about/css-blend-mode-shaders/ Avoiding <img> layout shifts: aspect-ratio vs width & height attributes https://jakearchibald.com/2022/img-aspect-ratio/ Frontend Web Performance: The Essentials [1] https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-1-cb6513e1c3a1 Debug the web in 3D https://www.youtube.com/watch?v=LVb1Xzzd72w CSS COMPLEXITY: IT'S COMPLICATED https://www.projectwallace.com/blog/css-complexity Breaking Out of a Central Wrapper https://css-irl.info/breaking-out-of-a-central-wrapper/ paper-prototype-css https://edent.gitlab.io/paper-prototype-css/ CSS3 Maker https://www.toptal.com/developers/css3maker 474 open-source pixel-art style icons https://pixelarticons.com/ html-midi-player https://github.com/cifkao/html-midi-player A super simple site crawler and broken link checker. https://github.com/JustinBeckwith/linkinator Tailwind Cheat Sheet Extension https://chrome.google.com/webstore/detail/tailwind-cheat-sheet-exte/jmggagicdeomaenmjjlphbamdaeojcol ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Bun: An Exciting, Speedy New JavaScript Runtime https://bun.sh/ bundlejs a quick npm package size checker https://bundlejs.com/ Frontend Web Performance: The Essentials [1] https://medium.com/@matthew.costello/frontend-web-performance-the-essentials-1-cb6513e1c3a1 Chess Engines: A Zero to One https://www.chessengines.org/ The new wave of React state management https://frontendmastery.com/posts/the-new-wave-of-react-state-management/ Reimagining front-end web development with htmx and hyperscript https://nomadiq.hashnode.dev/reimagining-front-end-web-development-with-htmx-and-hyperscript How I built a software agency website with Next.js + Tailwind CSS https://www.youtube.com/watch?v=GznmPACXBlY Simplify your full-stack applications with XState https://blog.theodo.com/2022/07/simplify-your-applications-with-xstate/ Learn how to build, test and deploy a bookstore app with React 18, Vite, and Netlify functions https://labs.pineview.io/build-test-and-deploy-an-app-react18-vite-netlify-nightwatch/ Easy Form Validation With Vuelidate | Vue 3 https://www.youtube.com/watch?v=7alh1KowAEI react-big-calendar https://github.com/jquense/react-big-calendar PocketBase: A Backend in a Single Binary https://pocketbase.io/ A Protobuf runtime and code generation tool for JavaScript and TypeScript https://www.npmjs.com/package/protoscript Deprank: Use PageRank to Find the Important Files in Your Codebase https://github.com/codemix/deprank tsParticles: Particles, Confetti and Fireworks for Your Pages https://particles.js.org/ Amplify UI for React Now Generally Available https://aws.amazon.com/about-aws/whats-new/2022/06/general-availability-amplify-ui-react/ Wayne: It's Like Express.js, But Inside Service Workers https://github.com/jcubic/wayne Five Clever Hacks for React-Query and SWR https://www.youtube.com/watch?v=JaM2rExmmqs Using the native web share JavaScript API https://dev.to/dailydevtips1/using-the-native-web-share-javascript-api-23ei ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Executing shell commands from Node.js https://2ality.com/2022/07/nodejs-child-process.html Bun is a fast all-in-one JavaScript runtime https://bun.sh/ How I Estimate NPM Package Market Share (and how Redux usage compares to other libraries) https://blog.isquaredsoftware.com/2022/07/npm-package-market-share-estimates/ Isolating and fixing a memory leak in a real Node.js web application https://www.useanvil.com/blog/engineering/isolating-memory-leak-in-node/ Playing Pokemon Together With Node.js https://www.youtube.com/watch?v=pAeZhWDG41o An Introduction to Module Path Aliases / Mappings https://abhijithota.me/posts/node-import-aliases/ yoctocolors 1.0: The Smallest and Fastest Command-Line Coloring Package https://github.com/sindresorhus/yoctocolors string-strip-html: Strip HTML Tags from Strings https://www.codsen.com/os/string-strip-html/ A super simple site crawler and broken link checker. https://github.com/JustinBeckwith/linkinator pg-mem is an experimental in-memory emulation of a postgres database. https://github.com/oguimbal/pg-mem Generate docx documents from templates, in Node or in the browser. https://github.com/alonrbar/easy-template-x ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Lea Verou | CSS Variable Secrets | CSS Day 2022 https://www.youtube.com/watch?v=ZuZizqDF4q8 On the 'Standard' 8px Body Margin https://www.miriamsuzanne.com/2022/07/04/body-margin-8px/ Releasing Color.js: A library that takes color seriously https://lea.verou.me/2022/06/releasing-colorjs/ The Complete Guide to the Dark Mode Toggle https://ryanfeigenbaum.com/dark-mode/ Are you sure that’s a number input? https://kilianvalkhof.com/2022/css-html/are-you-sure-thats-a-number-input/ Reimagining front-end web development with htmx and hyperscript https://nomadiq.hashnode.dev/reimagining-front-end-web-development-with-htmx-and-hyperscript The case for null in design systems https://adhocteam.us/2022/07/05/null-in-design-systems/ Inverted Media Queries and Breakpoints https://ryanmulligan.dev/blog/invert-media-queries/ The off by default web https://paul.kinlan.me/the-off-by-default-web/ WCAG SC 1.4.4 Resize Text & 1.4.10 Reflow https://yatil.net/blog/resize-text-reflow Stop The Screen Going To Sleep With JavaScript https://mikevdv.dev/blog/2022-06-23-stop-the-screen-going-to-sleep-with-javascript Tailwind DX: A Chrome DevTools Extension Enabling Smart Tools for Tailwind CSS https://gimli.app/tailwinddx.html D3.js 7.5 – Now with Density Contours https://observablehq.com/@observablehq/plot-density Sigma.js version 2 finally released! https://medialab.sciencespo.fr/en/news/sigmajs-version-2-finally-released/ CodePen -Checkbox Accent Color Pixel Art https://codepen.io/shshaw/pen/bGROdEP?editors=0110 Min-Max-Value Interpolation https://min-max-calculator.9elements.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly