The weekly

JavaScript Weekly Jest 26 Released: The Popular Testing Framework https://jestjs.io/blog/2020/05/05/jest-26 1LOC: A Collection of One-Line JS Snippets https://1loc.dev/ Comparing Ember Octane and React https://www.pzuraq.com/comparing-ember-octane-and-react/ Deno 1.0: What you need to know https://blog.logrocket.com/deno-1-0-what-you-need-to-know/ Debug Anything: The Basics https://charlesagile.com/debug-series-nodejs-browser-javascript How To Build A Vue Survey App Using Firebase Authentication And Database https://www.smashingmagazine.com/2020/05/vue-survey-app-firebase-authentication-database/ ES2020 - Promise.any https://mariosfakiolas.com/blog/es2020-promise-any/ ES2020: Everything You Need to Know https://www.martinmck.com/posts/es2020-everything-you-need-to-know/ Building a Crossword Puzzle Generator https://mitchum.blog/building-a-crossword-puzzle-generator-with-javascript/ Getting started with Sapper and Svelte https://chrisboakes.com/getting-started-with-sapper-and-svelte/ ES2015+ cheatsheet https://devhints.io/es6 How to Fix ESLint Errors Upon Save in VS Code https://davidwalsh.name/eslint-vscode Building a Markdown blog with Next 9.3 and Netlify https://www.netlify.com/blog/2020/05/04/building-a-markdown-blog-with-next-9.3-and-netlify/ A Canvas Engine Comparison: PixiJS vs Two.js vs Paper.js https://benchmarks.slaylines.io/ Selecto.js: Make Elements Selectable Within an Area https://github.com/daybrush/selecto Zero config GUI for Jest https://github.com/Raathigesh/majestic Pico: Take Browser Screenshots Client-Side with JavaScript https://github.com/nikersify/pico#readme React Flow - A Library for Rendering Interactive Graphs https://webkid.io/blog/react-flow-node-based-graph-library/ NeutralinoJS: Build Cross-Platform Apps Using JS, HTML and CSS https://github.com/neutralinojs/neutralinojs RxJS Primitives: A Set of Libraries That Provide Operators for RxJS https://tanepiper.github.io/rxjs-primitives/ The Merits of Mocking https://kentcdodds.com/blog/the-merits-of-mocking?ck_subscriber_id=363852601 The tradeoffs of CSS-in-JS https://medium.com/free-code-camp/the-tradeoffs-of-css-in-js-bee5cf926fdb React State Management in 2020 https://medium.com/better-programming/react-state-management-in-2020-719d10c816bf Square Brackets are the Enemy https://hueniverse.com/square-brackets-are-the-enemy-ff5b9fd8a3e8 Storybook v6.0.0-beta.0 https://github.com/storybookjs/storybook/releases/tag/v6.0.0-beta.0 5 Best Practices for Writing Clean JavaScript https://medium.com/javascript-in-plain-english/5-best-practices-for-writing-clean-javascript-be366adb2859 Deno is Coming https://www.youtube.com/watch?v=P6cInhvnX9E ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Deno 1.0: What you need to know https://blog.logrocket.com/deno-1-0-what-you-need-to-know/ deno weekly https://denoweekly.com/ Node v14.2.0 (Current) https://nodejs.org/en/blog/release/v14.2.0/ Showcase: nut.js 1.4.0 https://www.youtube.com/watch?v=MpIyUJnU_Bk Using Buffers in Node.js https://www.digitalocean.com/community/tutorials/using-buffers-in-node-js Build A REST Service With Fastify https://codesource.io/build-a-rest-service-with-fastify/ Load Testing using Node.js https://www.youtube.com/watch?v=emFT-S8GAOk How to Fix ESLint Errors Upon Save in VS Code https://davidwalsh.name/eslint-vscode Avoiding Memory Leaks in NodeJS: Best Practices for Performance https://blog.appsignal.com/2020/05/06/avoiding-memory-leaks-in-nodejs-best-practices-for-performance.html 'Some thoughts on the npm acquisition..' https://threader.app/thread/1258080677464956929https://threader.app/thread/1258080677464956929 npm Release: 6.14.5 https://blog.npmjs.org/post/617204472325767168/release-6145 Node.js implementation of FarmHash, Google's family of high performance hash functions https://github.com/lovell/farmhash ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Introducing Web Vitals: essential metrics for a healthy site https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html A Complete Guide to CSS Functions https://css-tricks.com/complete-guide-to-css-functions/ 10 Years of HTML5 Boilerplate https://htmlcssjavascript.com/web/10-years-of-html5-boilerplate/ Firefox 76: Audio worklets and other tricks https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/ Exciting Things on the Horizon For CSS Layout https://css-irl.info/exciting-things-on-the-horizon-for-css-layout/ Selection in CSS https://ishadeed.com/article/selection-in-css/ Add file sharing and canShare function for Web Share API v2 https://bugs.webkit.org/show_bug.cgi?id=207491 For many, accessibility is an unknown unknown https://kilianvalkhof.com/2020/accessibility/accessibility-is-an-unknown-unknown/ Is it time for a Web Performance rebrand? https://simonhearne.com/2020/web-performance-rebrand/ Beginner's Guide to Eleventy https://tatianamac.com/posts/beginner-eleventy-tutorial-parti/ window.location Cheatsheet https://dev.to/samanthaming/window-location-cheatsheet-4edl Styling in the Shadow DOM With CSS Shadow Parts https://css-tricks.com/styling-in-the-shadow-dom-with-css-shadow-parts/ Progressively enhancing radio buttons with SVG whilst staying accessible https://christianheilmann.com/2020/05/05/progressively-enhancing-radio-buttons-with-svg-whilst-staying-accessible/ How to Create Pure CSS Games https://medium.com/cssclass-com/how-to-create-pure-css-games-2a29c777bf4 Take browser screenshots in Javascript https://github.com/nikersify/pico#readme 18n Ally: An All-in-One i18n Extension for VS Code https://github.com/antfu/i18n-ally#readme A Chrome extension to measure essential metrics for a healthy site https://github.com/GoogleChrome/web-vitals-extension Sitesauce: A Static Site for Your Dynamically-Generated Website https://sitesauce.app/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories What I wish I knew about React https://bitsofco.de/what-i-wish-i-knew-about-react/ We’re not smarter than browsers https://remysharp.com/2020/04/29/were-not-smarter-than-browsers4 SVG, Favicons, and All the Fun Things We Can Do With Them https://css-tricks.com/svg-favicons-and-all-the-fun-things-we-can-do-with-them/ Dark mode and variable fonts https://css-tricks.com/dark-mode-and-variable-fonts/ Release Notes for Safari Technology Preview 105 https://webkit.org/blog/10428/release-notes-for-safari-technology-preview-105/ Selection in CSS https://ishadeed.com/article/selection-in-css/ Different Approaches to Responsive CSS Motion Path https://css-irl.info/responsive-css-motion-path/ CSS for internationalisation https://chenhuijing.com/blog/css-for-i18n/ CSS Fix for 100vh Mobile ViewPort Bug https://twitter.com/AllThingsSmitty/status/1254151507412496384 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly I18n Ally: An All-in-One i18n Extension for VS Code https://github.com/antfu/i18n-ally#readme How a Few Lines of Code Broke Lots of Packages https://medium.com/javascript-in-plain-english/is-promise-post-mortem-cab807f18dcc Q: A JavaScript 'Quantum Circuit' Simulator https://quantumjavascript.app/ Super Simple Start to React https://kentcdodds.com/blog/super-simple-start-to-react window.location Cheatsheet https://dev.to/samanthaming/window-location-cheatsheet-4edl Implementing Dark Mode In React Apps Using styled-components https://www.smashingmagazine.com/2020/04/dark-mode-react-apps-styled-components/ Getting Started With Nuxt https://www.smashingmagazine.com/2020/04/getting-started-nuxt/ Learn Svelte https://scrimba.com/playlist/pG6X6UG 10 Practical JavaScript Tricks https://dev.to/zandershirley/10-practical-javascript-tricks-2b7h Moving TinyMCE to Modern JavaScript https://www.tiny.cloud/blog/modern-javascript-refactoring-tinymce/ Introduction to State Machines Using XState https://egghead.io/courses/introduction-to-state-machines-using-xstate A Collection of Challenging TypeScript Exercises https://github.com/mdevils/typescript-exercises A Visual Guide To React Mental Models https://obedparla.com/code/a-visual-guide-to-react-mental-models/ Turning Vue components into reusable npm packages https://www.voorhoede.nl/en/blog/turning-vue-components-into-reusable-npm-packages/ jExcel v4: A Vanilla JS Interactive Table / Spreadsheet Control https://github.com/paulhodel/jexcel Will it CORS? https://httptoolkit.tech/will-it-cors/ utfu: Replace Busted Characters From Legacy Text with UTF-8 https://gitlab.com/selfagency/utfu Middy 1.0: A Node Middleware Framework for AWS Lambda https://loige.co/middy-1-is-here/ useWorker() 3.0: A React Hook for Blocking-Free Background Tasks https://github.com/alewin/useWorker Configure webpack using functional feature blocks. https://github.com/andywer/webpack-blocks MIDI library for Node.js and web-browser https://github.com/jazz-soft/JZZ JSX in Markdown for ambitious projects https://github.com/mdx-js/mdx A Critique of React Hooks https://dillonshook.com/a-critique-of-react-hooks/ When does React re-render components? https://felixgerschau.com/react-rerender-components ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly 6 Options To Host Your Node.js App In 2020 https://amitbend.com/node.js/2020/04/28/6-free-options-to-host-your-node.js-app-in-2020 Middy 1.0: A Node Middleware Framework for AWS Lambda https://loige.co/middy-1-is-here/ Rust and Node.js: A match made in heaven https://blog.logrocket.com/rust-and-node-js-a-match-made-in-heaven/ Editly: Slick, Declarative Command Line Video Editing https://github.com/mifi/editly Node v14.1.0 (Current) https://nodejs.org/en/blog/release/v14.1.0/ 4 Tools for Web Scraping in Node.js https://www.twilio.com/blog/4-tools-for-web-scraping-in-node-js Getting Started With Nuxt https://www.smashingmagazine.com/2020/04/getting-started-nuxt/ A collection of challenging TypeScript exercises https://github.com/mdevils/typescript-exercises Exploring Node.js Internals https://www.smashingmagazine.com/2020/04/nodejs-internals/ Creating CommonJS-based npm packages via TypeScript https://2ality.com/2020/04/npm-cjs-typescript.html Turning Vue components into reusable npm packages https://www.voorhoede.nl/en/blog/turning-vue-components-into-reusable-npm-packages/ Node v12.16.3 (LTS) https://nodejs.org/en/blog/release/v12.16.3/ pm2 4.4 Released: The Node Production Process Manager https://github.com/Unitech/pm2 node-stream-zip: For Fast Reading of ZIP Archives https://github.com/antelle/node-stream-zip Consistent Web Workers in browser and Node. https://github.com/developit/web-worker node-csv-parse: A CSV Parser Implementing the stream.Transform API https://github.com/adaltas/node-csv-parse ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus min(), max(), and clamp() are CSS magic! https://www.youtube.com/watch?v=U9VF-4euyRo Accessible Font Sizing, Explained https://css-tricks.com/accessible-font-sizing-explained/ CSS for internationalisation https://chenhuijing.com/blog/css-for-i18n/ Introducing the fastest and most user-friendly content encryption https://blog.amp.dev/2020/04/27/introducing-the-fastest-and-most-user-friendly-content-encryption/ Responsive Web And Desktop Development With Flutter https://www.smashingmagazine.com/2020/04/responsive-web-desktop-development-flutter/ Spacing in CSS https://ishadeed.com/article/spacing-in-css/ Focused Session: Performance profiling for Web Applications with Sam Saccone https://www.youtube.com/watch?v=j9LW94EN7n4 CSS Clamp: The Goldilocks of CSS Math Functions https://www.stevefenton.co.uk/2020/04/css-clamp-the-goldilocks-of-css-math-functions/ CSS Only Tooltip for All Screen Sizes https://rimdev.io/css-only-tooltip-for-all-screen-sizes/ Pimp your Blog: Make a Reading Progress Bar https://dev.to/robole/pimp-your-blog-by-adding-a-reading-progress-bar-573i 98.css -A design system for building faithful recreations of old UIs. https://jdan.github.io/98.css/ Color accessibility: tools and resources to help you design inclusive products https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/ Will it CORS? https://httptoolkit.tech/will-it-cors/source-url Feature rich CSS framework for the new decade https://shorthandcss.com/ 1loc: A Collection of One-line JS Snippets https://1loc.dev/ חג עצמאות שמח ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Introducing Crank.js: A New JSX-Driven Framework https://crank.js.org/blog/introducing-crank The Cost of Javascript Frameworks https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/ Node.js version 14 available now https://medium.com/@nodejs/node-js-version-14-available-now-8170d384567e Vidact: A Compiler to Convert React-like Apps to Vanilla JS https://mohebifar.github.io/vidact/ Highlight.js 10.0: The Web Syntax Highlighter Library https://highlightjs.org/ React: the basics in 20 min https://www.youtube.com/watch?v=FNnhEBDYBr8 Creating web apps via TypeScript and webpack https://2ality.com/2020/04/webpack-typescript.html What is the toJSON() Function in JavaScript? http://thecodebarbarian.com/what-is-the-tojson-function-in-javascript.html How does TypeScript work? The bird’s eye view https://2ality.com/2020/04/typescript-workflows.html 10 less known Angular features you’ve probably never used https://blog.w3radar.com/less-known-angular-features-probably-never-used/ You might not need switch in JavaScript https://www.valentinog.com/blog/switch/ A reactive Slack application framework https://github.com/maxchehab/phelia Marked.js 1.0: A Fast Markdown Parser and Compiler https://marked.js.org/#/README.md#README.md Alpine.js: A Minimal Framework for Composing JS Behavior in Your Markup https://github.com/alpinejs/alpine/ React router with a small footprint for modern browsers https://github.com/tj/react-enroute Consistent Web Workers in browser and Node https://github.com/developit/web-worker React Performance Optimization with React.memo() https://felixgerschau.com/react-performance-react-memo Static Sites with Next.js 9.3 and Prisma https://www.youtube.com/watch?v=wk-dUsLUADg ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node.js 14 Released https://medium.com/@nodejs/node-js-version-14-available-now-8170d384567e Puppeteer 3.0: Say Hello to Firefox https://github.com/puppeteer/puppeteer/releases/tag/v3.0.0 ZEIT is now Vercel https://vercel.com/blog/zeit-is-now-vercel OpenSSL security releases do not require Node.js security releases https://nodejs.org/en/blog/vulnerability/april-2020-openssl-updates/ OneTesselAway: Building a Real-Time Public Transit Status IoT Device https://itnext.io/onetesselaway-public-transit-status-iot-device-70b80ab8475b What is the toJSON() Function in JavaScript? http://thecodebarbarian.com/what-is-the-tojson-function-in-javascript.html Refactor Your Node.js and Express APIs to Serverless APIs with Azure Functions https://johnpapa.net/refactor-your-node-js-and-express-apis-to-serverless-apis-with-azure-functions/ Querying SQL Server in Node.js Using Async/Await https://medium.com/javascript-in-plain-english/querying-sql-server-in-node-js-using-async-await-5cb68acf2144 Why I stopped using Microservices https://www.robinwieruch.de/microservices-tradeoffs A simple terminal UI for npm commands https://github.com/jesseduffield/lazynpm Asynchronous, non-blocking SQLite3 bindings for Node.js https://github.com/mapbox/node-sqlite3 Node.js client for Google Cloud DNS https://github.com/googleapis/nodejs-dns TypeScript execution and REPL for node.js https://github.com/TypeStrong/ts-node Compare package download counts over time https://www.npmtrends.com/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Inside a dev's mind - How do you plan a UI feature? https://jkettmann.com/how-do-you-plan-a-ui-feature/ The Cost of Javascript Frameworks https://timkadlec.com/remembers/2020-04-21-the-cost-of-javascript-frameworks/ LCH colors in CSS: what, why, and how? http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/ Jeremy Keith ‘We’ve ruined the Web. Here’s how we fix it.’ https://www.thisishcd.com/episodes/world-wide-waste-with-gerry-mcgovern/jeremy-keith-weve-ruined-the-web-heres-how-we-fix-it/ Tailwind CSS v1.3.0 https://github.com/tailwindcss/tailwindcss/releases/tag/v1.3.0 Front-End Challenges https://css-tricks.com/front-end-challenges/ Listboxes vs. Dropdown Lists https://www.nngroup.com/articles/listbox-dropdown/ Creating Morphing Animations with CSS clip-path https://blog.bitsrc.io/creating-morphing-animations-with-css-clip-path-3c3bf5e4335f Pseudo-Randomly Adding Illustrations with CSS https://meyerweb.com/eric/thoughts/2020/04/15/pseudo-randomly-adding-illustrations-with-css/ Wes Bos Shares His Personal Site's Stack https://wesbos.com/new-wesbos-website Minimum viable dark mode https://chasem.co/2019/09/mvp-dark-mode Re-creating a Macintosh with gradients and box-shadows https://fossheim.io/writing/posts/css-macintosh/ Welcome to the arrogantly named library of, Good Email Code https://www.goodemailcode.com/ CSS only library to fill empty background with beautiful patterns https://github.com/bansal-io/pattern.css color combos most used by designers https://poolors.com/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Image Techniques On The Web https://ishadeed.com/article/image-techniques/ Using CSS to Set Text Inside a Circle https://css-tricks.com/using-css-to-set-text-inside-a-circle/ Front-End Challenges https://css-tricks.com/front-end-challenges/ No-Class CSS Frameworks https://css-tricks.com/no-class-css-frameworks/ New in Chrome 81 https://developers.google.com/web/updates/2020/04/nic81 Making Things Better https://rachelandrew.co.uk/archives/2020/04/07/making-things-better/ How To Create A Particle Trail Animation In JavaScript https://www.smashingmagazine.com/2020/04/particle-trail-animation-javascript/ Creating Morphing Animations with CSS clip-path https://blog.bitsrc.io/creating-morphing-animations-with-css-clip-path-3c3bf5e4335f ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Writing an Emulator in JavaScript https://www.taniarascia.com/writing-an-emulator-in-javascript-chip8/ jQuery 3.5.0 Released! http://blog.jquery.com/2020/04/10/jquery-3-5-0-released/ Profiling React.js Performance https://addyosmani.com/blog/profiling-react-js/ Userscripts Are Fun And Are Still Very Much Relevant https://dutzi.party/userscripts-are-fun/ What's new in ECMAScript 2020 https://www.strictmode.io/articles/whats-new-es2020/ How To Create A Particle Trail Animation In JavaScript https://www.smashingmagazine.com/2020/04/particle-trail-animation-javascript/ Strategies for migrating to TypeScript https://2ality.com/2020/04/migrating-to-typescript.html Developing in a Monorepo While Still Using Webpack https://codeascraft.com/2020/04/06/developing-in-a-monorepo-while-still-using-webpack/ Digital Circuit Simulator In JavaScript: 7400 Subscriber Special! https://www.youtube.com/watch?v=anZPHeA0WKU How To Set Up An Express API Backend Project With PostgreSQL https://www.smashingmagazine.com/2020/04/express-api-backend-project-postgresql/ Speed Up Your Angular App - 14 Angular Optimization Tips https://www.grapecity.com/blogs/14-ways-to-speed-up-your-angular-app Class-related types in TypeScript https://2ality.com/2020/02/types-for-classes-typescript.html State of Microservices 2020: Fireside chat for CTOs https://app.livestorm.co/the-software-house/microservices-for-tech-managers-fireside-chat Puppeteer 3.0: It Now Supports Firefox https://github.com/puppeteer/puppeteer/releases/tag/v3.0.0 Rome is an experimental JavaScript toolchain https://romejs.dev/ Vime: A New, Modern Media / Video Player for the Web https://vime-js.com/ Vuln Cost: An Open Source Security Scanner for VS Code https://snyk.io/security-scanner-vuln-cost/ ip-num: A Library to Work with ASN, IPv4, and IPv6 Numbers https://github.com/ip-num/ip-num Flip: Animated Flip Counter Plugin to Add a Countdown to a Website https://pqina.nl/flip/ A JavaScript API for Controlling 'Simpsons: Hit & Run' https://github.com/taviso/sharapi 33 line React https://leontrolski.github.io/33-line-react.html How to Build a TodoApp using ReactJS and Firebase https://www.freecodecamp.org/news/how-to-build-a-todo-application-using-reactjs-and-firebase/ Mapping with React Leaflet https://egghead.io/playlists/mapping-with-react-leaflet-e0e0 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly npm has joined GitHub https://github.blog/2020-04-15-npm-has-joined-github/ Node v13.13.0 (Current) https://nodejs.org/en/blog/release/v13.13.0/ Watch the Live Coding of a New Feature for Node.js https://www.twitch.tv/videos/591021843 node-libcurl 2.1: libcurl Bindings for Node https://github.com/JCMais/node-libcurl npm's CTO: 'So Long, and Thanks for All The Packages!' https://blog.npmjs.org/post/615388323067854848/so-long-and-thanks-for-all-the-packages Working With AWS Route 53 in Node.js http://thecodebarbarian.com/working-aws-route-53-in-node-js.html Performance Best Practices: Running and Monitoring Express.js in Production https://sematext.com/blog/expressjs-best-practices/ How To Set Up An Express API Backend Project With PostgreSQL https://www.smashingmagazine.com/2020/04/express-api-backend-project-postgresql/ Porting to TypeScript Solved Our API Woes https://www.executeprogram.com/blog/porting-to-typescript-solved-our-api-woes How to mass rename files in Node.js https://flaviocopes.com/node-mass-rename-files/ Digital Circuit Simulator In JavaScript: 7400 Subscriber Special! https://www.youtube.com/watch?v=anZPHeA0WKU The story of how I created a way to port Windows Apps to Linux https://www.blinkingcaret.com/2020/04/09/the-story-of-how-i-created-a-way-to-port-windows-apps-to-linux/ Alexa Skill With Node.js https://dzone.com/articles/alexa-skill-with-nodejs Node v10.20.1 (LTS) https://nodejs.org/en/blog/release/v10.20.1/ A regular expression to match all Emoji-only symbols as per the Unicode Standard https://github.com/mathiasbynens/emoji-regex ip-num: A Library to Work with ASN, IPv4, and IPv6 Numbers https://github.com/ip-num/ip-num ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Monitor your web page's total memory usage with performance.measureMemory() https://web.dev/monitor-total-page-memory-usage/ Release notes for Microsoft Edge Stable Channel https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-81041653-april-13 What is the JAMstack and how do I get started? https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/ jQuery 3.5.0 Released! http://blog.jquery.com/2020/04/10/jquery-3-5-0-released/ 10 security tips for frontend developers https://hackernoon.com/10-security-tips-for-frontend-developers-oi4624ld How To Create A Particle Trail Animation In JavaScript https://www.smashingmagazine.com/2020/04/particle-trail-animation-javascript/ CSS System Font Stack Reference https://alligator.io/css/system-font-stack/ Introduction to Web Accessibility https://www.edx.org/course/web-accessibility-introduction Responsive Images the Simple Way https://cloudfour.com/thinks/responsive-images-the-simple-way/ Tips for Writing Animation Code Efficiently https://css-tricks.com/tips-for-writing-animation-code-efficiently/ The surprising performance boost from changing gif embeds https://swizec.com/blog/the-surprising-performance-boost-from-changing-gif-embeds/swizec/9365 Continuous Deployments for WordPress Using GitHub Actions https://css-tricks.com/continuous-deployments-for-wordpress-using-github-actions/ CSS Variables for React Devs https://joshwcomeau.com/css/css-variables-for-react-devs/ Making a responsive CSS grid layout with just 3 properties http://www.js-craft.io/blog/making-a-responsive-css-grid-layout-with-just-3-properties/ Using CSS to Set Text Inside a Circle https://css-tricks.com/using-css-to-set-text-inside-a-circle/ v5: drop Internet Explorer support https://github.com/twbs/bootstrap/pull/30377 Flip: Animated Flip Counter Plugin to Add a Countdown to a Site https://pqina.nl/flip/ Vime: A New, Modern Media / Video Player for the Web https://vime-js.com/ midori: A Library for Animated Image Backgrounds https://github.com/aeroheim/midori ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories CSS Findings From The New Facebook Design https://ishadeed.com/article/new-facebook-css/ Firefox 75 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/75 Release Notes for Safari Technology Preview 104 https://webkit.org/blog/10264/release-notes-for-safari-technology-preview-104/ Create Diagonal Layouts Like It's 2020 https://9elements.com/blog/pure-css-diagonal-layouts/ Building dark mode on Stack Overflow https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/ How && and || Operators Really Work in JavaScript https://dmitripavlutin.com/javascript-and-or-logical-operators/ Extending the Limits of CSS https://www.welcometothejungle.com/en/articles/btc-css-limits LCH colors in CSS: what, why, and how? http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/ CSS Foldable Display Polyfill https://css-tricks.com/css-foldable-display-polyfill/ Measuring the Performance of JavaScript Functions https://felixgerschau.com/measuring-the-performance-of-java-script-functions ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly GitHub Protips: Tips, tricks, hacks, and secrets from Lee Reilly https://github.blog/2020-04-09-github-protips-tips-tricks-hacks-and-secrets-from-lee-reilly/ An Overview of What's Coming in Vue 3 https://alligator.io/vuejs/whats-coming-in-vue-3/ The JavaScript Framework That Puts Web Pages on a Diet https://www.wired.com/story/javascript-framework-puts-web-pages-diet/ Making a 33 Line React-a-Like https://leontrolski.github.io/33-line-react.html Porting to TypeScript Solved Our API Woes https://www.executeprogram.com/blog/porting-to-typescript-solved-our-api-woes Understanding (all) JavaScript module formats and tools https://weblogs.asp.net/dixin/understanding-all-javascript-module-formats-and-tools Chocolat: A Responsive Image Lightbox Control http://chocolat.insipi.de/ VS Code extension that gently forces you to take a break https://github.com/schneefux/vscode-winddown preact v 10.4.0 https://github.com/preactjs/preact/releases/tag/10.4.0 A regular expression to match all Emoji-only symbols as per the Unicode Standard https://github.com/mathiasbynens/emoji-regex Develop fast webpages in all browsers. https://github.com/genderev/prerender.js QuakeJS: A Port of ioquake3 to JavaScript (via Emscripten) http://www.quakejs.com/ React Folder Structure in 5 Steps https://www.robinwieruch.de/react-folder-structure Using Tailwind CSS with Create React App https://daveceddia.com/tailwind-create-react-app/ React Chat Tutorial https://getstream.io/chat/react-chat/tutorial/ FrontConf 2020 - Colby Fayock - Building Maps with Impact on React and the JAMstack https://www.youtube.com/watch?v=o1quJzNm24M Getting Closure on React Hooks by Shawn Wang | JSConf.Asia 2019 https://www.youtube.com/watch?v=KJP1E-Y-xyo You can use emoji as CSS selectors! https://twitter.com/addyosmani/status/1246724258866139136?s=12 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Why Do Some HTML Elements Become Deprecated? https://css-tricks.com/why-do-some-html-elements-become-deprecated/ Firefox 75 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/75 Building dark mode on Stack Overflow https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/ Quick and easy JavaScript benchmarks. https://perf.link/ Extending the Limits of CSS https://www.welcometothejungle.com/en/articles/btc-css-limits An introduction to the Web Contact Picker API https://dev.to/twilio/an-introduction-to-the-web-contact-picker-api-43ap Rendering charts with OffscreenCanvas https://blog.scottlogic.com/2020/03/19/offscreen-canvas.html Hacking Digital Style Guides for Accessibility: Type, Colour, Imagery https://www.youtube.com/watch?v=tvpstrkDgeM Sing a song with the JavaScript Speech Synthesis API using async/await https://www.youtube.com/watch?v=lOJh9vr5pj4 Getting JavaScript to Talk to CSS and Sass https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/ Create Animated Loading Text with CSS https://codinhood.com/post/animated-loading-text-css 10 Headless CMS Options for your JAMstack Website https://bejamas.io/blog/headless-cms/ Centering Things with CSS Flexbox https://scotch.io/tutorials/centering-things-with-css-flexbox A minimalist stylesheet for HTML elements https://andybrewer.github.io/mvp/ A micro-library for scaling CSS motion path strings ✨ https://www.npmjs.com/package/meanderer CSS animation-delay demo 🤓 https://codepen.io/jh3y/pen/qBdzbGb ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories 4 CSS Grid Properties (and One Value) for Most of Your Layout Needs https://css-tricks.com/4-css-grid-properties-and-one-value-for-most-of-your-layout-needs/ how to manage HTML DOM with vanilla JavaScript only? https://htmldom.dev/ When debugging, your attitude matters https://jvns.ca/blog/debugging-attitude-matters/ How They Fit Together: Transform, Translate, Rotate, Scale, and Offset https://danielcwilson.com/blog/2020/02/motion-path-transforms/ Jobs for Developers & Designers https://dailydevlinks.com/jobs/ Creating a Pencil Effect in SVG https://heredragonsabound.blogspot.com/2020/02/creating-pencil-effect-in-svg.html Web performance checklist https://www.notion.so/Web-performance-checklist-02fbc975d9bd432993bdadce73de1b17 Responsive Images the Simple Way https://cloudfour.com/thinks/responsive-images-the-simple-way/ Understanding Default Parameters in JavaScript https://www.taniarascia.com/default-parameters-javascript/ Margin considered harmful https://mxstbr.com/thoughts/margin ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly ECMAScript 2020: the final feature set https://2ality.com/2019/12/ecmascript-2020.html Announcing TypeScript 3.9 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-3-9-beta/ Perflink: Low Friction JS Benchmarks You Can Share via URL https://perf.link/ Rendering charts with OffscreenCanvas https://blog.scottlogic.com/2020/03/19/offscreen-canvas.html Pointer Compression in V8 https://v8.dev/blog/pointer-compression How an anti ad-blocker works: Reverse-engineering BlockAdBlock https://xy2.dev/article/re-bab/ Getting JavaScript to Talk to CSS and Sass https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/ Kyle Simpson, Author of the You Don't Know JS Yet Series https://leanpub.com/podcasts/frontmatter/kyle-simpson-02-04-20 An introduction to Lambda Calculus, explained through JavaScript http://willtaylor.blog/an-introduction-to-lambda-calculus-explained-through-javascript/ Sing a song with the JavaScript Speech Synthesis API using async/await https://www.youtube.com/watch?v=lOJh9vr5pj4 JavaScript Logical Operators https://www.prestonlamb.com/blog/javascript-logical-operators Notyf: A Simple Library for 'Toast' Notifications https://carlosroso.com/notyf/ Rickshaw is a JavaScript toolkit for creating interactive time series graphs. https://tech.shutterstock.com/rickshaw/ Algorithmically generated triangle art https://github.com/qrohlf/trianglify Open-source JavaScript charting library behind Plotly and Dash https://github.com/plotly/plotly.js simdjson 0.3: The Fastest JSON Parser in The World https://lemire.me/blog/2020/03/31/we-released-simdjson-0-3-the-fastest-json-parser-in-the-world-is-even-better/ A modern keyboard shortcut library written in Typescript. https://github.com/reasonink/clack TypeScript to C++ https://github.com/ASDAlexander77/TypeScript2Cxx HTML5 raycasting demo using React https://github.com/ahuth/raycast Get text alerts when products become available on Amazon. https://github.com/johntitus/bungholio React debugging session - Why is this function called hundreds of times? https://jkettmann.com/react-debugging-session-hundreds-of-function-calls/ A React Hook for Sound Effects https://joshwcomeau.com/react/announcing-use-sound-react-hook/ Node.js CLI For Cryptocurrency Prices https://www.youtube.com/watch?v=-6OAHsde15E ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly A Practical Guide to Memory Leaks in Node.js https://www.arbazsiddiqui.me/a-practical-guide-to-memory-leaks-in-nodejs/ Node v13.12.0 (Current) https://nodejs.org/en/blog/release/v13.12.0/ Statement on the COVID-19 Crisis https://blog.npmjs.org/post/613769880613814272/statement-on-the-covid-19-crisis Webdriver I/O v6 Released https://webdriver.io/blog/2020/03/26/webdriverio-v6-released.html Node 14.0.0 Release Candiate 1 https://nodejs.org/download/rc/v14.0.0-rc.1/ A Crash Course on Worker Threads - Rich Trott | JSConf Hawaii 2020 https://www.youtube.com/watch?v=GRb-XQ5JRA8&list=PL37ZVnwpeshH-mmcnUNoM7LVyegK27Gm1&index=19&t=8s Diagnostics in Node.js Part 1/3 https://nodesource.com/blog/diagnostics-in-NodeJS-1 Node.js in a Kubernetes world https://developer.ibm.com/articles/nodejs-kubernetes-basics/ GitHub OAuth Login with Node.js http://thecodebarbarian.com/github-oauth-login-with-node-js.html Pointer Compression in V8 https://v8.dev/blog/pointer-compression Puppeteer or: How I Learned to Stop Worrying and Love the Automation https://itnext.io/puppeteer-or-how-i-learned-to-stop-worrying-and-love-the-automation-92e96f4901e7 Telegram Bot for GitHub Actions https://blog.athulcyriac.co/telegram-bot-gh-actions/ How to Effectively use GRPC Streams in NodeJS https://adityasridhar.com/posts/how-to-effectively-use-grpc-streams-in-nodejs Promise queue with concurrency control https://github.com/sindresorhus/p-queue Manage multiple NodeJS versions. https://github.com/nodenv/nodenv Helping Developers Tackle COVID-19 https://www.mongodb.com/blog/post/helping-developers-tackle-covid19 How to Restore a Specific Collection in MongoDB Using Logical Backup https://severalnines.com/database-blog/how-restore-specific-collection-mongodb-using-logical-backup MongoDB: What's the best free GUI? https://www.youtube.com/watch?v=VCgvTkXPmD0 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly