ar
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 أيام
أرشيف المشاركات
Node Weekly NODE.JS Retro 2022 https://nodesource.com/blog/Nodejs-Retro-2022 Node v18.13.0 (LTS) https://nodejs.org/en/blog/release/v18.13.0/ Best Node.JS Schedulers https://deadsimplechat.com/blog/best-nodejs-schedulers/ Video Rendering with Node.js and FFmpeg https://creatomate.com/blog/video-rendering-with-nodejs-and-ffmpeg Directus vs Strapi : Comparing the headless CMS features https://punits.dev/blog/directus-vs-strapi/ Build a Serverless ChatGPT SMS Chatbot with the OpenAI API https://www.twilio.com/blog/sms-chatbot-openai-api-node Lint if a package is published right https://publint.dev/ Middy 4.1: A 'Stylish' Node Middleware Engine for AWS Lambda https://github.com/middyjs/middy ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Conditional CSS https://ishadeed.com/article/conditional-css/ The State Of Usability In 2023 https://www.smashingmagazine.com/2023/01/usability-2023/ Our top Core Web Vitals recommendations for 2023 https://web.dev/top-cwv-2023/ The State of Mobile User Experience https://www.nngroup.com/articles/state-mobile-ux/ 3D in CSS https://garden.bradwoods.io/notes/css/3d A new accessibility strategy for the GOV.UK Design System https://accessibility.blog.gov.uk/2023/01/06/a-new-accessibility-strategy-for-the-gov-uk-design-system/ OK LCH, I’m Convinced https://blog.jim-nielsen.com/2023/ok-lch-im-convinced/ HTML with Superpowers: The Guidebook https://daverupert.com/2023/01/html-with-superpowers-the-guidebook/ How to Build Great HTML Form Controls https://www.freecodecamp.org/news/perfect-html-input/ Customizing HTML Form Validation https://davidwalsh.name/html5-validation Top Pens of 2022 on CodePen https://codepen.io/2022/popular/pens Font Engine: Generate Font Suggestions https://tasarla.co/fe/ An easy to use, lightweight library for web-components. https://bayjs.org/ A simple tool to setup Tailwind CSS in your fresh project with a Single Command. https://github.com/tzsk/twify JavaScript-polyfill for hyphenation in HTML https://github.com/mnater/Hyphenopoly ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories 2022 CSS Updates https://12daysofweb.dev/2022/2022-css-updates/ CSS Style Queries https://ishadeed.com/article/css-container-style-queries/ Tree views in css https://iamkate.com/code/tree-views/ 2022 Roundup of Web Research https://css-tricks.com/2022-roundup-of-web-research/ A CSS challenge: skewed highlight https://pepelsbey.dev/articles/skewed-highlight/ Things CSS Could Still Use Heading Into 2023 https://chriscoyier.net/2022/12/21/things-css-could-still-use-heading-into-2023/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly 2022 JavaScript Rising Stars https://risingstars.js.org/2022/en Evan You Looks at 2022 and 2023 https://blog.vuejs.org/posts/2022-year-in-review.html The 6 JavaScript Projects to watch in 2023 https://byteofdev.com/posts/javascript-projects-2022/ JSON Creator Douglas Crockford Interview https://evrone.com/douglas-crockford-interview ECMAScript 2022: What’s new? https://2ality.com/2022/06/ecmascript-2022.html JS Function Composition: What’s The Big Deal? https://jrsinclair.com/articles/2022/javascript-function-composition-whats-the-big-deal/ AbortController is your friend https://whistlr.info/2022/abortcontroller-is-your-friend/ The 10 Most Common JavaScript Issues Developers Face https://www.toptal.com/javascript/10-most-common-javascript-mistakes A pipe operator for JavaScript: introduction and use cases https://2ality.com/2022/01/pipe-operator.html Patterns.dev: Modern Web App Design Patterns https://www.patterns.dev/ Decorators for ES6 Proposal Reached Stage 3 at TC39 https://github.com/tc39/proposal-decorators JSON Crack: Visualize JSON Data in Graph Form https://jsoncrack.com/ A JavaScript library for creating interactive procedural 2D and 3D shaders. https://shaderpark.com/ React Wrap Balancer: A Component to Make Better Titles https://react-wrap-balancer.vercel.app/ Storybook 7.0 beta https://storybook.js.org/blog/7-0-beta/ First-class Support for TypeScript https://reactnative.dev/blog/2023/01/03/typescript-first Migrating our Largest Mobile App to React Native https://shopify.engineering/migrating-our-largest-mobile-app-to-react-native JS Functional Concepts: Pipe and Compose https://dev.to/joelbonetr/js-functional-concepts-pipe-and-compose-1mho ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Advent Calendars For Web Designers And Developers (2022 Edition) https://www.smashingmagazine.com/2022/12/tech-advent-calendars-web-developers-web-designers-2022/ Logical Border Radius https://css-irl.info/logical-border-radius/ Polypane 12: introducing the Command bar https://polypane.app/blog/polypane-12-introducing-the-command-bar/ Release Notes for Safari Technology Preview 160 https://webkit.org/blog/13639/release-notes-for-safari-technology-preview-160/ A Few Times Container Size Queries Would Have Helped Me Out https://css-tricks.com/a-few-times-container-size-queries-would-have-helped-me-out/ Why you should never use px to set font-size in CSS https://joshcollinsworth.com/blog/never-use-px-for-font-size ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing SvelteKit 1.0 https://svelte.dev/blog/announcing-sveltekit-1.0 Vite 4.0 is out! https://vitejs.dev/blog/announcing-vite4.html ECMAScript proposal: iterator helpers https://2ality.com/2022/12/iterator-helpers.html jQuery 3.6.2 Released! https://blog.jquery.com/2022/12/13/jquery-3-6-2-released/ Cypress V12 Is A Big Deal https://glebbahmutov.com/blog/cypress-v12/ Five Challenges to Building an Isomorphic JavaScript Library https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/ Avoid These Common Pitfalls Of React useState https://profy.dev/article/react-usestate-pitfalls Next, Nest, Nuxt… Nust? https://www.twilio.com/blog/comparing-nextjs-nestjs-nuxt-gatsby Calculating the maximum diagonal distance in a given collection of GeoJSON features using turf.js and lots of speed https://piotrjaworski.medium.com/calculating-the-maximum-diagonal-distance-in-a-given-collection-of-geojson-features-using-turf-js-ff1a2654c7e7 Optimize Interaction to Next Paint https://web.dev/optimize-inp/ Wretch 2.3: A Wrapper Around fetch with an Intuitive Syntax https://github.com/elbywan/wretch Announcing SWR 2.0 https://swr.vercel.app/blog/swr-v2 A smooth 3D tilt javascript library forked from Tilt.js https://micku7zu.github.io/vanilla-tilt.js/ visx a collection of expressive, low-level visualization primitives for React https://airbnb.io/visx/ 🎬 Scene.js is an JavaScript & CSS timeline-based animation library. https://github.com/daybrush/scenejs Snow effect for your website https://embed.im/snow/ 'No, React Native is Not the Future' https://blog.standardnotes.com/40921/no-react-native-is-not-the-future Battle of the Giants: GitHub Copilot vs ChatGPT ⚔️⚔️ https://dev.to/ruppysuppy/battle-of-the-giants-github-copilot-vs-chatgpt-4oac ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly - The Best of Node Weekly in 2022 Tao of Node - Design, Architecture & Best Practices https://alexkondov.com/tao-of-node/ Express.js 5.0 Went Into Beta (And Stayed There) https://github.com/expressjs/express/blob/5.0/History.md Popular Node.js patterns and tools to re-consider https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/ 👇 Why this guide can take your testing skills to the next level https://github.com/goldbergyoni/javascript-testing-best-practices#readme JavaScript dev deliberately screws up own popular npm packages to make a point of some sort https://www.theregister.com/2022/01/10/npm_fakerjs_colorsjs/ The Most Popular Node.js Frameworks in 2022 https://stackdiary.com/node-js-frameworks/ Alert: peacenotwar module sabotages npm developers in the node-ipc package to protest the invasion of Ukraine https://snyk.io/blog/peacenotwar-malicious-npm-node-ipc-package-vulnerability/ Best practices for creating a modern npm package https://snyk.io/blog/best-practices-create-modern-npm-package/ 🤠 Object property paths with wildcards and regexps https://github.com/ehmicky/wild-wild-path Fastify v4 GA https://medium.com/@fastifyjs/fastify-v4-ga-59f2103b5f0e javascript text-to-diagrams library that works in both browser and Node.js. https://github.com/hikerpig/pintora hierarchical note taking application with focus on building large personal knowledge bases. https://github.com/zadam/trilium zx v7.0.0 release! https://github.com/google/zx/releases/tag/7.0.0 Announcing Crawlee: the web scraping and browser automation library https://blog.apify.com/announcing-crawlee-the-web-scraping-and-browser-automation-library/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Optimize Interaction to Next Paint https://web.dev/optimize-inp/ Does WWW still belong in URLs? https://css-tricks.com/does-www-still-belong-in-urls/ Inside the mind of a frontend developer: Article layout https://ishadeed.com/article/inside-frontend-developer-mind-article-layout/ Introducing passkeys in Chrome https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html Accessible Front-End Patterns For Responsive Tables (Part 1) https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1/ Contrast is boring—can't someone else do it? https://www.bekk.christmas/post/2022/12/contrast-is-boring-can-t-someone-else-do-it PX or REM in CSS? Just Use REM https://austingil.com/px-or-rem-in-css/ New Viewport Units https://12daysofweb.dev/2022/new-viewport-units/ One day we'll have a fully customisable select https://www.htmhell.dev/adventcalendar/2022/13/ View Transitions API https://12daysofweb.dev/2022/view-transitions-api/ CSS Infinite Slider Flipping Through Polaroid Images https://css-tricks.com/css-infinite-slider-flipping-through-polaroid-images/ Mesher: A CSS Mesh Gradients Generator https://csshero.org/mesher/ CodeLink: Share Code with Context https://codelink.dev/ 🎬 Scene.js is an JavaScript & CSS timeline-based animation library. https://github.com/daybrush/scenejs Convert images to SVG vectors, PNG-to-SVG Vectors. https://vectormaker.co/ ❄️ Snow.js: Add A Snow Effect to a Web Page https://embed.im/snow/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Classless CSS https://github.com/dbohdan/classless-css About Modern Sass https://sprucecss.com/blog/about-modern-sass The State of CSS 2022 https://2022.stateofcss.com/en-US/ CSS For URLs and HTTP Headers https://blog.jim-nielsen.com/2022/css-for-urls-and-http-headers/ Inside the mind of a frontend developer: Article layout https://ishadeed.com/article/inside-frontend-developer-mind-article-layout/ Newer Things to Know About Good Ol’ HTML Lists https://css-tricks.com/newer-things-to-know-about-good-ol-html-lists/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Vite 4.0 is out! https://vitejs.dev/blog/announcing-vite4.html New npm features for secure publishing and safe consumption https://github.blog/2022-12-06-new-npm-features-for-secure-publishing-and-safe-consumption/ Console Ninja: console.log Output Right Next to Your Code https://console-ninja.com/ Sandboxing with Partytown https://weston.ruter.net/2022/11/30/sandboxing-with-partytown/ Is Prisma better than your 'traditional' ORM? https://practica.dev/blog/is-prisma-better-than-your-traditional-orm/ When to use gRPC vs GraphQL https://stackoverflow.blog/2022/11/28/when-to-use-grpc-vs-graphql/ Ready to optimize your JavaScript with Rust? https://stackoverflow.blog/2022/12/09/ready-to-optimize-your-javascript-with-rust/ Introducing Codux : A Visual IDE for React https://dev.to/codux/introducing-codux-15j5 Powerfully simple global state management for Vue 3 https://harlemjs.com/ Content-aware image resizer https://github.com/trekhleb/js-image-carver The CoffeeScript of TypeScript. Much closer to ES2015+ (for better or worse). https://github.com/DanielXMoore/Civet Maska 2.1: Zero-Dependency Input Mask https://beholdr.github.io/maska/#/ call Python from NodeJS directly in-process without spawning processes https://github.com/hmenyus/node-calls-python Reduced.to is a modern web application that reduces the length of link UR https://github.com/origranot/reduced.to How to Test GraphQL API https://dev.to/j471n/how-to-test-graphql-api-161i Generate a short explanation for a selected code block. https://p42.ai/documentation/code-assist/explain-code A colorful logger for the browser https://github.com/sidhantpanda/logt usehooks-ts https://usehooks-ts.com/ Minimal TypeScript Crash Course For React https://profy.dev/article/react-typescript Stop Writing Fake React Code https://www.youtube.com/watch?v=s-lumOeD2fk React.js: The Documentary [OFFICIAL TRAILER] https://www.youtube.com/watch?v=gmp0istg5xo ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly New npm features for secure publishing and safe consumption https://github.blog/2022-12-06-new-npm-features-for-secure-publishing-and-safe-consumption/ Is Prisma better than your 'traditional' ORM? https://practica.dev/blog/is-prisma-better-than-your-traditional-orm/ How to Setup Node.js with TypeScript in 2023 https://www.youtube.com/watch?v=H91aqUHn8sE Build An AI Image Generator With OpenAI & Node.js https://www.youtube.com/watch?v=fU4o_BKaUZE Nx 15.3 is here https://github.com/nrwl/nx/releases/tag/15.3.0 Master the art of the most powerful testing technique for backend https://github.com/testjavascript/nodejs-integration-tests-best-practices When to use gRPC vs GraphQL https://stackoverflow.blog/2022/11/28/when-to-use-grpc-vs-graphql/ node-calls-python - call Python from NodeJS directly in-process without spawning processes https://github.com/hmenyus/node-calls-python modern, asynchronous, flexible and configurable Node.js library for handling file uploads https://www.npmjs.com/package/pechkin Read text and parse tables from PDF files. https://github.com/adrienjoly/npm-pdfreader Snapshot-based stub/mocking of APIs https://github.com/ruyadorno/snapstub Node.js client for the unofficial ChatGPT API. https://github.com/transitive-bullshit/chatgpt-api The fastest* (one-thread) pixel-by-pixel image difference tool in the world. https://github.com/dmtrKovalenko/odiff ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Speeding Up the JS Ecosystem, One Library at a Time https://marvinh.dev/blog/speeding-up-javascript-ecosystem/ TC39 Updates: The 93rd Meeting of Ecma TC39 https://github.com/tc39/agendas/blob/main/2022/11.md Electron.js Roundup: v22.0 Released, Bye Windows 7, and Hi Forge https://www.electronjs.org/blog/electron-22-0 How to split JavaScript strings into sentences, words or graphemes with "Intl.Segmenter" https://www.stefanjudis.com/today-i-learned/how-to-split-javascript-strings-with-intl-segmenter/ Migrating from Vue 2 to Svelte https://escape.tech/blog/from-vue2-to-svelte/ Working with Zustand https://tkdodo.eu/blog/working-with-zustand ------------------------- for more -subscribe to the channel https://t.me/webWekkly An introduction to the LibJS JavaScript engine https://docs.google.com/presentation/d/1-chE3GTNFnNRwZqk4Bf3GCPV_nINfKG-NUTM4IeEnVc/edit#slide=id.p Pointer compression in Oilpan https://v8.dev/blog/oilpan-pointer-compression Sketchy Pencil Effect with Three.js Post-Processing https://tympanus.net/codrops/2022/11/29/sketchy-pencil-effect-with-three-js-post-processing/ Neutralino.js 4.9: Lightweight Cross Platform Desktop App Framework https://github.com/neutralinojs/neutralinojs/releases/tag/v4.9.0 Mithril.js: Client-Side Framework for Single Page Apps https://mithril.js.org/ Vanilla Extract: Zero-Runtime Stylesheets in TypeScript https://vanilla-extract.style/ Choices.js 10.2: A Configurable Select Box/Text Input Plugin https://choices-js.github.io/Choices/ A simple & customizable notifications system for React https://louisbarranqueiro.github.io/reapop/ 10 games to learn JavaScript https://dev.to/dailydevtips1/10-games-to-learn-javascript-155j Awesome time-saving tools for developers https://dev.to/surajondev/awesome-time-saving-tools-for-developers-1df5 React Unity WebGL https://react-unity-webgl.dev/ CSS Variables for React Devs https://www.joshwcomeau.com/css/css-variables-for-react-devs/ Our Solution for Measuring React Native Rendering Times https://shopify.engineering/measuring-react-native-rendering-times One React mistake that's slowing you down https://epicreact.dev/one-react-mistake-thats-slowing-you-down/ Avoid soul-crushing components https://epicreact.dev/soul-crushing-components/

Frontend Focus The large, small, and dynamic viewport units https://web.dev/viewport-units/ Color Formats in CSS https://www.joshwcomeau.com/css/color-formats/ The BBC's 15 Web Principles - 15 years later https://shkspr.mobi/blog/2022/11/the-bbcs-15-web-principles-15-years-later/ Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide https://www.smashingmagazine.com/2022/11/document-object-model-geometry-guide/ Stop fighting with CSS positioning https://www.youtube.com/watch?v=86nTToBm2uQ Tailwind is a Leaky Abstraction https://jakelazaroff.com/words/tailwind-is-a-leaky-abstraction/ What working with Tailwind CSS every day for 2 years looks like https://www.themosaad.com/blog/two-years-of-tailwind-css Building conscious design systems https://amyhupe.co.uk/articles/building-conscious-design-systems/ Help Log in Pro Account Helps you choose fonts for your creative projects https://wordmark.it/ Metatags API: A Free API to Get Meta Tags/OpenGraph Tags from a URL https://dub.sh/metatags Lightning CSS: A Fast CSS Parser, Transformer, and Minifier https://github.com/parcel-bundler/lightningcss/releases/tag/v1.17.0 Imagator: An Online Tool to Compress, Convert, Flip, and Resize Images https://imagator.co/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The State of JavaScript 2022 Survey is Open https://survey.devographics.com/survey/state-of-js/ Build Apps in Deno with Frameworks such as React, Vue, Express, and more. https://deno.com/blog/frameworks-with-npm Script Kit: JS-Based Workflow Scripting https://www.scriptkit.com/ Machine Learning with Unix Pipes https://jott.live/markdown/ml_pipes A Guide To Keyboard Accessibility: JavaScript (Part 2) https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-javascript-part2/ Optimizing A Vue App https://www.smashingmagazine.com/2022/11/optimizing-vue-app/ TypeScript and native ESM on Node.js https://2ality.com/2021/06/typescript-esm-nodejs.html React Native in 2022 and Beyond https://semaphoreci.com/blog/react-native How we lost our slick new npm package name (and then got it back) https://reactflow.dev/blog/reactflow-npm-package-name/ Make your Tailwind components re-usable https://tw-classed.vercel.app/ Console for Mobile Browsers. https://github.com/liriliri/eruda Ant Design 5.0 is released! https://github.com/ant-design/ant-design/issues/38671 Build more side projects, ship more products https://hyperstackjs.io/ Slim Select 2.0: An Advanced Select Dropdown Control https://slimselectjs.com/ jxl.js: A WebAssembly-based JPEG XL Decoder https://github.com/niutech/jxl.js Dittytoy: JavaScript-Based Generative Music Sandbox https://dittytoy.net/ditty/6f30b0885d Fun with console.log() https://dev.to/lissy93/fun-with-consolelog-3i59 Improving React Interaction Times by 4x https://www.causal.app/blog/react-perf Data Structures In Frontend JavaScript In The Real World https://profy.dev/article/javascript-data-structures ------------------------- for more -subscribe to the channel https://t.me/webWekkly