en
Feedback
The weekly

The weekly

Open in Telegram

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

Show more
1 114
Subscribers
No data24 hours
+47 days
-130 days
Posts Archive
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