The weekly

JavaScript Weekly The rise of React https://increment.com/frontend/the-rise-of-react/ Grid.js Advanced Table Plugin https://gridjs.io/ Babel 7.10.0 Released https://babeljs.io/blog/2020/05/25/7.10.0 Sharing UI components at an enterprise level https://medium.com/paypal-engineering/reusing-ui-components-at-enterprise-level-a7df1ea1f8dd The top types any and unknown in TypeScript https://2ality.com/2020/06/any-unknown-typescript.html One Cool Trick to Simplify Reducer Functions https://medium.com/javascript-scene/one-cool-trick-to-simplify-reducer-functions-bbbffe488bb6 How-to Normalize Home Volume Levels with Node-RED https://blakeniemyjski.com/blog/how-to-normalize-home-volume-levels-with-node-red/ Service Worker Lifecycle Explained https://felixgerschau.com/service-worker-lifecycle-update/ Track Your Smartphone in 2D With JavaScript https://medium.com/better-programming/track-your-smartphone-in-2d-with-javascript-1ba44603c0df Some Reminders of Good GitHub Etiquette https://github.com/kossnocorp/etiquette Inside Vue 3 with Gregg Pollack https://devchat.tv/views-on-vue/vov-108-inside-vue-3-with-gregg-pollack/ How to create a webworkers driven multithreading App — Part 1 https://medium.com/swlh/how-to-create-a-webworkers-driven-multithreading-app-part-1-fa0cc78a4237 Stranger Things, JavaScript Edition https://livecodestream.dev/post/2020-06-03-stranger-things-javascript-edition/ Using Git to run ESLint on changed files in a feature branch https://jdauriemma.com/programming/eslint-changed-files Markdown WYSIWYG Editor https://github.com/nhn/tui.editor Tiny milisecond conversion utility https://github.com/vercel/ms Why GraphQL? https://dev.to/saranshk/why-graphql-3d5l ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Serverless Express – Easy APIs On AWS Lambda & AWS HTTP API https://www.serverless.com/blog/serverless-express-apis-aws-lambda-http-api/ June 2020 Security Releases https://nodejs.org/en/blog/vulnerability/june-2020-security-releases/ Reducing Docker's image size while creating an offline version of Carbon.now.sh https://lengrand.fr/reducing-dockers-image-size-while-creating-an-offline-version-of-carbon-now-sh/ Best practices for REST API design https://stackoverflow.blog/2020/03/02/best-practices-for-rest-api-design/ Building APIs With GraphQL in Your Node Application https://blog.appsignal.com/2020/06/03/building-apis-with-graphql-in-your-node-application.html How-to Normalize Home Volume Levels with Node-RED https://blakeniemyjski.com/blog/how-to-normalize-home-volume-levels-with-node-red/ Image Classifier with NodeJs, Tensorflow and React https://www.youtube.com/watch?v=ZfuUwdFNU-s Verify Sign In With Apple using Node https://www.youtube.com/watch?v=D2W9eow6ajY Avoiding CSRF Attacks with API Design https://www.thedreaming.org/2020/05/26/avoid-csrf-attacks-with-api-design/ Choose between Formidable, Busboy, Multer and Multiparty for processing file uploads https://bytearcher.com/articles/formidable-vs-busboy-vs-multer-vs-multiparty/ Beautiful logging experience for Node.js with TypeScript support https://tslog.js.org ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly Deno 1.0.5 Released (and 1.04, and 1.0.3) https://github.com/denoland/deno/releases/tag/v1.0.5 Denoify: For NPM Module Authors That Would Like to Support Deno https://github.com/garronej/denoify REPL.it Now Supports Deno https://repl.it/languages/deno Deno FS Tutorial https://www.youtube.com/watch?v=V6fon2T6gC8 Deno PostgreSQL Tutorial https://www.youtube.com/watch?v=gaN4VghWhNk Deno Scaffold: A Quick Way to Set Up A Deno Project With Some Best Practices https://github.com/diversable/deno_scaffold/ GraphQL server in Deno https://www.youtube.com/watch?v=Rc_HhL55JZM Omelette: Template Based Autocompletion Tool for Node and Deno https://github.com/f/omelette ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus A user’s guide to CSS variables https://increment.com/frontend/a-users-guide-to-css-variables/ Introducing the Web Platform Contribution Guide https://bocoup.com/blog/introducing-the-web-platform-contribution-guide Microsoft’s new Edge browser now rolling out via Windows Update https://www.theverge.com/2020/6/3/21279141/microsoft-edge-available-new-download-windows-update-rollout htmx: Build Dynamic Pages Using HTML Attributes https://htmx.org/ Global and Component Style Settings with CSS Variables https://www.sarasoueidan.com/blog/style-settings-with-css-variables/ A First Look at aspect-ratio https://css-tricks.com/a-first-look-at-aspect-ratio/ The 🍔 menu https://medium.com/@mikael_ainalem/the-menu-210bec7ad80c On fixed elements and backgrounds https://chenhuijing.com/blog/on-fixed-elements-and-backgrounds/ When frontend means full stack https://increment.com/frontend/when-frontend-means-full-stack/ A New Way to Delay Keyframes Animations https://css-tricks.com/a-new-way-to-delay-keyframes-animations/ Overlapping Header with CSS Grid https://snook.ca/archives/html_and_css/overlapping-header-with-css-grid CSS Aspect Ratio, Rendering Engines, and More with Jen Simmons https://shoptalkshow.com/415/ Svelte, why so much hype ? https://dev.to/zenika/svelte-why-so-much-hype-2k61?ref=heydesigner RoughNotation: A Small Library to Create and Animate Rough Annotations https://roughnotation.com/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Responsive web design turns ten. https://ethanmarcotte.com/wrote/responsive-design-at-10/ Today’s Javascript, from an outsider’s perspective http://lea.verou.me/2020/05/todays-javascript-from-an-outsiders-perspective/ Here’s what I didn’t know about “content” https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/ The buggiest site on the web. https://defaced.dev/web/the-buggiest-site-on-the-web/ A Guide to the Responsive Images Syntax in HTML https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/ A First Look at aspect-ratio https://css-tricks.com/a-first-look-at-aspect-ratio/ CSS Tips for New Devs https://amberwilson.co.uk/blog/css-tips-for-new-devs/ HTMHell special: close buttons https://www.htmhell.dev/20-close-buttons/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Snowpack 2.0: A Build System for the Modern Web https://www.snowpack.dev/posts/2020-05-26-snowpack-2-0-release/ The process: Making Vue 3 https://increment.com/frontend/making-vue-3/ A first look at records and tuples in JavaScript https://2ality.com/2020/05/records-tuples-first-look.html What's New in TypeScript | BOD101 https://www.youtube.com/watch?v=4sjADFvwBVc htmx: Build Dynamic Pages Using HTML Attributes https://htmx.org/ Case study: Analyzing Notion app performance https://3perf.com/blog/notion/ ECMAScript 4: The missing version https://evertpot.com/ecmascript-4-the-missing-version/ Causes of Memory Leaks in JavaScript and How to Avoid Them https://www.ditdot.hr/en/causes-of-memory-leaks-in-javascript-and-how-to-avoid-them How To Create Better Angular Templates With Pug https://www.smashingmagazine.com/2020/05/angular-templates-pug/ Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/ Deno Crash Course https://www.youtube.com/watch?v=NHHhiqwcfRM Today’s Javascript, from an outsider’s perspective http://lea.verou.me/2020/05/todays-javascript-from-an-outsiders-perspective/ 10 JavaScript Quiz Questions and Answers to Sharpen Your Skills https://typeofnan.dev/10-javascript-quiz-questions-and-answers/ AudioMass: A Full-Featured Web Audio Editing Tool in JavaScript https://audiomass.co/ RoughNotation: A Small Library to Create and Animate Rough Annotations https://roughnotation.com/ Fluor.js: A High Level Way to Add Interactions and Effects to Pages https://fluorjs.github.io/ Angelfire: Add Custom Context Menus to Any Page Element https://javascriptweekly.com/issues/490 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v12.17.0 https://nodejs.org/en/blog/release/v12.17.0/ 🎉 Node.js Turns 11 Years Old https://twitter.com/nodejs/status/1265652603901349889 Strapi 3.0 Released: An Open Source Headless Node.js CMS https://strapi.io/blog/strapi-stable-community-edition June 2020 Security Releases Coming Next Week https://nodejs.org/en/blog/vulnerability/june-2020-security-releases/ How To Deploy a Resilient Node.js Application on Kubernetes from Scratch https://www.digitalocean.com/community/tech_talks/how-to-deploy-a-resilient-node-js-application-on-kubernetes-from-scratch An Open Source Maintainer's Guide to Publishing npm Packages https://dev.to/kadikraman/an-open-source-maintainer-s-guide-to-publishing-npm-packages-1218 Use Node.js 14 on Red Hat OpenShift https://developers.redhat.com/blog/2020/05/21/use-node-js-14-on-red-hat-openshift/ How to make a URL shortener with Express and TypeScript https://smcllw.me/posts/url-shortener/ Pug 3.0.0: A Rich Templating Engine for Node https://medium.com/rollingversions/pug-3-0-0-2897d6dec294 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly Deno 1.0.2 Released https://github.com/denoland/deno/releases/tag/v1.0.2 A Deno Plugin for JetBrains' IntelliJ-Based IDEs https://youtrack.jetbrains.com/issue/WEB-41607#focus=streamItem-27-4160152.0-0 EVT: A Type Safe Replacement for Node's EventEmitter — Deno-first, but also available in Node via npm. https://www.evt.land/ Deno Crash Course https://www.youtube.com/watch?v=NHHhiqwcfRM Cross-platform desktop automation library for Deno. https://github.com/divy-work/autopilot-deno WebAssembly System Interface implementation for Deno https://github.com/caspervonb/deno-wasi ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Responsive web design turns ten. https://ethanmarcotte.com/wrote/responsive-design-at-10/ Everything new from Microsoft Edge at Build 2020 https://blogs.windows.com/msedgedev/2020/05/19/microsoft-edge-news-developers-build-2020/ The Fastest Google Fonts https://csswizardry.com/2020/05/the-fastest-google-fonts/ WebGL guide (part 1/2) https://xem.github.io/articles/webgl-guide.html How to Tame Line Height in CSS https://css-tricks.com/how-to-tame-line-height-in-css/ Local Testing on an iPhone https://joshwcomeau.com/blog/local-testing-on-an-iphone/ The State of Micro Frontends https://blog.bitsrc.io/state-of-micro-frontends-9c0c604ed13a Here’s what I didn’t know about “content” https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/ How to Make a Simple CMS With Cloudflare, GitHub Actions and Metalsmith https://css-tricks.com/how-to-make-a-simple-cms-with-cloudflare-github-actions-and-metalsmith/ target="_blank" - The most underrated security vulnerability https://www.manjuladube.dev/target-blank-security-vulnerability instant.page 5: A Way to Make Your Site's Pages Feel Faster https://instant.page/v5 Javascript audio library for the modern web. https://github.com/goldfire/howler.js A Pure CSS 'Oil Painting' https://diana-adrianne.com/purecss-gaze/ RecoilJS is meant to rock your React world https://mariosfakiolas.com/blog/recoiljs-is-meant-to-rock-your-react-world/ I Watched All 27 React Europe Talks So You Don’t Have To https://www.telerik.com/blogs/i-watched-all-27-react-europe-talks-so-you-dont-have-to ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

front-End Front Top Stories IE11 Mainstream End Of Life in Oct 2020 https://www.swyx.io/writing/ie11-eol/ Release Notes for Safari Technology Preview 106 https://webkit.org/blog/10580/release-notes-for-safari-technology-preview-106/ XP.css – A design system for building faithful recreations of old UIs https://botoxparty.github.io/XP.css/ Accessible Images For When They Matter Most https://www.smashingmagazine.com/2020/05/accessible-images/ Safe/unsafe alignment in CSS flexbox https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/ The Fastest Google Fonts https://csswizardry.com/2020/05/the-fastest-google-fonts/ New in Chrome 83 https://developers.google.com/web/updates/2020/05/nic83 Flexbox-like “just put elements in a row” with CSS grid https://css-tricks.com/flexbox-like-just-put-elements-in-a-row-with-css-grid/ Best Practices in JavaScript Array Iteration https://vgpena.github.io/js-arrays/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly A Complete Walkthrough to Using WebGL https://xem.github.io/articles/webgl-guide.html Microsoft Unveils 'Azure Static Web Apps' https://techcommunity.microsoft.com/t5/azure-app-service/introducing-app-service-static-web-apps/ba-p/1394451 The Unreasonable Effectiveness of Declarative Programming https://bollu.github.io/mathemagic/declarative/index.html The Third Age of JavaScript https://www.swyx.io/writing/js-third-age/ Electron 9.0.0 https://www.electronjs.org/blog/electron-9-0 The Easiest Javascript Game Ever https://www.youtube.com/watch?v=bG2BmmYr9NQ Serverless Content Management System for Websites using Vue.js and AWS — Simple, Fast, Secure, Cheap https://medium.com/@dan_22184/serverless-content-management-system-for-websites-using-vue-js-ac7e10081d2f Understanding Lazy-Loading in Popular Frontend Frameworks https://blog.fullstacktraining.com/understanding-lazy-loading-in-popular-frontend-frameworks/ my 5 MOST USED javascript tricks (BEGINNER) https://www.youtube.com/watch?v=_n8x8MhQo1k 5 Differences Between Arrow and Regular Functions https://dmitripavlutin.com/differences-between-arrow-and-regular-functions/ The Great CoffeeScript to Typescript Migration of 2017 https://dropbox.tech/frontend/the-great-coffeescript-to-typescript-migration-of-2017 Promise.all vs Promise.allSettled https://blog.jonlu.ca/posts/promises JavaScript Growing Pains: From 0 to 13,000 Dependencies https://blog.appsignal.com/2020/05/14/javascript-growing-pains-from-0-to-13000-dependencies.html Error Handling in RxJS https://eugene.coding.blog/rxjs-error-handling A (Mostly) Complete Guide to React Rendering Behavior https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/ Reveal.js 4.0: An HTML Presentation Framework https://revealjs.com/#/ ac-colors: A Reactive Color Conversion and Generation Library https://github.com/vinaypillai/ac-colors umi-request: A Modern HTTP Request Tool Based on Fetch https://github.com/umijs/umi-request Javascript audio library for the modern web. https://github.com/goldfire/howler.js Vue Formulate The easiest way to build forms with Vue https://vueformulate.com/ NanoPop: A Minimalistic Positioning Engine https://github.com/Simonwep/nanopop Announcing React Native for macOS and more https://microsoft.github.io/react-native-windows/blog/2020/05/19/rn4mupdadates ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Fake U.S. Dept of Treasury emails spreads new Node.js malware https://www.bleepingcomputer.com/news/security/fake-us-dept-of-treasury-emails-spreads-new-nodejs-malware/ Node v14.3.0 (Current) https://nodejs.org/en/blog/release/v14.3.0/ npm v7 Series - Arborist Deep Dive https://blog.npmjs.org/post/618653678433435649/npm-v7-series-arborist-deep-dive Electron 9.0.0 https://www.electronjs.org/blog/electron-9-0 Continus integration setup for TypeScript projects via GitHub Actions https://github.com/garronej/ts_ci Interview With Node.js Technical Steering Committee Chair https://www.infoq.com/articles/node-js-14-interview-michael-dawson/ Using lambda@Edge for Server-Side Rendering https://medium.com/medwing-engineering-product-design/using-lambda-edge-for-server-side-rendering-318d9422d76b Learn Node.js Before Deno https://www.youtube.com/watch?v=bZjGSNPCXdU RxXpress: An Experimental Blend of RxJS and Express https://loreanvictor.github.io/rxxpress/ TestCafé: A Tool to Automate End-to-End Web Testing https://devexpress.github.io/testcafe/ low.js | Node.js for microcontrollers https://www.neonious.com/lowjs/ Puppeteer 3.1: - now working with node v14 https://github.com/puppeteer/puppeteer Simple yet powerful framework for building command-line apps. https://github.com/cacjs/cac A light weight interface for running git commands in any node.js application. https://github.com/steveukx/git-js ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly Curated list of awesome things related to Deno https://github.com/denolib/awesome-deno deno v1.0.1 https://github.com/denoland/deno/releases/tag/v1.0.1 A deno runtime for AWS Lambda. Deploy deno via SAM, serverless, or bundle it yourself. https://github.com/hayd/deno-lambda Your First Deno Server in 60 Lines https://dev.to/nas5w/your-first-deno-server-in-60-lines-20kk Build REST API with Deno MongoDB and Oak https://www.youtube.com/watch?v=qU8BLXA6Bf4 Latest dockerfiles and images for deno https://github.com/hayd/deno-docker MongoDB driver for Deno https://github.com/manyuanrong/deno_mongo deno-SendGrid: An Early Library for Sending Email with SendGrid https://github.com/gpasq/deno-sendgrid/ 🦕 Redis client for Deno 🍕 https://github.com/keroxp/deno-redis Sinatra like light weight web app framework for deno. https://github.com/syumai/dinatra Simple yet powerful framework for building command-line apps. https://github.com/cacjs/cac ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Drop-in Minimal CSS https://dohliam.github.io/dropin-minimal-css/ What's New in Lighthouse 6.0 https://web.dev/lighthouse-whats-new-6.0/ Second-guessing the modern web https://macwright.org/2020/05/10/spa-fatigue.html Just how bad is the ICO’s draft age appropriate design code? https://webdevlaw.uk/2019/06/04/just-how-bad-is-the-icos-draft-age-appropriate-design-code/ New in Chrome 83 https://developers.google.com/web/updates/2020/05/nic83 Understanding Cumulative Layout https://www.youtube.com/watch?v=zIJuY-JCjqw Microsoft shows off its Edge browser running on Linux https://www.neowin.net/news/microsoft-shows-off-its-edge-browser-running-on-linux Minimalist HTML https://blog.notryan.com/013.txt The Need for Speed, 23 Years Later https://www.nngroup.com/articles/the-need-for-speed/ Using calc to figure out optimal line-height https://hugogiraudel.com/2020/05/18/using-calc-to-figure-out-optimal-line-height/ IE11 Mainstream End Of Life in Oct 2020 https://www.swyx.io/writing/ie11-eol/ Form design: multiple inputs versus one input https://adamsilver.io/articles/form-design-multiple-inputs-versus-one-input/ Safe/unsafe alignment in CSS flexbox https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/ Detect inactive users with the Idle Detection API https://web.dev/idle-detection/ Stop setting the language of your website based on user location https://dev.to/bitdweller/stop-setting-the-language-of-your-website-based-on-my-location-31h0 Animal Crossing: Isabelle's Day Off https://codepen.io/cybercountess/full/gOaoWmX Intersection Observer Visualizer https://codepen.io/michellebarker/full/xxwLpRG ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Second-guessing the modern web https://macwright.org/2020/05/10/spa-fatigue.html No-Comma Color Functions in CSS https://css-tricks.com/no-comma-color-functions-in-css/ CSS fix for 100vh in mobile WebKit https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/ Intersection Observer Visualizer https://codepen.io/michellebarker/full/xxwLpRG Modern CSS Solutions for Old CSS Problems https://moderncss.dev/ JavaScript Features To Forget https://davidflanagan.com/2020/05/12/javascript-to-forget.html Equal Width Columns in CSS Grid are Kinda Weird https://css-tricks.com/equal-width-columns-in-css-grid-are-kinda-weird/ Understanding Destructuring, Rest Parameters, and Spread Syntax https://www.taniarascia.com/understanding-destructuring-rest-spread/ React Animation Libraries for 2020 https://blog.bitsrc.io/react-animation-libraries-for-2020-437a21c73fed ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Recoil A state management library for React https://recoiljs.org/ JavaScript Features To Forget https://davidflanagan.com/2020/05/12/javascript-to-forget.html Fast and reliable cross-browser testing with Playwright 🎭 https://medium.com/@arjunattam/fast-and-reliable-cross-browser-testing-with-playwright-155c0e8a821f Announcing TypeScript 3.9 https://devblogs.microsoft.com/typescript/announcing-typescript-3-9/ Deno 1.0 https://deno.land/v1 Tom Preston-Werner Talks About Redwood.js http://www.fullstackradio.com/ Standard IO Under the Hood https://keleshev.com/standard-io-under-the-hood npm v7 Series - Introduction https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction Up to 4GB of memory in WebAssembly https://v8.dev/blog/4gb-wasm-memory Why We Made a New Component Library Instead of Buying One https://medium.com/thron-tech/why-we-made-a-new-component-library-instead-of-buying-one-2335009a0895 Remembering John Conway's FRACTRAN, a ridiculous, yet surprisingly deep language http://raganwald.com/2020/05/03/fractran.html Upgrading a Legacy Angular Web App https://blog.marklreyes.com/upgrading-a-legacy-angular-web-app/ ESLint v7.0.0 released https://eslint.org/blog/2020/05/eslint-v7.0.0-released Next.js 9.4 https://nextjs.org/blog/next-9-4 Fuse.js 6.0: Lightweight Fuzzy-Search Without Dependencies https://fusejs.io/ Perfume.js 5.0: A Web Performance Library for Measuring User-Centric Perf Metrics https://zizzamia.github.io/perfume/ Shifty: A Teeny Tiny Tweening Engine https://jeremyckahn.github.io/shifty/doc/ Color2K: A Color Parsing and Manipulation Library in 2KB or Less https://color2k.com/ (one of us) - Example of microservices architecture with nodejs nginx docker and react https://github.com/almog-kiki/nodejs-microservices Accessible Animations in React https://joshwcomeau.com/react/prefers-reduced-motion/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node weekly: one of us: GraphQL API or REST API? Why not have BOTH? https://medium.com/swlh/graphql-api-or-rest-api-why-not-have-both-c4171e68900a https://github.com/sisense/graphql2rest npm v7 Series - Introduction https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction Fast and reliable cross-browser testing with Playwright 🎭 https://medium.com/@arjunattam/fast-and-reliable-cross-browser-testing-with-playwright-155c0e8a821f Deno 1.0 https://deno.land/v1 Jest 26: Tick Tock https://jestjs.io/blog/2020/05/05/jest-26 Debug Anything: The Basics https://charlesagile.com/debug-series-nodejs-browser-javascript Creating ePub Files with Node.js http://thecodebarbarian.com/creating-epub-files-with-node-js.html How I Built My Own Forecasting Tool Using a Weather API https://www.freecodecamp.org/news/how-i-built-my-own-forecasting-tool-using-a-weather-api/ Node.js Certification: My Experience and Advice https://dev.to/kkomelin/node-js-certification-my-experience-and-advice-9bj Remembering John Conway's FRACTRAN, a ridiculous, yet surprisingly deep language http://raganwald.com/2020/05/03/fractran.html How To Install Node.js on Ubuntu 20.04 https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-20-04 ESLint v7.0.0 released https://eslint.org/blog/2020/05/eslint-v7.0.0-released A powerful and customizable logging library for node.js https://github.com/baryon/tracer A module for managing MySQL connections at serverless scale. https://github.com/jeremydaly/serverless-mysql Portable and lightweight cross platform application development framework https://neutralino.js.org ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

New : Deno weekly Deno 1.0 https://deno.land/v1 The Deno Handbook: A TypeScript Runtime Tutorial with Code Examples https://www.freecodecamp.org/news/the-deno-handbook/ Deno 1.0: What you need to know https://blog.logrocket.com/deno-1-0-what-you-need-to-know/ The Deno Third Party Modules Directory https://deno.land/x/ DenoPkg: Nicer URLs for Your GitHub-Hosted Deno Code? https://denopkg.com/ Deno on Cloud Run https://medium.com/google-cloud/deno-on-cloud-run-89ae64d1664d Coward is a Deno module for easy interaction with the Discord API https://github.com/fox-cat/coward An npm-style script runner for Deno https://github.com/umbopepato/velociraptor Deno SQLite module https://github.com/dyedgreen/deno-sqlite Run Deno 🦕 on Azure Functions ⚡️ https://github.com/anthonychu/azure-functions-deno-worker A progressive http server for Deno https://servestjs.org/ PostgreSQL driver for Deno https://github.com/buildondata/deno-postgres A REST microframework for Deno with zero dependencies. https://drash.land/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Let’s Take a Deep Dive Into the CSS Contain Property https://css-tricks.com/lets-take-a-deep-dive-into-the-css-contain-property/ Does masonry belong in the CSS Grid specification? https://rachelandrew.co.uk/archives/2020/05/05/does-masonry-belong-in-the-css-grid-specification/ Rebuilding our tech stack for the new Facebook.com https://engineering.fb.com/web/facebook-redesign/ THANKS TO COVID-19, WEBSITE ACCESSIBILITY HAS NEVER BEEN MORE IMPORTANT https://www.webdesignerdepot.com/2020/05/thanks-to-covid-19-website-accessibility-has-never-been-more-important/ Accessible Animations in React https://joshwcomeau.com/react/prefers-reduced-motion/ This is Firefox's upcoming process manager (about:processes) https://www.ghacks.net/2020/05/11/this-is-firefoxs-upcoming-process-manager-aboutprocesses/ How I put the scroll percentage in the title bar https://www.knutmelvaer.no/blog/2020/05/how-i-put-the-scroll-percentage-in-the-title-bar/ lh and rlh units https://css-tricks.com/lh-and-rlh-units/ A CASE STUDY OF COMPLEX TABLE DESIGN https://jlongster.com/case-study-complex-table-design Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools https://elijahmanor.com/firefox-devtools-inactive-css/ Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols https://www.smashingmagazine.com/2020/05/micro-typography-space-kern-punctuation-marks-symbols/ How and Why You Should Avoid CORS in Single Page Apps https://blog.bitsrc.io/how-and-why-you-should-avoid-cors-in-single-page-apps-db25452ad2f8 13 Security Tips for Front-End Apps https://medium.com/better-programming/frontend-app-security-439797f57892 How to Easily Create a Responsive Vertical Rhythm with CSS https://designmodo.com/vertical-rhythm/ Fast or Slow: Global Website Speed Profiler https://www.fastorslow.com/ Bootstrap 4.5.0 https://blog.getbootstrap.com/2020/05/12/bootstrap-4-5-0/ axe Linter: Automatically Find and Fix Accessibility Issues https://axe-linter.deque.com/ A Canvas Engine Comparison: PixiJS vs Two.js vs Paper.js https://benchmarks.slaylines.io/ GitHub Writer - WYSIWYG Rich-Text Editor for GitHub, powered by CKEditor https://github.com/ckeditor/github-writer Routed Gothic Font https://webonastick.com/fonts/routed-gothic/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories A Complete Guide to CSS Functions https://css-tricks.com/complete-guide-to-css-functions/ window.location Cheatsheet https://dev.to/samanthaming/window-location-cheatsheet-4edl Firefox 76 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/76 Everything I Learned About min(), max(), clamp() In CSS https://ishadeed.com/article/css-min-max-clamp/ lh and rlh units https://css-tricks.com/lh-and-rlh-units/ Front-end Bookmarks https://www.frontendbookmarks.com/ Exciting Things on the Horizon For CSS Layout https://css-irl.info/exciting-things-on-the-horizon-for-css-layout/ Progressively enhancing radio buttons with SVG whilst staying accessible https://christianheilmann.com/2020/05/05/progressively-enhancing-radio-buttons-with-svg-whilst-staying-accessible/ Chromium lands Flexbox gap https://web.dev/flexbox-gap/ CSS Findings From Twitter Design https://ishadeed.com/article/twitter-css/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly