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 Timeline https://css-timeline.vercel.app/ Top 2021 CSS Frameworks Report, Part 4: Specificity and complexity https://css-auditors.com/reports/css-frameworks-part-4-2022-11/ Stylify 💎 Don't waste your time by studying a framework. Focus on coding. https://stylifycss.com/ Experimenting with layering, filtering, and masking in CSS http://jlzych.com/2022/11/17/experimenting-with-layering-filtering-and-masking-in-css/ CSS Grid and Custom Shapes, Part 3 https://css-tricks.com/css-grid-and-custom-shapes-part-3/?ref=sidebar The evolution of scalable CSS https://frontendmastery.com/posts/the-evolution-of-scalable-css/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly What’s So Great About Functional Programming? https://jrsinclair.com/articles/2022/whats-so-great-about-functional-programming-anyway/ Deno 1.28: Featuring 1.3 Million New Modules https://deno.com/blog/v1.28 Angular v15 is now available! https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8 Announcing Nuxt 3.0 stable https://nuxt.com/v3 Announcing TypeScript 4.9 https://devblogs.microsoft.com/typescript/announcing-typescript-4-9/ The magical world of Particles with React Three Fiber and Shaders https://blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/ ECMAScript proposal: RegExp flag /v makes character classes and character class escapes more powerful https://2ality.com/2022/11/regexp-v-flag.html Styling Form States Without JS https://webkit.org/blog/13096/css-has-pseudo-class/#styling-form-states-without-js Github Codespace crash course https://www.youtube.com/watch?v=D_5T6KMTRb8&ab_channel=HiteshChoudhary tslog: Beautiful logging experience for TypeScript and JavaScript https://tslog.js.org Modern and scalable routing for applications https://tanstack.com/router/v1 Wireit upgrades your npm scripts to make them smarter and more efficient. https://github.com/google/wireit Ace-Editor-Web-Component https://github.com/MarketingPipeline/Ace-Editor-Web-Component/ Style React components with TailwindCSS https://github.com/Idered/twix OverlayScrollbars 2.0: JS Scrollbar Plugin to Replace Native Scrollbars https://kingsora.github.io/OverlayScrollbars/ A DOS JavaScript Canvas with sound. https://github.com/SuperIlu/DOjS Reactjs Protected Route https://dev.to/collins87mbathi/reactjs-protected-route-m3j MongoDB University has a new home https://learn.mongodb.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Deno 1.28: Featuring 1.3 Million New Modules https://deno.com/blog/v1.28 Wireit upgrades your npm scripts to make them smarter and more efficient. https://github.com/google/wireit Node v19.1.0 (Current) https://nodejs.org/en/blog/release/v19.1.0/ MongoDB University has a new home! https://learn.mongodb.com/ Augmenting Node.js with WebAssembly https://www.youtube.com/watch?v=bYCrCKNJBW8&ab_channel=NearForm Announcing Nuxt 3.0 stable https://nuxt.com/v3 The fastest URL transfer library for Node.js. https://github.com/JCMais/node-libcurl A typed gRPC Client with static code generation https://github.com/codenothing/proto-client Generate admin apps with ease in seconds https://hadmean.com/ An in memory queue for async processes in high concurrency code paths. https://github.com/codenothing/burst-valve ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The evolution of scalable CSS https://frontendmastery.com/posts/the-evolution-of-scalable-css/ A Guide To Keyboard Accessibility: HTML And CSS (Part 1) https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-html-css-part1/ Allison Ravenhall - What's new in WCAG 2.2 https://www.youtube.com/watch?v=5yhL8q8hDMA&ab_channel=A11yBytes Why you should never use px to set font-size in CSS https://joshcollinsworth.com/blog/never-use-px-for-font-size Web Sustainability Resources https://css-irl.info/web-sustainability-resources/ The Math Behind Nesting Rounded Corners https://cloudfour.com/thinks/the-math-behind-nesting-rounded-corners/ How To Create Advanced Animations With CSS https://www.smashingmagazine.com/2022/10/advanced-animations-css/ Why are my url()s not resolving correctly when used as CSS variables? https://blog.andri.co/017-why-are-my-urls-not-resolving-correctly-when-used-as-css-variables/ The anatomy of visually-hidden https://www.tpgi.com/the-anatomy-of-visually-hidden/ Bootstrap Icons v1.10.0 https://blog.getbootstrap.com/2022/11/11/bootstrap-icons-1-10-0/ Click on a component to go to its code https://www.locatorjs.com/ Type Scale: A Visual Type Scale Calculator https://type-scale.com/ html.to.design: Figma Plugin to Convert Any Site into an Editable Figma Design https://www.figma.com/community/plugin/1159123024924461424/html.to.design A static CMS for Next.js https://outstatic.com/ GitHub Unveils Two New Fonts: Mona Sans and Hubot Sans https://github.com/mona-sans ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing Rome v10 https://rome.tools/blog/2022/11/08/rome-10/ Why Would Anyone Need Generator Functions? https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/ Gatsby 5: The Fastest Gatsby Yet https://www.gatsbyjs.com/blog/gatsby-5/ Temporal API: JavaScript Dates, but Better https://vladmihet.hashnode.dev/temporal-api-javascript-dates-but-better Creating fluffy trees with Three.js (part 1) https://douges.dev/blog/threejs-trees-1 Node.js Security Best Practices https://nodejs.org/en/docs/guides/security/ Migrating from Monaco Editor to CodeMirror https://about.sourcegraph.com/blog/migrating-monaco-codemirror A Love Letter to React https://fly.io/blog/love-letter-react/ Deduping 28 Million Strings Using JavaScript https://stackoverflow.com/questions/74329830/deduping-28-million-strings-using-javascript Trix - a rich text editor for everyday writing. https://trix-editor.org/ Simple and elegant component-based UI library https://riot.js.org/ Ultimate calendar for your React app. https://projects.wojtekmaj.pl/react-calendar/ ⛑️ JSON serialization should never fail https://github.com/ehmicky/safe-json-value Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing https://github.com/AlexSergey/rockpack Is Turbopack really 10x Faster than Vite? https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8 Build a Desktop App in Go Using Wails and React https://betterprogramming.pub/build-a-desktop-app-using-react-and-go-13c425bf2dba Build a React App Using DALL-E API https://betterprogramming.pub/build-a-react-app-using-dall-e-api-bd15d5d67b31 Expo SDK 47 beta is now available https://blog.expo.dev/expo-sdk-47-beta-is-now-available-fa760eea1908 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node.js Security Best Practices https://nodejs.org/en/docs/guides/security/ Nov 3 2022 Security Releases https://nodejs.org/en/blog/vulnerability/november-2022-security-releases/ Hapi 21: A Simple, Secure Node App Framework https://github.com/hapijs/hapi Getting Started with MongoDB Atlas and Azure Functions using Node.js https://www.thepolyglotdeveloper.com/2022/11/getting-started-mongodb-atlas-azure-functions-nodejs/ Deploying a simple Node.js app with HTTPS on cloud providers in 2022: Heroku, Render, Fly.io, AWS, Hetzner, Google Cloud Run https://medium.com/eleven-sh/deploying-a-simple-node-js-app-with-https-on-cloud-providers-in-2022-heroku-render-fly-io-aws-9358294803c5 TypeScript with Node.js https://www.robinwieruch.de/typescript-node/ A light-weight job scheduling library for Node.js https://github.com/agenda/agenda What's New in Mongoose 6.5: The castObject() and applyDefaults() Functions https://thecodebarbarian.com/whats-new-in-mongoose-6-5-castobject-applydefaults.html ⛑️ JSON serialization should never fail. https://github.com/ehmicky/safe-json-value A SQLite REST and Realtime server https://github.com/thevahidal/soul Leoric is an object-relational mapping library for Node.js, with which you can manipulate database like this: https://leoric.js.org/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Dialogs, modality and popovers seem similar. How are they different? https://hidde.blog/dialog-modal-popover-differences/ The Shared Element Transition API is FLIPping Cool https://chriscoyier.net/2022/10/21/the-shared-element-transition-api-is-fliping-cool/ Designing The Perfect Mobile Navigation UX https://www.smashingmagazine.com/2022/11/navigation-design-mobile-ux/ 6 Steps to Improve HTML Images For Users & Developers https://austingil.com/better-html-images/ Inside the mind of a frontend developer: Hero section https://ishadeed.com/article/inside-frontend-developer-mind-hero-section/ Conditionally Adaptive CSS: Browser Behavior That Might Improve Your Performance https://pepelsbey.dev/articles/conditionally-adaptive/ What CSS Do You Absolutely Have to Know in 2022? https://css-tricks.com/what-css-do-you-absolutely-have-to-know-in-2022/ Keeping Your CSS Small: scopes, containers, and other new stuff https://www.youtube.com/watch?v=bz0sMsCiU1c Speedy CSS Tip! Animated Gradient Text https://web.dev/speedy-css-tip-animated-gradient-text/ Versatile metallic finish for your CSS https://www.metallicss.com/ Accessibility Not-Checklist https://not-checklist.intopia.digital/ Content Parser Website https://content-parser.com/ Let's build a better web together. https://uiverse.io/ A Collection of 700+ Open-source Icons Devoted to Match Your Exquisite Designs. https://sargamicons.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly What is a realm in JavaScript? https://weizman.github.io/page-what-is-a-realm-in-js/ Is Turbopack really 10x Faster than Vite? https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8 Mixing It Up: Remix Joins Shopify to Push the Web Forward https://shopify.engineering/remix-joins-shopify Announcing TypeScript 4.9 RC https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-rc/ How to build, test, and publish a TypeScript npm package in 2022 https://www.strictmode.io/articles/build-test-and-publish-npm-package-2022 Your Next.js Bundle Will Thank You https://renatopozzi.me/articles/your-nextjs-bundle-will-thank-you Human-readable date difference in JavaScript https://www.amitmerchant.com/human-readable-date-difference-in-javascript/ Code coverage with Storybook test runner https://storybook.js.org/blog/code-coverage-with-the-storybook-test-runner/ How to Package and Distribute a Vue.js 3 Plugin on NPM https://vueschool.io/articles/vuejs-tutorials/how-to-package-and-distribute-a-vue-js-3-plugin-on-npm/ Building a tooltip component https://web.dev/building-a-tooltip-component/ Vue.js 3.0 UI Library https://github.com/epicmaxco/vuestic-ui joi lets you describe your data using a simple, intuitive, and readable language. https://joi.dev/api/?v=17.7.0 Directory serve is a CLI library for sending and receiving a file from your android and IOS devices. https://github.com/cube-root/directory-serve <relative-time> element https://github.com/github/relative-time-element A CSS-in-TS framework built to feel like a native Vue feature. https://github.com/Tahul/pinceau Markdoc 0.2: A Flexible, Markdown-Based Authoring Framework https://markdoc.dev/ How to add PayPal checkout payments to your React app https://dev.to/paypaldeveloper/how-to-add-paypal-checkout-payments-to-your-react-app-53aa Remixing Shopify: The Remix Project is Joining Shopify https://remix.run/blog/remixing-shopify NEW: Build responsive Figma-to-React components with almost no code https://aws.amazon.com/blogs/mobile/new-build-responsive-figma-to-react-components-with-almost-no-code/ Flutter vs. React Native: Which is the right cross-platform framework for you? https://stackoverflow.blog/2022/10/31/comparing-frameworks-for-cross-platform-apps-flutter-vs-react-native/ Full Stack Components https://www.epicweb.dev/full-stack-components ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Introducing Turbopack: Rust-based successor to Webpack https://vercel.com/blog/turbopack Node v18.12.0 (LTS) https://nodejs.org/en/blog/release/v18.12.0/ Next.js 13 https://nextjs.org/blog/next-13 babel 7.20.0 Released: Deno target and TypeScript 4.9 https://babeljs.io/blog/2022/10/27/7.20.0.html Qwik 0.12 https://github.com/BuilderIO/qwik Which serverless edge platform has the fastest git deployments? https://deno.com/blog/fastest-git-deploys-to-the-edge How We Improved React Loading Times by 70% with Next.js https://www.causal.app/blog/next-js How to Build a Blog with Fresh https://deno.com/blog/build-a-blog-with-fresh How to write your first unit test in JavaScript https://snyk.io/blog/how-to-write-unit-test-in-javascript/ Next.js Crash Course https://www.youtube.com/watch?v=uU80SSxn9_c&ab_channel=AnsontheDeveloper Detect System Theme Preference Change Using JavaScript https://davidwalsh.name/detect-system-theme-preference-change-using-javascript JSON storage bins that won't break your app https://www.npoint.io/ Enlightened library to convert HTML and CSS to SVG. https://github.com/vercel/satori Downshift 7.0: Primitives to Build Accessible React Components https://www.downshift-js.com/ Canvas Confetti https://www.kirilv.com/canvas-confetti/ Easily find and remove old and heavy node_modules folders ✨ https://github.com/voidcosmos/npkill 🤠 Object property paths with wildcards and regexps. 🌵 https://github.com/ehmicky/wild-wild-path Capture screenshots of websites https://github.com/sindresorhus/capture-website The JavaScript library that makes your face look at the pointer, a firefly or dance! https://creepyface.io/ Build a multi-language website using React in 3 minutes https://dev.to/quocbahuynh/build-a-multi-language-website-using-react-in-3-minutes-4206 Make use of use in React – a new hook is coming | Frontend Weekly vol. 109 https://vived.io/new-hook-is-coming-to-react-frontend-weekly-vol-109/ Fully Typed Web Apps https://www.epicweb.dev/fully-typed-web-apps ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus OKLCH in CSS: why we moved from RGB and HSL https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl let’s talk about web components https://bradfrost.com/blog/post/lets-talk-about-web-components/ Why we need CSS Speech https://tink.uk/why-we-need-css-speech/ WebKit Features in Safari 16.1 https://webkit.org/blog/13399/webkit-features-in-safari-16-1/ Building a Better Web - Part 1: A faster YouTube on web https://web.dev/better-youtube-web-part1/ CSS Animated Grid Layouts https://web.dev/css-animated-grid-layouts/ Futuristic CSS https://www.smashingmagazine.com/2022/10/futuristic-css/ Highly Customizable Background Gradients https://cloudfour.com/thinks/highly-customizable-background-gradients/ Do you really understand CSS radial-gradients? https://patrickbrosset.com/articles/2022-10-24-do-you-really-understand-CSS-radial-gradients/ Speaking up for Sass https://www.brycewray.com/posts/2021/04/speaking-up-for-sass/ Twitter reminds us about Alt Text, but how good are we at it? https://uxdesign.cc/twitter-reminds-about-alt-text-but-how-good-are-we-at-it-f300af5d7787 Build beautiful interfaces without reinventing the wheel. https://a17t.miles.land/ matrix (web-based green code rain) https://github.com/Rezmason/matrix Satori: Enlightened library to convert HTML and CSS to SVG. https://github.com/vercel/satori 98.css https://jdan.github.io/98.css/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly JavaScript metaprogramming with the 2022-03 decorators API https://2ality.com/2022/10/javascript-decorators.html Node.js 19 is now available! https://nodejs.org/en/blog/announcements/v19-release-announce/ Moving From React to htmx https://htmx.org/essays/a-real-world-react-to-htmx-port/ p5.js 1.5: Creative JS Coding, Now with Animated GIF Exporting https://p5js.org/ A World-Class Code Playground with Sandpack https://www.joshwcomeau.com/react/next-level-playground/ Secure JavaScript URL validation https://snyk.io/blog/secure-javascript-url-validation/ WHAT IF THE TEAM HATES MY FUNCTIONAL CODE? https://jrsinclair.com/articles/2022/what-if-the-team-hates-my-functional-code/ Why does JSON.parse corrupt large numbers and how to solve this? https://jsoneditoronline.org/indepth/parse/why-does-json-parse-corrupt-large-numbers/ Effortless end-to-end type-safety with Phero https://www.youtube.com/watch?v=BS8nRuszlqo&ab_channel=PheroHQ ✨ Beautifully shows Express/Koa/Hapi/Fastify routes in CLI. https://github.com/VladimirMikulic/route-list High-performance TypeScript compiler. https://github.com/marcj/TypeRunner The Angular starter / boilerplate project to start a new enterprise project. https://github.com/wlucha/angular-starter?wlucha43531 Discussing First Class Support for Promises in Client and Server-Side Components https://github.com/reactjs/rfcs/pull/229 First-class Vite support in Storybook https://storybook.js.org/blog/first-class-vite-support-in-storybook/ Lessons learned from moving to Recoil.js https://kitemaker.co/blog/lessons-learned-from-moving-to-recoil ------------------------- for more -subscribe to the channel https://t.me/webWekkly