uz
Feedback
The weekly

The weekly

Kanalga Telegram’da o‘tish

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

Ko'proq ko'rsatish
1 114
Obunachilar
Ma'lumot yo'q24 soatlar
+47 kunlar
-130 kunlar
Postlar arxiv
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