The weekly

Frontend Focus The Rules of Margin Collapse https://www.joshwcomeau.com/css/rules-of-margin-collapse/ The Import On Interaction Pattern https://addyosmani.com/blog/import-on-interaction/ Continuing our journey to bring instant experiences to the whole web https://blog.chromium.org/2020/12/continuing-our-journey-to-bring-instant.html A font-display setting for slow connections https://calendar.perfplanet.com/2020/a-font-display-setting-for-slow-connections/ Bootstrap 5 Beta 1 https://blog.getbootstrap.com/2020/12/07/bootstrap-5-beta-1/ Progressively delivering new image formats with CSS and Cloudflare Workers https://jross.me/progressively-delivering-new-image-formats-with-css-and-cloudflare-workers/ How To Migrate From WordPress To The Eleventy Static Site Generator https://www.smashingmagazine.com/2020/12/wordpress-eleventy-static-site-generator/ Running Lighthouse in GitHub Actions https://calendar.perfplanet.com/2020/running-lighthouse-in-github-actions/ An opinionated guide to accessibility testing https://iainbean.com/posts/2020/an-opinionated-guide-to-accessibility-testing/ How to Get Sticky and Full-Bleed Elements to Play Well Together https://css-tricks.com/how-to-get-sticky-and-full-bleed-elements-to-play-well-together/ Color theory: a beginner's guide for designers https://webflow.com/blog/color-theory Why I Love Tailwind https://mxstbr.com/thoughts/tailwind/ Progressive Enhancement and the Modern Web https://markus.oberlehner.net/blog/progressive-enhancement-and-the-modern-web/ I browsed through 100+ brutalist websites; here’s what I learned https://uxdesign.cc/i-browsed-through-100-brutalist-websites-heres-what-i-learned-b99bfac9a154 Decent Patterns https://notchris.net/patterns/ The "Apple Siri" wave replicated in pure Javascript using the Canvas API. https://github.com/kopiro/siriwave InstaCube https://instacube.moro.es/#username=alterebro Pure CSS Monument Valley II (not for Safari) https://codepen.io/miocene/pen/NWRWQpX ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Please disable JavaScript to view this site https://heydonworks.com/ The State of CSS 2020 Results https://2020.stateofcss.com/en-US/ How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/ Time to Say Goodbye to Google Fonts https://wicki.io/posts/2020-11-goodbye-google-fonts/ Under-Engineered Responsive Tables https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html Creating websites with prefers-reduced-data https://polypane.app/blog/creating-websites-with-prefers-reduced-data/ A Calendar in Three Lines of CSS https://calendartricks.com/a-calendar-in-three-lines-of-css/ A Dynamically-Sized Sticky Sidebar with HTML and CSS https://css-tricks.com/a-dynamically-sized-sticky-sidebar-with-html-and-css/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly WMR: A Tiny All-in-One Development Tool for Modern Web Apps https://github.com/preactjs/wmr Here’s what people in tech had to say about JavaScript when it debuted in 1995 https://superhighway.dev/javascript-25-years-1995 Vue vs. Svelte with Evan You and Rich Harris https://undefined.fm/radio/vue-vs-svelte-with-evan-you-and-rich-harris Puppeteer vs Selenium vs Playwright, a speed comparison https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/ Automatic Social Share Images https://www.ryanfiller.com/blog/automatic-social-share-images/ New for AWS Lambda – Functions with Up to 10 GB of Memory and 6 vCPUs https://aws.amazon.com/blogs/aws/new-for-aws-lambda-functions-with-up-to-10-gb-of-memory-and-6-vcpus/ Lots of Ways to Use Math.random() in JavaScript https://css-tricks.com/lots-of-ways-to-use-math-random-in-javascript/ Building a Svelte Static Website with Smooth Page Transitions https://tympanus.net/codrops/2020/11/30/building-a-svelte-static-website-with-smooth-page-transitions/ Converting a jQuery plugin to vanilla JS: Lettering.js https://gomakethings.com/converting-a-jquery-plugin-to-vanilla-js-lettering.js/ Reading John Resig's 'Pro JavaScript Techniques' 14 Years Later https://www.marklreyes.com/review-of-pro-javascript-techniques/ JSON Formatter Live: A Minimalist JSON Formatter & Minifier, Installable as a PWA https://jsonformatter.live/ JSONEditor: A Component for Viewing and Editing JSON https://github.com/josdejong/jsoneditor JsDiff - compare javascript libraries with ease! https://jsdiff.dev/ JavaScript Algorithms and Data Structures https://github.com/trekhleb/javascript-algorithms Mannequin.js: A Library to Render and Manipulate a Mannequin Figure https://boytchev.github.io/mannequin.js/ Compressor.js: Client-Side Image Compressor https://fengyuanchen.github.io/compressorjs/ GitHub API authentication library for browsers and Node.js https://github.com/octokit/auth.js The React Hooks Announcement In Retrospect: 2 Years Later https://dev.to/ryansolid/the-react-hooks-announcement-in-retrospect-2-years-later-18lm A simple and customizable React notifications system https://github.com/LouisBarranqueiro/reapop Next.js API Middleware https://github.com/htunnicliff/next-api-middleware 10 Must-Read Books for Software Engineers https://dev.to/simonholdorf/10-must-read-books-for-software-engineers-13d0 TypeScript Performance Tips https://github.com/microsoft/TypeScript/wiki/Performance Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles https://prettier.io/blog/2020/11/20/2.2.0.html How to Test React.useEffect https://epicreact.dev/how-to-test-react-use-effect/?ck_subscriber_id=363852601 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly New for AWS Lambda – Container Image Support https://aws.amazon.com/blogs/aws/new-for-aws-lambda-container-image-support/ csv-parser 3.0: A Streaming CSV Parser Aimed at Maximum Speed https://github.com/mafintosh/csv-parser NPM 7: This Is What I Call An Update https://blog.bitsrc.io/npm-7-this-is-what-i-call-an-update-de17a34ab787 Measuring page performance https://theheadless.dev/posts/basics-performance/ Mining your CLI history for good git aliases https://httptoolkit.tech/blog/find-best-git-aliases/ Node.js Web App Deployed to AWS Fargate w/ Auto-Scaling https://matthewkindzerske.com/2020/11/19/node-js-web-app-deployed-to-aws-fargate-w-auto-scaling/ Understand JavaScript Reduce With 5 Examples http://thecodebarbarian.com/javascript-reduce-in-5-examples.html Malicious npm packages caught installing remote access trojans https://www.zdnet.com/article/malicious-npm-packages-caught-installing-remote-access-trojans/ Add DuckDB node.js API https://github.com/cwida/duckdb/pull/1112 auth.js 3.0: GitHub API Authentication Library for Node and Browser https://github.com/octokit/auth.js pg-mem: An Experimental In-Memory Postgres Instance for Tests https://github.com/oguimbal/pg-mem Serverless-Postgres: Manage Postgres Connections at Serverless Scale in Node.js https://github.com/MatteoGioioso/serverless-pg NPM Release v7.0.15 https://blog.npmjs.org/post/635957977230213120/release-v7015 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The State of CSS Survey 2020 Results https://stateofcss.com/ PWAdvent: A Browser Feature Advent Calendar https://pwadvent.dev/ Why Do We Call it a Homepage? https://thehistoryoftheweb.com/why-do-we-call-it-a-homepage/ Weaving Web Accessibility With Usability https://www.smashingmagazine.com/2020/11/weaving-web-accessibility-usability/ A Deep Dive Into CSS Grid minmax() https://ishadeed.com/article/css-grid-minmax/ Building a Svelte Static Website with Smooth Page Transitions https://tympanus.net/codrops/2020/11/30/building-a-svelte-static-website-with-smooth-page-transitions/ How to Add Text in Borders Using Basic HTML Elements https://css-tricks.com/how-to-add-text-in-borders-using-basic-html-elements/ Under-Engineered Responsive Tables https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html A Calendar in Three Lines of CSS https://calendartricks.com/a-calendar-in-three-lines-of-css/ The UX of Among Us: The importance of colorblind-friendly design https://uxdesign.cc/the-importance-of-colorblind-friendly-design-case-study-among-us-dcd042c87b9 Self-Hosting Google Fonts https://tryblackbird.com/blog/self-hosting-google-fonts CSS Flexbox Tutorial for Beginners (With Interactive Examples) https://www.codeinwp.com/blog/css-flexbox-tutorial/ Creating websites with prefers-reduced-data https://polypane.app/blog/creating-websites-with-prefers-reduced-data/ Playfulness In Code: Supercharge Your Learning By Having Fun https://www.smashingmagazine.com/2020/11/playfulness-code-supercharge-fun-learning/ Three small tips for shrinking SVG images https://shkspr.mobi/blog/2020/11/three-small-tips-for-shrinking-svg-images/ Netflix intro animation - Pure CSS https://dev.to/claudiobonfati/netflix-intro-animation-pure-css-1m0c ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Why it's good for users that HTML, CSS and JS are separate languages https://hiddedevries.nl/en/blog/2020-11-25-why-its-good-for-users-that-html-css-and-js-are-separate-languages/ What’s Missing From CSS? https://whatsmissingfromcss.com/ Tailwind versus BEM https://thoughtbot.com/blog/tailwind-versus-bem Text Gradients https://codyhouse.co/nuggets/text-gradients Thinking Like a Front-end Developer https://ishadeed.com/article/thinking-like-a-front-end-developer/ Release Notes for Safari Technology Preview 116 https://webkit.org/blog/11348/release-notes-for-safari-technology-preview-116/ JavaScript Interview Questions https://skilled.dev/course/javascript-interview-questions ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Flash Animations Live Forever at the Internet Archive http://blog.archive.org/2020/11/19/flash-animations-live-forever-at-the-internet-archive/ Black Friday deals for JavaScript developers https://superhighway.dev/black-friday-developer-things-2020 TypeScript Performance Tips https://github.com/microsoft/TypeScript/wiki/Performance TypeScriptToLua: Write Lua with TypeScript https://typescripttolua.github.io/ Boop! A Whimsical Twist on Hover Transitions https://www.joshwcomeau.com/react/boop/ Back/forward cache https://web.dev/bfcache/ Use console.log() Like a Pro https://denic.hashnode.dev/use-consolelog-like-a-pro What is Static Site Generation? How Next.js Uses SSG for Dynamic Web Apps https://www.freecodecamp.org/news/static-site-generation-with-nextjs/ How I Built and Deployed a Fun Serverless Machine Learning App https://towardsdatascience.com/building-and-deploying-cartoonify-b4786b382d7e Adding video with Vime.js https://blog.logrocket.com/adding-video-with-vime-js/ Automating My YouTube Uploads Using Node.js https://www.youtube.com/watch?v=gncPwSEzq1s Podcast 289: React, jQuery, Vue: what’s your favorite flavor of vanilla JS? https://stackoverflow.blog/2020/11/24/podcast-289-react-jquery-vue-whats-your-favorite-flavor-of-vanilla-js/ List.js 2.3.0: Add Search, Sort, Filters, and More to Tables and Lists https://github.com/javve/list.js uvu: A Fast and Lightweight Test Runner https://github.com/lukeed/uvu reading-time: Medium-Like Reading Time Estimation https://github.com/ngryman/reading-time Zettlr: A Modern Markdown Editor https://github.com/Zettlr/Zettlr Good Bye Web APIs https://dev.to/mvila/good-bye-web-apis-2bel How to useRef to Fix React Performance Issues https://dev.to/notsidney/how-to-useref-to-fix-react-performance-issues-e8p Reactochart: Chart Components by Spotify https://github.com/spotify/reactochart A Thoughtful Way To Use React’s useRef() Hook https://www.smashingmagazine.com/2020/11/react-useref-hook/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v15.3.0 https://nodejs.org/en/blog/release/v15.3.0/ Azure Functions Node.js 14 preview https://github.com/Azure/azure-functions-nodejs-worker/wiki/Azure-Functions-Node.js-14-preview CLI to create new Node.js CLI applications. Learn to build Node.js CLI apps. https://github.com/ahmadawais/create-node-cli Our Journey to a High-Performance Node.js Library https://hazelcast.com/blog/our-journey-to-a-high-performance-node-js-library/ Node v12.20.0 https://nodejs.org/en/blog/release/v12.20.0/ Automating My YouTube Uploads Using Node.js https://www.youtube.com/watch?v=gncPwSEzq1s How To Secure Node.js Applications with a Content Security Policy https://www.digitalocean.com/community/tutorials/how-to-secure-node-js-applications-with-a-content-security-policy Learn How To Use Webhooks By Connecting NodeJS, IFTTT and Twitter https://hackernoon.com/learn-how-to-use-webhooks-by-connecting-nodejs-ifttt-and-twitter-k0w3121 Terminal Chat Application using Serverless Redis https://medium.com/lambda-store/terminal-chat-application-using-serverless-redis-1feec78cbfa Why I chose Electron.js for my side business https://getloaf.io/blog/why-i-chose-electronjs/ uvu: A Fast and Lightweight Test Runner https://github.com/lukeed/uvu Odiff: A 'Blazing Fast' Pixel-by-Pixel Image Diffing Tool https://github.com/dmtrKovalenko/odiff Node-RED: Low Code Programming for Event Driven Apps https://nodered.org/ Node Archiver: A Streaming Interface for Archive Generation https://www.archiverjs.com/ ni: Use The Right Package Manager https://github.com/antfu/ni ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly Build your own HTTP Router for Deno https://www.youtube.com/watch?v=PtlhttN3ftA Deno 1.5.4 Released https://github.com/denoland/deno/releases/tag/v1.5.4 Deno 1.5 Sees 3x Bundling Performance Improvement Due to Rust-Based JavaScript/TypeScript Compiler https://www.infoq.com/news/2020/11/deno-15-released/ dvm: A Fast and Simple Version Manger for Deno https://github.com/axetroy/dvm deno-canvas: Canvas API for Deno, Ported from canvaskit-wasm (Skia) https://github.com/DjDeveloperr/deno-canvas Stampede: Deno REST Framework and Ecosystem https://github.com/bashovski/stampede deno_mysql: A MySQL Driver for Deno https://github.com/denodrivers/mysql ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Tailwind CSS v2.0 https://blog.tailwindcss.com/tailwindcss-v2 FrontPage: The Good, The Bad, and The Ugly https://invisibleup.com//articles/33/ Simulating color vision deficiencies in the Blink Renderer https://developers.google.com/web/updates/2020/11/cvd Back/forward cache https://web.dev/bfcache/ Chris Ferdinandi: The Lean Web https://wordpress.tv/2020/10/29/chris-ferdinandi-the-lean-web/ Why it's good for users that HTML, CSS and JS are separate languages https://hiddedevries.nl/en/blog/2020-11-25-why-its-good-for-users-that-html-css-and-js-are-separate-languages/ Chrome DevTools: Refactor and improve your stylesheets with the CSS Overview Panel https://umaar.com/dev-tips/240-css-overview-improved/ The most accurate way to schedule a function in a web browser https://medium.com/teads-engineering/the-most-accurate-way-to-schedule-a-function-in-a-web-browser-eadcd164da12 Text Gradients https://codyhouse.co/nuggets/text-gradients Quick tutorial CSS tip: How to show source code the easy way https://dev.to/codepo8/quick-tutorial-css-tip-how-to-show-source-code-the-easy-way-2npl Simple pie charts with fallback, today https://lea.verou.me/2020/11/simple-pie-charts-with-fallback-today/ Creating WebGL Effects with CurtainsJS https://css-tricks.com/creating-webgl-effects-with-curtainsjs/ Use a Submit Button Outside of a Form! https://davidwalsh.name/submit-button-outside-form A centered CSS navigation with fit-content https://www.stefanjudis.com/snippets/a-centered-css-navigation-with-fit-content/ How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/ 5 CSS pseudo-elements you never knew existed https://blog.logrocket.com/5-css-pseudo-elements-you-never-knew-existed/ Dev Fonts https://devfonts.gafi.dev/ Polypane 4: Unified Console, DOM tree in elements panel https://polypane.app/blog/polypane-4-unified-console-dom-tree-in-elements-panel/ Type Scale: A Visual Type Scale Calculator https://type-scale.com/ Harold is a CLI tool that compares frontend project bundles in size. https://github.com/funbox/harold CSS Background Patterns https://www.magicpattern.design/tools/css-backgrounds ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Thinking Outside the Box with CSS Grid https://frontend.horse/articles/thinking-outside-the-box-with-css-grid/ A Deep Dive Into CSS Grid minmax() https://ishadeed.com/article/css-grid-minmax/ New WebKit Features in Safari 14 https://webkit.org/blog/11340/new-webkit-features-in-safari-14/ A Complete Guide to CSS Gradients https://css-tricks.com/a-complete-guide-to-css-gradients/ Chrome DevTools: Refactor and improve your stylesheets with the CSS Overview Panel https://umaar.com/dev-tips/240-css-overview-improved/ Firefox 83 is upon us https://hacks.mozilla.org/2020/11/firefox-83-is-upon-us/ console.log({ myVariable }); https://css-tricks.com/console-log-myvariable/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing TypeScript 4.1 https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/ Going from JavaScript to WebAssembly in three steps https://engineering.q42.nl/webassembly/ Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles https://prettier.io/blog/2020/11/20/2.2.0.html What's New in Angular 11? https://medium.com/better-programming/whats-new-in-angular-11-3f7309acc02d Electron 11 Released with Experimental Apple Silicon Support https://www.electronjs.org/releases/stable#11.0.0 The case for Weak Dependencies in JS https://lea.verou.me/2020/11/the-case-for-weak-dependencies-in-js/ The most accurate way to schedule a function in a web browser https://medium.com/teads-engineering/the-most-accurate-way-to-schedule-a-function-in-a-web-browser-eadcd164da12 Importing React Through the Ages https://epicreact.dev/importing-react-through-the-ages/ Creating WebGL Effects with CurtainsJS https://css-tricks.com/creating-webgl-effects-with-curtainsjs/ What’s New In Vue 3? https://www.smashingmagazine.com/2020/11/new-vue3-update/ Super simple start to Firebase functions https://kentcdodds.com/blog/super-simple-start-to-firebase-functions What’s the difference between Event Handlers & addEventListener in JS? https://medium.com/dailyjs/whats-the-difference-between-event-handlers-addeventlistener-in-js-963431f05c34 Integrating Cobol with JavaScript https://medium.com/graalvm/integrating-cobol-with-javascript-c2d1ffe00678 Skypack + CodePen https://blog.codepen.io/2020/11/18/skypack-codepen/ JSON Web Almost Everything https://github.com/panva/jose general purpose JSON utility toolkit https://github.com/humanwhocodes/momoa Create a unique string https://gist.github.com/SimonHoiberg/ad2710c8626c5a74cddd8f6385795cc0 Harold: A CLI Tool That Compares Frontend Project Bundles in Size https://github.com/funbox/harold ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly 🐦 Stand Aside CommonJS, Node.js is ESM Country Now https://twitter.com/MylesBorins/status/1329163754639155201 Security releases available https://nodejs.org/en/blog/vulnerability/november-2020-security-releases/ Building Modern Native Add-ons for Node.js in 2020 https://nodejs.medium.com/building-modern-native-add-ons-for-node-js-in-2020-cd3992c68e0 Announcing Apostrophe 3 Alpha https://apostrophecms.com/blog/announcing-apostrophe-3-alpha Electron v11.0.0 https://www.electronjs.org/releases/stable#11.0.0 Use a Docker container as a development environment with Visual Studio Code https://docs.microsoft.com/en-us/learn/modules/use-docker-container-dev-env-vs-code/ Using Vue as a Node.js Static Site Generator http://thecodebarbarian.com/using-vue-as-a-node-js-static-site-generator.html Reusable development containers with Docker Compose and Dip https://evilmartians.com/chronicles/reusable-development-containers-with-docker-compose-and-dip Capturing User Emails in Google Sheets for PrimaryCast https://medium.com/graphicacy/capturing-user-emails-in-google-sheets-for-primarycast-b3eaf7a38979 Adding Authorization to a Serverless Node.js App https://www.osohq.com/post/add-authorization-to-a-serverless-nodejs-app cote — A Node.js library for building zero-configuration microservices https://github.com/dashersw/cote HTTP Status codes for Node https://github.com/adaltas/node-http-status ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus A Complete Guide to CSS Gradients https://css-tricks.com/a-complete-guide-to-css-gradients/ New WebKit Features in Safari 14 https://webkit.org/blog/11340/new-webkit-features-in-safari-14/ Babylon.js 4.2: Simplicity Reimagined https://babylonjs.medium.com/babylon-js-4-2-simplicity-reimagined-965f88d0fad Everyone Should Have Access to the Web https://thehistoryoftheweb.com/world-wide-web-foundation-and-africa/ The Cleanest Trick for Autogrowing Textareas https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ Standardizing <select> And Beyond: The Past, Present And Future Of Native HTML Form Controls https://www.smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/ Microsoft Edge | Building extensions https://www.youtube.com/watch?v=iYX-AJApLeo Best Practices For E-Commerce UI Design smashingmagazine.com/2020/11/best-practices-ecommerce-ui-design/ Contact Form Processing Made Easy with Netlify https://snipcart.com/blog/netlify-forms Web Development for Beginners - A Curriculum https://github.com/microsoft/Web-Dev-For-Beginners How to Make curl Request a Site from a Different IP Than in DNS https://dev.to/peterc/how-to-make-curl-request-a-site-from-a-different-ip-than-in-dns-4n45 The Reason Comic Sans Is a Public Good https://www.thecut.com/2020/08/the-reason-comic-sans-is-a-public-good.html Top 7 Best Frontend Development Frameworks and When To Use Them https://hackernoon.com/top-7-best-frontend-development-frameworks-and-when-to-use-them-4v3a3wwa Beginner’s Guide to Static Site Generators https://bejamas.io/blog/static-site-generators/ API for Web Icons https://svgbox.net/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Cleanest Trick for Autogrowing Textareas https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ Operator Lookup https://joshwcomeau.com/operator-lookup/ What's New In DevTools (Chrome 88) https://developers.google.com/web/updates/2020/11/devtools Dropping Support For IE11 Is Progressive Enhancement https://blog.carlmjohnson.net/post/2020/time-to-kill-ie11/ Webbed Briefs https://briefs.video/ HTML Forms: How (and Why) to Prevent Double Form Submissions https://www.bram.us/2020/11/04/preventing-double-form-submissions/ The Raven Technique: One Step Closer to Container Queries https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly 10 Insights from Adopting TypeScript at Scale https://www.techatbloomberg.com/blog/10-insights-adopting-typescript-at-scale/ Operator Lookup https://joshwcomeau.com/operator-lookup?match=addition-assignment Version 11 of Angular Now Available https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7 Babylon.js 4.2: Simplicity Reimagined https://babylonjs.medium.com/babylon-js-4-2-simplicity-reimagined-965f88d0fad Interlude: Rethinking the JavaScript Pipeline Operator https://www.wix.engineering/post/interlude-rethinking-the-javascript-pipeline-operator Understanding Modules and Import and Export Statements in JavaScript https://www.digitalocean.com/community/tutorials/understanding-modules-and-import-and-export-statements-in-javascript Things I Don’t Like about Vue.js (as a React engineer) https://hswolff.com/blog/things-i-dont-like-about-vuejs-as-a-react-engineer/ Back to Basics: Event Delegation https://christianheilmann.com/2020/11/01/back-to-basics-event-delegation/ Using Vue as a Node.js Static Site Generator http://thecodebarbarian.com/using-vue-as-a-node-js-static-site-generator.html Mermaid: Markdown-'ish' Syntax for Generating Flowcharts, Sequence Diagrams, and More https://mermaid-js.github.io/mermaid/#/ jsdiff: A JavaScript Text Diffing Implementation https://github.com/kpdecker/jsdiff core-js 3.7.0: A Modular Standard Library and Polyfills for JS https://github.com/zloirock/core-js React Frontload Simple full-stack data loading for React https://davnicwil.com/react-frontload/ Vue.js in Web Worker https://github.com/niutech/vue-in-web-worker A Minimalistic Wrapper for IndexedDB https://dexie.org/ ShareDB 1.5: Realtime Database Backend Based on Operational Transformation https://github.com/share/sharedb 7 code smells in your React components https://dev.to/awnton/7-code-smells-in-react-components-5f66 Everyday 30 million people experience. It's reliable, flexible and extendable carousel. https://github.com/naver/egjs-flicking 10 React security best practices https://snyk.io/blog/10-react-security-best-practices/ Use CSS Variables instead of React Context https://epicreact.dev/css-variables/ How To Build A GraphQL Server Using Next.js API Routes https://www.smashingmagazine.com/2020/10/graphql-server-next-javascript-api-routes/ Memoization and React‏ https://epicreact.dev/memoization-and-react/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly GitHub Actions to securely publish npm packages https://snyk.io/blog/github-actions-to-securely-publish-npm-packages/ Socket.IO 3 Release https://socket.io/blog/socket-io-3-release/ Node v15.2.0 (Current) https://nodejs.org/en/blog/release/v15.2.0/ npm Release v7.0.9 https://blog.npmjs.org/post/634067895980294144/release-v709 3x Smaller Lambda Artifacts by Removing Junk From node_modules https://itnext.io/3x-smaller-lambda-artifacts-by-removing-junk-from-node-modules-2b50780ca1f5 NPM Clients That Are Better Than The Original https://blog.bitsrc.io/npm-clients-that-are-better-than-the-original-cd54ed0f5fe7 Is Firebase Functions With Node.js Changing Web Development? - A Firebase Cloud Functions Guide https://www.youtube.com/watch?v=dc_mCv2pmSA Web scraping that just works with OpenFaaS with Puppeteer https://www.openfaas.com/blog/puppeteer-scraping/ Functional HTTP client for Node.js and Browsers with async/await. https://github.com/mikeal/bent Sir.DB -- A simple database on the file system. https://github.com/c9fe/sirdb n8n.io: Open Source Workflow Automation System https://n8n.io/ Shout-out supporters in your GitHub README file. https://github.com/c9fe/sirdb ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus “What Is ARIA Even For?” https://briefs.video/#pilot Understanding flex-grow, flex-shrink, and flex-basis https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/ Dropping Support For IE11 Is Progressive Enhancement https://blog.carlmjohnson.net/post/2020/time-to-kill-ie11/ Internationalization And Localization For Static Sites https://www.smashingmagazine.com/2020/11/internationalization-localization-static-sites/ Web animation gotchas - HTTP 203 https://www.youtube.com/watch?v=9-6CKCz58A8&feature=emb_logo HTML Forms: How (and Why) to Prevent Double Form Submissions https://www.bram.us/2020/11/04/preventing-double-form-submissions/ Back to Basics: Event Delegation https://christianheilmann.com/2020/11/01/back-to-basics-event-delegation/ What's Missing From CSS? https://whatsmissingfromcss.com/ JavaScript Game Tutorial - Create Tic Tac Toe with HTML, CSS, and JavaScript https://www.youtube.com/watch?v=E621N5GBKv8 Free Tailwind landing page template https://github.com/cruip/tailwind-landing-page-template A CSS stylesheet to quickly highlight a11y concerns. https://checka11y.jackdomleo.dev/ SVGPathEditor: Edit and Save SVG Path Data https://yqnn.github.io/svg-path-editor/ imagemaps: Create Annotated Interactive Images https://www.imagemaps.net/ Microsoft Edge Tools for VS Code https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools#edgetools ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Native CSS Masonry Layout In CSS Grid https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/ Comparing Various Ways to Hide Things in CSS https://css-tricks.com/comparing-various-ways-to-hide-things-in-css/ This page is a truly naked, brutalist html quine. https://secretgeek.github.io/html_wysiwyg/html.html Chasing the Pixel-Perfect Dream https://joshwcomeau.com/css/pixel-perfection/ Site-Speed Topography https://csswizardry.com/2020/11/site-speed-topography/ How to Write Loops with Preprocessors https://css-tricks.com/how-to-write-loops-with-preprocessors/ Additive Animations in CSS https://danielcwilson.com/blog/2020/10/additive-css-animations/ for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly What's the deal with SvelteKit? https://svelte.dev/blog/whats-the-deal-with-sveltekit WTFJS: A List of Funny and Tricky JavaScript Examples https://github.com/denysdovhan/wtfjs#readme New, Core 'Redux Fundamentals' Tutorial https://redux.js.org/tutorials/fundamentals/part-1-overview Node v15.1.0 (Current) https://nodejs.org/en/blog/release/v15.1.0/ Data Visualization With ApexCharts https://www.smashingmagazine.com/2020/11/data-visualization-apexcharts/ Clickjacking Attacks and How to Prevent Them https://auth0.com/blog/preventing-clickjacking-attacks/ ES Modules in Depth https://ui.dev/esmodules/ FFmpeg.wasm, a pure WebAssembly / JavaScript port of FFmpeg https://jeromewu.github.io/ffmpeg-wasm-a-pure-webassembly-javascript-port-of-ffmpeg/ The JavaScript Self-Profiling API https://addyosmani.com/blog/js-self-profiling/ Build a Remaining Character Count Component with Alpine.js https://ryangjchandler.co.uk/articles/build-a-remaining-character-count-component-with-alpinejs Building a type checked url router from scratch https://ja.nsommer.dk/articles/type-checked-url-router.html Fancy TypeScript Features for the Everyday Developer https://www.youtube.com/watch?v=hDvfHdFVbpQ SpaceTime: A Lightweight Timezone Library https://github.com/spencermountain/spacetime socket.io v3 https://github.com/socketio/socket.io Dojo3D: A Library for Simple 3D Interactive Story Telling https://github.com/webprofusion/dojo3d Make JSON greppable! https://github.com/tomnomnom/gron Graphery SVG: A Library for SVG Creation and Management https://www.graphery.org/svg/ SpanTree: Adds Tree-Based File Navigation to GitLab https://github.com/tavyandy97/span-tree Marked: A Fast Markdown Parser and Compiler https://github.com/markedjs/marked ----------------------------- for more -subscribe to the channel https://t.me/webWekkly