The weekly

JavaScript Weekly A JavaScript library for creating interactive procedural 2D and 3D shaders. https://shaderpark.com/ Prettier 2.6 https://prettier.io/blog/2022/03/16/2.6.0.html 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/ Deno 1.20 Release Notes https://deno.com/blog/v1.20 How To Make A Drag-and-Drop File Uploader With Vue.js 3 https://www.smashingmagazine.com/2022/03/drag-drop-file-uploader-vuejs-3/ Delightful React File/Directory Structure https://www.joshwcomeau.com/react/file-structure/ The Double-Assignment Pattern In JQuery's Source Code https://www.zhenghao.io/posts/double-assignment Next.js's New Official 'Foundations' Course https://nextjs.org/learn/foundations/about-nextjs Remix vs Next.js https://bejamas.io/blog/remix-vs-nextjs/ Building Table Sorting and Pagination in JavaScript https://www.raymondcamden.com/2022/03/14/building-table-sorting-and-pagination-in-javascript Where TypeScript Excels https://thenewstack.io/earning-its-way-to-a-first-class-programming-language-where-typescript-excels/ Upgrading Next.js for instant performance improvements https://vercel.com/blog/upgrading-nextjs-for-instant-performance-improvements A client-side JavaScript component to display and interact with audio waveforms in the browser https://github.com/bbc/peaks.js Audio visualizer library for javascript. https://github.com/foobar404/Wave.js Faker 6.0: Generate Massive Amounts of Fake Data in Node or Browser https://github.com/faker-js/faker Web application synchronization between different tabs https://github.com/jcubic/sysend.js The CLI for your next Chrome Extension. 🚀 https://github.com/dutiyesh/chrome-extension-cli Convert Javascript code to an XML document. https://github.com/scrapinghub/js2xml Vanilla JavaScript Emoji Picker https://emoji-button.js.org/ Liqvid 2.1: Create Interactive Videos with React, HTML, CSS, and JS https://liqvidjs.org/blog/2022/03/13/liqvid-2-1/ 10 Bad Coding Habits You Need to Put an End to Right Now https://dev.to/muthuannamalai12/10-bad-coding-habits-you-need-to-put-an-end-to-right-now-363b An update on the New Architecture Rollout https://reactnative.dev/blog/2022/03/15/an-update-on-the-new-architecture-rollout -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly peacenotwar: How an npm Package Protested Russia's Invasion of Ukraine https://snyk.io/blog/peacenotwar-malicious-npm-node-ipc-package-vulnerability/ OpenSSL security releases require Node.js security releases https://nodejs.org/en/blog/vulnerability/mar-2022-security-releases/ Faker 6.0: Generate Massive Amounts of Fake Data https://github.com/faker-js/faker Using HTTPS in Your Development Environment https://auth0.com/blog/using-https-in-your-development-environment/ Update Node Dependencies Automatically, Selectively, or Incrementally https://elijahmanor.com/byte/update-node-deps How to build a file upload service with vanilla JavaScript https://blog.logrocket.com/how-to-build-file-upload-service-vanilla-javascript/ Remix helps bridge the network chasm https://changelog.com/jsparty/215 How to prevent SQL injection attacks in Node.js https://planetscale.com/blog/how-to-prevent-sql-injection-attacks-in-node-js A Node.js library for testing modern web applications https://github.com/getgauge/taiko Very low overhead Node.js logger. https://github.com/pinojs/pino A simple "database" that use JSON file for Node.JS. https://github.com/Belphemur/node-json-db Mongoosastic is a mongoose plugin that can automatically index your models into elasticsearch. https://github.com/mongoosastic/mongoosastic Awilix 7.0: An Inversion of Control (IoC) Container for Node https://github.com/jeffijoe/awilix Hexo 6.1: A Node-Powered SSG-Style Blog Framework https://hexo.io/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus New WebKit Features in Safari 15.4 https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/ Ten years of page bloat: What have we learned? https://www.speedcurve.com/blog/ten-years-page-bloat/ css When or If https://meyerweb.com/eric/thoughts/2022/03/14/if-or-when/ WebGPU — All of the cores, none of the canvas https://surma.dev/things/webgpu/ Aligning Content In Different Wrappers https://ishadeed.com/article/aligning-content-different-wrappers/ Building VR and AR experiences using HTML | HTTP 203 https://www.youtube.com/watch?v=XF29nLkkeLo Making the world’s fastest website, and other mistakes https://dev.to/tigt/making-the-worlds-fastest-website-and-other-mistakes-56na Create a Stunning Glassmorphism Effect in CSS https://www.youtube.com/watch?v=5SUeAJn5xbU Don’t Alienate Your User: A Primer for Internationalisation & Localisation https://prototypr.io/post/dont-alienate-your-user-a-primer-for-internationalisation-localisation/ Who says HTML and CSS aren’t real programming? https://stackoverflow.blog/2022/03/08/the-new-stack-overflow-podcast-ep-421/ Open source icons by Microsoft. https://fluenticons.co/ SingleFile: Browser Extension and CLI Tool to Save a Complete Page as a Single HTML File https://github.com/gildas-lormeau/SingleFile Animate CSS Grid https://github.com/aholachek/animate-css-grid HTMLShell: A Visual HTML Template Editor https://www.toptal.com/developers/htmlshell -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly ECMAScript proposal: Types as Comments https://github.com/giltayar/proposal-types-as-comments How to Upgrade to the React 18 Release Candidate https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html 🐦 Twitter Thread on Stripe Converting from Flow to TypeScript https://twitter.com/alunny/status/1501261144341680130 WebGPU — All of the cores, none of the canvas https://surma.dev/things/webgpu/ JavaScript naming conflicts: How existing code can force proposed features to be renamed https://2ality.com/2022/03/naming-conflicts.html A Lightweight GitHub REST API in 34 Lines of Code https://gist.github.com/DavidWells/93535d7d6bec3a7219778ebcfa437df3 Building serverless multi-Region WebSocket APIs https://aws.amazon.com/blogs/compute/building-serverless-multi-region-websocket-apis/ My Experience Building A Chess App In React https://dev.to/fredlitt/my-experience-building-a-chess-app-in-react-2hl6 Creating Native Web Components https://tympanus.net/codrops/2022/03/04/creating-native-web-components/ LemonadeJS: Reactive library https://lemonadejs.net/v2/ A lightweight Adobe Photoshop .psd file parser in typescript with zero-dependency for browsers and NodeJS. https://webtoon.github.io/psd/ striff: Real Simple String Diffing https://github.com/alexmacarthur/striff Tygo: Generate TypeScript Types from Go(lang) Source Code https://github.com/gzuidhof/tygo Reason: Write Fast, Type Safe Code in OCaml, But for the JS Ecosystem https://reasonml.github.io/ ULTRA Modern Streaming React Framework https://ultrajs.dev/ micropolisJS: A JavaScript Clone of a SimCity-Like Game https://www.graememcc.co.uk/micropolisJS/ What's new in ES2022? https://dev.to/jasmin/whats-new-in-es2022-1de6 Moving from Next to Remix https://www.adamcollier.co.uk/blog/moving-from-next-to-remix -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly What's Really Going On Inside Your node_modules Folder? https://socket.dev/blog/inside-node-modules Node v17.7.0 (Current) https://nodejs.org/en/blog/release/v17.7.0/ Introducing Socket https://socket.dev/blog/introducing-socket Moving from Next to Remix https://www.adamcollier.co.uk/blog/moving-from-next-to-remix Making a Discord Playlist bot with Serverless Cloud https://www.serverless.com/blog/making-a-discord-playlist-bot-with-serverless-cloud A Complete Guide to Node.js Process Management with PM2 https://blog.appsignal.com/2022/03/09/a-complete-guide-to-nodejs-process-management-with-pm2.html Dive into Node.js Streams https://nodesource.com/blog/dive-into-NodeJs-streams USB: Reverse Engineering and Writing Drivers https://www.youtube.com/watch?v=is9wVOKeIjQ Securing the open source supply chain https://changelog.com/podcast/482 A lightweight Adobe Photoshop .psd file parser in typescript with zero-dependency for browsers and NodeJS. https://webtoon.github.io/psd/ Undici 4.15: The Fresh HTTP/1.1 Client for Node https://nodeweekly.com/issues/428 Bree 8.0: A Versatile Job Scheduler for Node https://jobscheduler.net/#/ Fast, cross-platform Node.js access to ExifTool. https://github.com/photostructure/exiftool-vendored.js Elasticsearch Node.js client https://github.com/elastic/elasticsearch-js AVA 4.1: The Node.js Test Runner https://github.com/avajs/ava -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Working together on Interop 2022 https://webkit.org/blog/12288/working-together-on-interop-2022/ Say Hello to selectmenu, a Fully Style-able select Element https://css-tricks.com/the-selectmenu-element/ Taming CSS Variables with Web Inspector https://webkit.org/blog/12303/css-variables-web-inspector/ A new speed milestone for Chrome https://blog.chromium.org/2022/03/a-new-speed-milestone-for-chrome.html Building Web Layouts For Dual-Screen And Foldable Devices https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/ 5 things you don't need Javascript for https://lexoral.com/blog/you-dont-need-js/ Is HTML a Programming Language? https://briefs.video/videos/is-html-a-programming-language/ It's always been you, Canvas2D https://developer.chrome.com/blog/canvas2d/ How to build a file upload service with vanilla JavaScript https://blog.logrocket.com/how-to-build-file-upload-service-vanilla-javascript/ Creating Native Web Components https://tympanus.net/codrops/2022/03/04/creating-native-web-components/ A11y Automation Tracker https://a11y-automation.dev/ loading="lazy" attribute polyfill https://github.com/mfranzke/loading-attribute-polyfill Reveal.js 4.3: An HTML Presentation Framework https://revealjs.com/ Create Tailwind CSS color families https://uicolors.app/create New CSS Features In 2022 https://www.smashingmagazine.com/2022/03/new-css-features-2022/ Web Animation Performance Fundamentals – How to Make Your Pages Look Smooth https://www.freecodecamp.org/news/web-animation-performance-fundamentals/ Delivering 3D Scenes to the Web https://rd.nytimes.com/projects/delivering-3d-scenes-to-the-web Use Tailwind's set values and units without installing Tailwind. https://github.com/zvizvi/freewindcss -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Flexbox Dynamic Line Separator https://ishadeed.com/article/flexbox-separator/ A Complete Guide to CSS Cascade Layers https://css-tricks.com/css-cascade-layers/ When to Avoid the text-decoration Shorthand Property https://css-tricks.com/when-to-avoid-css-text-decoration-shorthand/ Taming CSS Variables with Web Inspector https://webkit.org/blog/12303/css-variables-web-inspector/ Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think https://css-tricks.com/web-component-pseudo-classes-and-pseudo-elements/ How to Make a “Raise the Curtains” Effect in CSS https://css-tricks.com/css-raise-the-curtains-effect/ New CSS Features In 2022 https://www.smashingmagazine.com/2022/03/new-css-features-2022/ Add Responsive-Friendly Enhancements to <details> with <details-utils> https://www.zachleat.com/web/details-utils/ Building Web Layouts For Dual-Screen And Foldable Devices https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing TypeScript 4.6 https://devblogs.microsoft.com/typescript/announcing-typescript-4-6/ 5 things you don't need Javascript for https://lexoral.com/blog/you-dont-need-js/ Introducing Socket https://socket.dev/blog/introducing-socket 🇺🇦 Leaflet Project Appeals to JS Developers for Ukraine https://leafletjs.com/index.html It's always been you, Canvas2D https://developer.chrome.com/blog/canvas2d/ The most modern Javascript I know https://jott.live/markdown/new_js How do primitive values get their properties? https://2ality.com/2022/03/properties-of-primitives.html Kent C. Dodds's Beginners Guide to React from egghead.io https://www.youtube.com/watch?v=7_x4AuqHxlg Solid.js feels like what I always wanted React to be https://typeofnan.dev/solid-js-feels-like-what-i-always-wanted-react-to-be/ A Guide To Audio Visualization With JavaScript And GSAP (Part 1) https://www.smashingmagazine.com/2022/03/audio-visualization-javascript-gsap-part1/ THE HTML PRESENTATION FRAMEWORK https://revealjs.com/ Million 1.5: A Fast Virtual DOM Implementation https://millionjs.org/ 🇺🇦 Made in Ukraine: A List of (Mostly JS) Projects Built by Ukrainian Developers https://github.com/chernivtsijs/made-in-ukraine dnt: Deno-to-Node Package Transformation Tool https://github.com/denoland/dnt 10 React Antipatterns to Avoid - Code This, Not That! https://www.youtube.com/watch?v=b0IZo2Aho9Y -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Running commands with execa in Node.js https://blog.logrocket.com/running-commands-with-execa-in-node-js/ Node.js Reference Architecture https://github.com/nodeshift/nodejs-reference-architecture Create command line tools your users love https://oclif.io/ dnt - Deno to Node Transform https://github.com/denoland/dnt hygen is the simple, fast, and scalable code generator that lives in your project. https://github.com/jondot/hygen Nohm is an object relational mapper (ORM) written for node.js and redis written in Typescript. https://github.com/maritz/nohm -------------------------- for more -subscribe to the channel https://t.me/webWekkly Queueing jobs in Node.js using PostgreSQL like a boss. https://github.com/timgit/pg-boss Fiber 2.28.0: An Express.js Inspired Web Framework for Go https://github.com/gofiber/fiber

Frontend Focus New CSS Features In 2022 https://www.smashingmagazine.com/2022/03/new-css-features-2022/ A new year, a new MDN https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/ Explain the First 10 Lines of Twitter’s Source Code to Me https://css-tricks.com/explain-the-first-10-lines-of-twitter-source-code/ Can you get pwned with CSS? https://scotthelme.co.uk/can-you-get-pwned-with-css/ Writing Logic in CSS https://iamschulz.com/writing-logic-in-css/ Reliably Send an HTTP Request as a User Leaves a Page https://css-tricks.com/send-an-http-request-on-page-exit/ How To Develop A Text Editor For The Web https://www.smashingmagazine.com/2022/02/develop-text-editor-web/ Is Firefox OK? https://arstechnica.com/gadgets/2022/02/is-firefox-ok/ Web devs rally to challenge Apple App Store browser rules https://www.theregister.com/2022/02/28/apple_apps_challenge/ Are My Third Parties Green? https://css-irl.info/are-my-third-parties-green/ LetMeScroll: A Lightweight Scroll Library with No Dependencies https://github.com/BMSVieira/letmescroll.js New Open Source Library: Announcing @xata.io/screenshot https://www.xata.io/blog/introducing-screenshot/ Pika: Create Pretty Screenshots and Browser Mockups Quickly https://pika.style/ taba11y https://chrome.google.com/webstore/detail/taba11y/aocppmckdocdjkphmofnklcjhdidgmga/ comicss https://comicss.art/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly What are wrapper objects for primitive values? https://2ality.com/2022/02/wrapper-objects.html 15 of the Best Web Developers To Follow Online https://www.commoninja.com/blog/best-web-developers-to-follow-online How to Read the ECMAScript Specification https://timothygu.me/es-howto/ Cheerp 2.7: compile C++ to WebAssembly plus JavaScript https://medium.com/leaningtech/cheerp-2-7-compile-cpp-to-webassembly-plus-javascript-c9b3ef7e318b Reliably Send an HTTP Request as a User Leaves a Page https://css-tricks.com/send-an-http-request-on-page-exit/ How To Develop A Text Editor For The Web https://www.smashingmagazine.com/2022/02/develop-text-editor-web/ 📄 PDF: From JavaScript to Rust: A Book https://javascriptweekly.com/link/120318/web Future Javascript: Records and Tuples https://dev.to/smpnjn/future-javascript-records-and-tuples-14fk You Can throw() Anything In JavaScript https://www.bennadel.com/blog/4210-you-can-throw-anything-in-javascript-and-other-async-await-considerations.htm What Is Responsible JavaScript? https://www.smashingmagazine.com/2022/02/smashing-podcast-episode-45/ How to Use nextTick() in Vue https://dmitripavlutin.com/vue-next-tick/ Screenshot: No-Dependency Browser-Native Screenshot Library https://www.xata.io/blog/introducing-screenshot/ Introducing FormKit: A Vue 3 form building framework https://dev.to/justinschroeder/introducing-formkit-a-vue-3-form-building-framework-53ji Another kind of rich text editor. https://stylojs.com/ Beam: Node.js-Powered and GitHub-Inspired Message Board for Teams https://planetscale.com/blog/introducing-beam Stockfish.js is a WASM implementation of Stockfish chess engine. https://github.com/nmrugg/stockfish.js Next.js 12.1 https://nextjs.org/blog/next-12-1 JavaScript to Know for React https://kentcdodds.com/blog/javascript-to-know-for-react -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v17.6.0 https://nodejs.org/en/blog/release/v17.6.0/ Caxa: Package Node Apps Into Executable Binaries https://github.com/leafac/caxa How to Fix Your Security Vulnerabilities with NPM Override https://medium.com/microsoftazure/how-to-fix-your-security-vulnerabilities-with-npm-override-c4b5be0ab4f6 Next.js 12.1 https://nextjs.org/blog/next-12-1 NestJs Course for Beginners - Create a REST API https://www.youtube.com/watch?v=GHTA143_b-s Run Every Node.js Version in AWS Lambda https://fusebit.io/blog/run-every-nodejs-version-in-lambda/ A complete guide to CSV files in Node.js https://blog.logrocket.com/complete-guide-csv-files-nodejs/ Monorepos Explained https://monorepo.tools/ Beam: A Node Powered Message Board for Teams https://planetscale.com/blog/introducing-beam pm2 5.2 Released: The Node Production Process Manager https://github.com/Unitech/pm2 Official MongoDB NodeJS Driver v4.4 https://github.com/mongodb/node-mongodb-native/releases/tag/v4.4.0 Couchnode 4.0: The Official Couchbase Node.js Client Library https://github.com/couchbase/couchnode AutoCannon 7.7: A Fast HTTP/1.1 Benchmarking Tool https://github.com/mcollina/autocannon -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus How Everything We're Told About Website Identity Assurance is Wrong https://www.troyhunt.com/how-everything-were-told-about-website-identity-assurance-is-wrong/ Flexbox Dynamic Line Separator https://ishadeed.com/article/flexbox-separator/ Testing Pipeline 101 For Frontend Testing https://www.smashingmagazine.com/2022/02/testing-pipeline-101-frontend-testing/ Builder A Greener Web by Michelle Barker https://www.youtube.com/watch?v=OdiSM9wLPAM&t=10s A Complete Guide to CSS Cascade Layers https://css-tricks.com/css-cascade-layers/ Subsetting Font Awesome to Improve Performance https://css-tricks.com/subsetting-font-awesome-to-improve-performance/ Survivorship Bias in Web Performance https://simonhearne.com/2022/survorship-bias-in-webperf/ The No-Nonsense Styling Method https://benlorantfy.com/the-no-nonsense-styling-method CSS Quick Tip: Animating in a newly added element https://thinkdobecreate.com/articles/css-animating-newly-added-element/ What makes writing more readable? https://pudding.cool/2022/02/plain/ Simple.css - A classless CSS framework https://simplecss.org/ Stylo Another kind of rich text editor. https://stylojs.com/ JavaScript library to create stunning touch-friendly 3D parallax https://github.com/nolimits4web/atropos Use Tailwind CSS to design HTML emails. https://github.com/soheilpro/mailwind Pure CSS Working Stopwatch https://codepen.io/jh3y/pen/jOVmJBL -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The State of JS 2021 https://2021.stateofjs.com/en-US/ How to Favicon in 2022:Six files that fit most needs https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs Using mask as clip-path https://yuanchuan.dev/using-mask-as-clip-path A Whistle-Stop Tour of 4 New CSS Color Features https://css-tricks.com/new-css-color-features-preview/ Hello, CSS Cascade Layers https://ishadeed.com/article/cascade-layers/ How Do You Handle Component Spacing in a Design System? https://css-tricks.com/component-spacing-design-system/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The State of JS 2021 Results https://2021.stateofjs.com/en-US/ Express.js 5.0 Now in Beta https://github.com/expressjs/express/blob/5.0/History.md Track down the JavaScript code responsible for polluting the global scope https://mmazzarolo.com/blog/2022-02-16-track-down-the-javascript-code-responsible-for-polluting-the-global-scope/ The Basics of Package.json https://nodesource.com/blog/the-basics-of-package-json Deep dive into React Native’s New Architecture https://medium.com/coox-tech/deep-dive-into-react-natives-new-architecture-fb67ae615ccd JavaScript to Know for React https://kentcdodds.com/blog/javascript-to-know-for-react Everything you need to know about monorepos, and the tools to build them https://monorepo.tools/ v8n 1.4: A 'Fluent Validation' Library https://github.com/imbrn/v8n Using a JavaScript proxy for a super low code REST client https://gist.github.com/DavidWells/53518b3c12344952641dc81cc7599939 TypeIt: A Versatile 'Typewriter Effect' https://github.com/alexmacarthur/typeit Marked 4: A Fast Markdown Parser and Compiler https://github.com/markedjs/marked Minze: A JavaScript Framework for Native Web Components https://minze.dev/ Heart Switch: A Heart-Shaped Toggle Switch Component for React https://github.com/anatoliygatt/heart-switch Resumable JavaScript with Qwik https://dev.to/this-is-learning/resumable-javascript-with-qwik-2i29 How to create a non-autoplay GIF web component https://dev.to/thormeier/autoplay-begone-how-to-create-a-non-autoplay-gif-web-component-hbf Some reasons for disliking React hooks https://blog.bitsrc.io/some-reasons-for-disliking-react-hooks-80f1e18eb9b3 Calling Windows APIs from React Native just got easier https://microsoft.github.io/react-native-windows/blog/2022/02/11/rnwinrt -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Express.js 5.0 Now in Beta https://github.com/expressjs/express/blob/5.0/History.md Node v17.5.0 (Current) https://nodejs.org/en/blog/release/v17.5.0/ Node.js Trademarks Transferred to OpenJS Foundation https://openjsf.org/blog/2022/02/14/node-js-trademarks-transferred-to-openjs-foundation/ The Basics of Package.json https://nodesource.com/blog/the-basics-of-package-json Why Private Npm Registries Matter and How Verdaccio Makes It Easy https://fusebit.io/blog/private-npm-verdaccio/ Leoric: A Node ORM for MySQL, Postgres and SQLite https://leoric.js.org/ puppeteer-to-playwright https://github.com/checkly/puppeteer-to-playwright Metascraper: A Library to Scrape Metadata from Web Content https://metascraper.js.org/#/ Execa 6.1: A Better child_process https://github.com/sindresorhus/execa Marked 4: A Fast Markdown Parser and Compiler https://github.com/markedjs/marked fkill-cli 7.1.0: A Cross-Platform Way to Kill Processes https://github.com/sindresorhus/fkill-cli Verdaccio 5.6: Lightweight Node Private Proxy Registry https://github.com/verdaccio/verdaccio -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Hello, CSS Cascade Layers https://ishadeed.com/article/cascade-layers/ Version 100 in Chrome and Firefox https://hacks.mozilla.org/2022/02/version-100-in-chrome-and-firefox/ Move over JavaScript: Back-end languages are coming to the front-end https://github.com/readme/featured/server-side-languages-for-front-end The State of JS 2021 Results https://2021.stateofjs.com/en-US/ The File System Access API with Origin Private File System https://webkit.org/blog/12257/the-file-system-access-api-with-origin-private-file-system/ Getting Started With the File System Access API https://css-tricks.com/getting-started-with-the-file-system-access-api/ The intended Wordle Font, nobody can see https://pimpmytype.com/wordle/ Web Design Done Well: Perfectly Pointless https://www.smashingmagazine.com/2022/02/web-design-done-well-perfectly-pointless/ Building an adaptive favicon https://web.dev/building-an-adaptive-favicon/ Today, the distant future https://frontendfoc.us/issues/529 Apache ECharts https://echarts.apache.org/en/index.html SPCSS is a simple and plain stylesheet for simple text-based websites. https://github.com/susam/spcss/ Dead-simple framework for shareable web components. https://minze.dev/ CSS-in-JS with ahead-of-time compilation. https://github.com/microsoft/griffel SVG arrow maker https://fffuel.co/pppointed/ Inside look at modern web browser (part 1) https://developers.google.com/web/updates/2018/09/inside-browser-part1 online Vue tutorial! - Interactive ! https://vuejs.org/tutorial -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Aspect Ratio is Great https://css-irl.info/aspect-ratio-is-great/ Release Notes for Safari Technology Preview 140 https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/ Building an adaptive favicon https://web.dev/building-an-adaptive-favicon/ No Motion Isn’t Always prefers-reduced-motion https://css-tricks.com/nuking-motion-with-prefers-reduced-motion/ Firefox 97 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97 How does !important actually work? https://www.youtube.com/watch?v=dS123IXPcJ0 Open source, Open hearts https://oss.love/ uper Mario Scrollable Timeline https://codepen.io/cobra_winfrey/full/OJOpgEP Threeasy - Beginner Friendly Three.js https://threeasy.org/ Animated Stick Figures with CSS! https://frontend.horse/episode/animated-stick-figures-with-css Digging Deep into Media Queries! https://frontend.horse/episode/digging-deep-into-media-queries -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Apache ECharts An Open Source JavaScript Visualization Library https://echarts.apache.org/en/index.html Move over JavaScript: Back-end languages are coming to the front-end https://github.com/readme/featured/server-side-languages-for-front-end A deep-dive on Vite https://changelog.com/jsparty Debugging JavaScript https://flaviocopes.com/debugging/ How the Angular Compiler Works https://blog.angular.io/how-the-angular-compiler-works-42111f9d2549 Replace JavaScript Dialogs With the New HTML Dialog Element https://css-tricks.com/replace-javascript-dialogs-html-dialog-element/ Writing a SPI SD-Card driver in TypeScript https://www.youtube.com/watch?v=SIIde33EZrA&t=233s An Introduction to Deno: Is It Better than Node.js? https://blog.appsignal.com/2022/02/09/an-introduction-to-deno-is-it-better-than-nodejs.html Writing my own build system: Coupling gulp concepts with modern JavaScript https://palant.info/2022/02/08/writing-my-own-build-system-coupling-gulp-concepts-with-modern-javascript/ zx 5.0: Writing Better Shell Scripts in JavaScript https://github.com/google/zx Pintora: An Extensible Text-to-Diagram Rendering Library https://github.com/hikerpig/pintora CSS-in-JS with ahead-of-time compilation. https://github.com/microsoft/griffel Fable 3.7: A Mature F# to JavaScript Compiler https://fable.io/ puppeteer-to-playwright https://github.com/checkly/puppeteer-to-playwright P42 JavaScript Assistant: Refactoring Hints and Automation for VS Code https://marketplace.visualstudio.com/items?itemName=p42ai.refactor#p42refactor React - The Missing Parts https://acko.net/blog/react-the-missing-parts/ The Complete Guide to Full Stack Web3 Development https://dev.to/dabit3/the-complete-guide-to-full-stack-web3-development-4g74 -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Pintora: An Extensible Text-to-Diagram Rendering Library https://github.com/hikerpig/pintora MikroORM 5: Stricter, Safer, Smarter https://itnext.io/mikro-orm-5-stricter-safer-smarter-b8412e84cca4 Build an API from scratch using MikroORM, Node.js, and Express.js https://blog.logrocket.com/build-api-from-scratch-using-mikroorm-node-js-express-js/ An Introduction to Deno: Is It Better than Node.js? https://blog.appsignal.com/2022/02/09/an-introduction-to-deno-is-it-better-than-nodejs.html Node v16.14.0 (LTS) https://nodejs.org/en/blog/release/v16.14.0/ Writing a Printer Driver in JavaScript https://kubesail.com/blog/2022-02-01-printer-driver-in-javascript Writing a SPI SD-Card driver in TypeScript https://www.youtube.com/watch?v=SIIde33EZrA&t=233s A simple high-performance Redis message queue for Node.js. https://github.com/weyoss/redis-smq Electron integration for Remix https://github.com/itsMapleLeaf/remix-electron -------------------------- for more -subscribe to the channel https://t.me/webWekkly