The weekly

Front-End Front Top Stories The 2021 State of CSS Survey https://stateofcss.com/ Smart CSS Solutions For Common UI Challenges https://www.smashingmagazine.com/2021/10/modern-css-solutions-for-common-problems/ Expandable Sections Within a CSS Grid https://css-tricks.com/expandable-sections-within-a-css-grid/ Simple things are complicated: making a show password option https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/ Custom properties with defaults: 3+1 strategies https://lea.verou.me/2021/10/custom-properties-with-defaults/ CSS is Going Gosh-Darned Hog Wild, I Tell Ya What https://css-tricks.com/css-is-going-gosh-darned-hog-wild-i-tell-ya-what/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing Parcel v2! https://parceljs.org/blog/v2/ The Remix Project Gets $3M in Seed Funding https://remix.run/blog/seed-funding-for-remix ESLint v8.0.0 released https://eslint.org/blog/2021/10/eslint-v8.0.0-released How we halved the publish size of modular AWS SDK for JavaScript clients https://aws.amazon.com/blogs/developer/how-we-halved-the-publish-size-of-modular-aws-sdk-for-javascript-clients/ How to win at CORS https://jakearchibald.com/2021/cors/ 33 Concepts Every JavaScript Developer Should Know https://github.com/leonardomso/33-js-concepts#readme Board Gaming in Figma https://mastery.games/post/board-gaming-in-figma/ Is Deno Still a Thing? A Look at the Status of the Node Killer https://blog.bitsrc.io/is-deno-still-a-thing-a-look-at-the-status-of-the-node-killer-884d47981d09 Composable CSS Animation In Vue With AnimXYZ https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/ Introducing Nuxt 3 Beta https://nuxtjs.org/announcements/nuxt3-beta/ Introducing Sapling, A VS Code Extension For Traversing Your React Component Hierarchy https://medium.com/@saplingextension/introducing-sapling-a-vs-code-extension-for-traversing-your-react-component-hierarchy-3ac94d95887e jest-extended https://github.com/jest-community/jest-extended Ruby2JS is an extensible Ruby to modern JavaScript transpiler you can use in production today. https://www.ruby2js.com/ Swiper: A Modern Mobile Touch Slider https://swiperjs.com/ Fast 2kB alternative to Moment.js with the same modern API https://github.com/iamkun/dayjs DOOM Rendered via Checkboxes https://healeycodes.com/doom-rendered-via-checkboxes ReacType 8.0: Your Preferred React Prototyping Tool Now Exports With Tests https://medium.com/@wbrittwage/reactype-8-0-your-preferred-react-prototyping-tool-now-exports-with-tests-7ae5b1666fd2 How Remix makes CSS clashes predictable https://kentcdodds.com/blog/how-remix-makes-css-clashes-predictable --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly GitHub Advisory Database now powers npm audit https://github.blog/2021-10-07-github-advisory-database-now-powers-npm-audit/ October 12th 2021 Security Releases https://nodejs.org/en/blog/vulnerability/oct-2021-security-releases/ npm CLI upgraded to version 8 https://github.blog/changelog/2021-10-07-npm-cli-upgraded-to-version-8/ Retiring the Node.js Community Committeee https://nodejs.org/en/blog/announcements/retiring-the-node-js-community-committee/ Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions https://www.smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/ Is Deno Still a Thing? A Look at the Status of the Node Killer https://blog.bitsrc.io/is-deno-still-a-thing-a-look-at-the-status-of-the-node-killer-884d47981d09 An SQL-friendly ORM for Node.js https://vincit.github.io/objection.js/ Benny - a dead simple benchmarking framework https://github.com/caderek/benny Sequelize 6.7.0: Easy-to-Use Multi SQL Dialect ORM for Node.js https://github.com/sequelize/sequelize Marble.js 4.0: Functional Reactive HTTP Middleware Framework https://github.com/marblejs/marble Tiny hashing module that uses the native crypto API in Node.js and the browser https://github.com/sindresorhus/crypto-hash --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The State of CSS Survey https://stateofcss.com/ The Case for ‘Developer Experience’ https://future.a16z.com/the-case-for-developer-experience/ RenderingNG: an architecture that makes and keeps Chrome fast for the long term https://blog.chromium.org/2021/10/renderingng.html How to win at CORS https://jakearchibald.com/2021/cors/ Lots to see in Firefox 93! https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/ Safe DOM manipulation with the Sanitizer API https://web.dev/sanitizer/ Myths about Web Accessibility https://alvaromontoro.com/blog/67989/myths-about-web-accessibility My Challenge to the Web Performance Community https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/ The Autofill Dark Pattern https://www.smashingmagazine.com/2021/10/autofill-dark-pattern/ How to Create a CSS Typewriter Effect for your Website https://www.sitepoint.com/css-typewriter-effect/ Doodle Ipsum https://doodleipsum.com/ AnyWebP, WebP to JPG / PNG / ICO Converter Online https://anywebp.com/ Cash (Tiny jQuery Alternative) https://css-tricks.com/cash-tiny-jquery-alternative/ Animated Backgrounds: A Gallery of Animated Backgrounds Built with CSS & JS https://animatedbackgrounds.me/#modal8 --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories A Guide To CSS Debugging https://www.smashingmagazine.com/2021/10/guide-debugging-css/ Conditional Border Radius In CSS https://ishadeed.com/article/conditional-border-radius/ My Challenge to the Web Performance Community https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/ Release Notes for Safari Technology Preview 133 https://webkit.org/blog/11975/release-notes-for-safari-technology-preview-133/ FlipBoxes https://codepen.io/amit_sheen/pen/YzQoMxR Using the platform https://elisehe.in/2021/08/22/using-the-platform --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly How I built a modern website in 2021 https://kentcdodds.com/blog/how-i-built-a-modern-website-in-2021 Web Streams Everywhere (and Fetch for Node.js) https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/ When a JavaScript WeakMap() Actually Came in Handy https://macarthur.me/posts/when-a-weakmap-came-in-handy Announcing TypeScript 4.5 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta/ jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile https://blog.jquery.com/2021/10/07/jquery-maintainers-continue-modernization-initiative-with-deprecation-of-jquery-mobile/ Safe DOM manipulation with the Sanitizer API https://web.dev/sanitizer/ Replacing jQuery with Vanilla ES6 https://aarontgrogg.com/blog/2021/09/29/replacing-jquery-with-vanilla-es6/ Svelte with Rich Harris https://podrocket.logrocket.com/rich-harris Writing clean JavaScript tests with the BASIC principles https://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a The Ultimate Guide to Getting Started with the Rollup.js JavaScript Bundler https://blog.openreplay.com/the-ultimate-guide-to-getting-started-with-the-rollup-js-javascript-bundler Code a Side Scroller Game in 59 Seconds https://www.youtube.com/watch?v=RNZsPMI_cIw VanillaTreeViewer: Minimalist File Browser for Display Multiple Files https://abhchand.me/vanilla-tree-viewer/ Build terminals in the browser https://xtermjs.org/ Immutable JS 4.0: Immutable Persistent Data Collections https://github.com/immutable-js/immutable-js/releases/tag/v4.0.0 Kill the process running on given port https://github.com/tiaanduplessis/kill-port Tailwind CSS UI components build for Vue.js 2.x / Nuxt.js 2.x https://github.com/lecoueyl/mijin Announcing React Native 0.66 https://reactnative.dev/blog/2021/10/01/version-066 REAVIZ 11.1: A D3.js-Based React Data Visualization Library https://reaviz.io/?path=/story/docs-intro--page Refine: A Framework for Data Intensive Applications https://refine.dev/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Writing clean JavaScript tests with the BASIC principles https://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a Eleventy 1.0 Beta 1 Released https://www.11ty.dev/blog/eleventy-v1-beta/ Web Streams Everywhere (and Fetch for Node.js) https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/ Why is Node.js hated so much? https://news.ycombinator.com/item?id=28728591 Sending iOS Push Notifications via APNs https://blog.engineyard.com/ios-push-notifications-via-apns 13 Advanced (but useful) Git Techniques and Shortcuts https://www.youtube.com/watch?v=ecK3EnyGD8o Polymorphism without objects via multimethods https://blog.klipse.tech/javascript/2021/10/02/multimethod.html construct-js is a library for creating byte level data structures. https://github.com/francisrstokes/construct-js Leveldown: Pure C++ Node.js LevelDB Bindings https://github.com/Level/leveldown Trash 8.0: Move Files and Directories to the 'Trash' https://github.com/sindresorhus/trash Kill the process running on given port https://github.com/tiaanduplessis/kill-port --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Using Modern Image Formats: AVIF And WebP https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/ Proposal for CSS @when https://css-tricks.com/proposal-for-css-when/ A Guide To CSS Debugging https://www.smashingmagazine.com/2021/10/guide-debugging-css/ Conditional Border Radius In CSS https://ishadeed.com/article/conditional-border-radius/ iOS Browser Choice https://css-tricks.com/ios-browser-choice/ How I Make CSS Art https://yosracodes.hashnode.dev/how-i-make-css-art Front-End Dev Shortcuts in iOS 15 https://css-tricks.com/front-end-dev-shortcuts-in-ios-15/ How to calculate REMs from pixels https://typeofnan.dev/how-to-calculate-rems-from-pixels/ How I Learnt To Stop Worrying And Love Animating The Box Model https://whistlr.info/2021/box-model-animation/ What’s the right font size in web design? https://pimpmytype.com/font-size/ Designing Accordions: Best practices https://blog.prototypr.io/designing-the-accordion-best-practices-3c1bd54bf26e Multi-Functional Image Converter: An Online Tool to Batch Convert Images to Various Formats https://renzhezhilu.github.io/webp2jpg-online/#/ melonJS 9.1.0: A Lightweight JavaScript and HTML5 Game Engine https://melonjs.org/ Tails: The Ultimate Drag-and-Drop Page Creator for Tailwind Components https://devdojo.com/tails 99 Avatars: Generate Random Hand-Drawn PNG/SVG Avatars in the Browser or via an API https://99avatars.com/ Mesh Gradients: A Set of 100 Gradients Downloadable as High Quality JPEGs https://www.meshgradients.design/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Container Units Should Be Pretty Handy https://css-tricks.com/container-units-should-be-pretty-handy/ Using Modern Image Formats: AVIF And WebP https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/ So many little design helper sites! https://css-tricks.com/so-many-little-design-helper-sites/ Sorting JavaScript Arrays By Nested Properties https://elijahmanor.com/byte/js-array-sort-nest Explore JavaScript Dependencies With Lighthouse Treemap https://sia.codes/posts/lighthouse-treemap/ Single div CSS laptop fan https://codepen.io/lynnandtonic/pen/WNOWjJL --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly SELF-PARKING CAR IN 500 LINES OF CODE https://trekhleb.dev/blog/2021/self-parking-car-evolution/ Bangle.js 2: The Open Smart Watch https://www.kickstarter.com/projects/gfw/banglejs-2-the-open-smart-watch Dynamic Mathematics with JavaScript https://jsxgraph.org/wp/index.html 7GUIs in JavaScript https://7guis.bradwoods.io/ Let’s Dive Into Cypress For End-to-End Testing https://www.smashingmagazine.com/2021/09/cypress-end-to-end-testing/ My Top Vue.js Interview Questions https://www.mokkapps.de/blog/my-top-vue-js-interview-questions/ Sorting JavaScript Arrays By Nested Properties https://elijahmanor.com/byte/js-array-sort-nest Comparing Methods for Appending and Inserting With JavaScript https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/ Three New Next.js Features and How to Use Them https://welearncode.com/isr/ Faster React Apps With Memoization https://blog.px.dev/ui-performance/ Explore JavaScript Dependencies With Lighthouse Treemap https://sia.codes/posts/lighthouse-treemap/ ingle Page Application vs Multi Page Application with Rich Harris https://webrush.io/episodes/episode-153-single-page-application-vs-multi-page-application-with-rich-harris Create PowerPoint presentations with JavaScript https://gitbrent.github.io/PptxGenJS/ melonJS 9.1.0: A Lightweight JavaScript and HTML5 Game Engine https://melonjs.org/ Make web workers & worker threads as simple as a function call. https://threads.js.org/ Easily generate .docx files with JS/TS. Works for Node and on the Browser. https://docx.js.org/#/ library for creating byte level data structures. https://github.com/francisrstokes/construct-js RacketScript: An Experimental Racket to JS Compiler https://github.com/racketscript/racketscript 12+ Github Repositories to Help You Ace Your Job Interview https://dev.to/olanetsoft/12-github-repositories-to-help-you-ace-your-job-interview-2a08 Image from React Component (JPG or PNG) https://www.robinwieruch.de/react-component-to-image what's new in react 18? https://yagmurcetintas.com/journal/whats-new-in-react-18 --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Guidelines for choosing a Node.js framework https://simonplend.com/guidelines-for-choosing-a-node-js-framework/ Node v14.18.0 (LTS) https://nodejs.org/en/blog/release/v14.18.0/ Passport 0.5: Simple, Unobtrusive Authentication for Node http://www.passportjs.org/ Make web workers & worker threads as simple as a function call. https://threads.js.org/ Restify 8.6.0: A Framework for Building REST APIs https://github.com/restify/node-restify DOCX 7.1: A Declarative API to Generate .docx Files https://docx.js.org/#/ node-rate-limiter-flexible: Limit Number of Actions by Key and Protect Apps from Brute Force Attacks https://github.com/animir/node-rate-limiter-flexible SVG Optimizer is a Node.js-based tool for optimizing SVG vector graphics files. https://github.com/svg/svgo Oso: A System for Implementing Authorizationhttps://www.npmjs.com/package/oso dprint-node: Node API for the dprint TypeScript and JavaScript Code Formatter https://github.com/devongovett/dprint-node --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Simplifying Form Styles With accent-color https://www.smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/ ct.css – Let’s take a look inside your <head> https://csswizardry.com/ct/ Bringing instant page-loads to the browser through speculative prerendering https://web.dev/speculative-prerendering/ What's coming in WCAG 2.2? https://www.youtube.com/watch?v=WAxDYXwSxF0 Accessible Palette: stop using HSL for color systems https://wildbit.com/blog/2021/09/16/accessible-palette-stop-using-hsl-for-color-systems One last time: custom styling radio buttons and checkboxes https://www.scottohara.me/blog/2021/09/24/custom-radio-checkbox-again.html A Content Model Is Not a Design System https://alistapart.com/article/a-content-model-is-not-a-design-system/ Can I Include(?) https://caninclude.glitch.me/ Motion One: The Web Animations API for Everyone https://motion.dev/ MUI Treasury: A Collection of Ready-to-Use Components Based on Material-UI https://mui-treasury.com/ Theatre.js: A JavaScript Motion Design Library for the Web https://www.theatrejs.com/ Huey: A Multi-Featured, Custom Color Palette Generator https://huey.design/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories CSS Container Query Units https://ishadeed.com/article/container-query-units/ Proposal for CSS @when https://css-tricks.com/proposal-for-css-when/ https://codepen.io/aaroniker/pen/qBjyKGO Simplifying Form Styles With accent-color https://www.smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/ ct.css – Let’s take a look inside your <head> https://csswizardry.com/ct/ What's New In DevTools https://developer.chrome.com/blog/new-in-devtools-94/

JavaScript Weekly Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker c https://dev.to/adamdbradley/introducing-partytown-run-third-party-scripts-from-a-web-worker-2cnp You don't (may not) need Moment.js https://github.com/you-dont-need/You-Dont-Need-Momentjs Enumerating and analyzing 40+ non-V8 JavaScript implementations https://notes.eatonphil.com/javascript-implementations.html Introducing Gatsby 4: Now in Beta https://www.gatsbyjs.com/gatsby-4/ what's new in react 18? https://yagmurcetintas.com/journal/whats-new-in-react-18 A new way to do CLOUD for NodeJS developers - Serverless Cloud https://www.youtube.com/watch?v=1TKedWps7nU From React To SvelteKit https://syntax.fm/show/390/from-react-to-sveltekit Fourier series visualisation with d3.js. https://bl.ocks.org/jinroh/7524988 5 RCEs in npm for $15,000 https://robertchen.cc/blog/2021/09/20/npm-rce Elk: a tiny JS engine for embedded systems https://github.com/cesanta/elk Theatre.js: A JavaScript Motion Design for the Web https://www.theatrejs.com/ Hotkey 1.5: Trigger an Action on an Element When a 'Hotkey' is Pressed https://github.com/github/hotkey Electron 15.0.0 https://www.electronjs.org/blog/electron-15-0/ Code2flow: Generate Call Graphs for Dynamic Languages https://github.com/scottrogowski/code2flow/ React Countup 6.0: Configurable React Component Wrapper around CountUp.js https://github.com/glennreyes/react-countup Ad-hoc CLJS scripting on Node.js. https://github.com/borkdude/nbb Just Redux: The Complete Guide https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5 Material-UI Rebrands as MUI, Releases v5.0 https://mui.com/ React Readability Analysis Of Implementing Custom Hooks https://www.chakshunyu.com/blog/react-readability-analysis-of-implementing-custom-hooks/ ---------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly 5 RCEs in npm for $15,000 https://robertchen.cc/blog/2021/09/20/npm-rce electron-15-0 https://www.electronjs.org/blog/electron-15-0/ Node.js Garbage Collection Explained https://blog.risingstack.com/node-js-at-scale-node-js-garbage-collection/ Node v16.10.0 (Current) https://nodejs.org/en/blog/release/v16.10.0/ How to Implement Logging in a Node.js Application With Pino-logger https://css-tricks.com/how-to-implement-logging-in-a-node-js-application-with-pino-logger/ Slack bot with Serverless Framework https://medium.com/schibsted-engineering/slack-bot-with-serverless-framework-e96fcdbd83a0 Next.js "New Post" Node Script https://elijahmanor.com/blog/nextjs-new-post Track Twitter Follower Growth Over Time Using A Serverless Node.js API on AWS Amplify https://mokkappsdev.medium.com/track-twitter-follower-growth-over-time-using-a-serverless-node-js-api-on-aws-amplify-a72502f024e4 How to Debug Cloudflare Workers with AppSignal https://blog.appsignal.com/2021/09/15/how-to-debug-cloudflare-workers-with-appsignal.html Ackee: A Self-Hosted, Node-Based Web Analytics Tool https://github.com/electerious/Ackee Ad-hoc CLJS scripting on Node.js. https://github.com/borkdude/nbb Define Mongoose models using TypeScript classes https://github.com/typegoose/typegoose Function argument validation for humans https://github.com/sindresorhus/ow CLI to make common operations around i18n files simpler. https://github.com/jy95/i18n-tools node-pg-migrate 6.0: Node Powered Database Migration Management for Postgres https://github.com/salsita/node-pg-migrate HyperExpress: High Performance Node.js Webserver https://github.com/kartikk221/hyper-express Match files using the patterns the shell uses, like stars and stuff. https://github.com/isaacs/node-glob ESLint Rules for Migrating Projects from CommonJS to ESM https://gist.github.com/Jaid/164668c0151ae09d2bc81be78a203dd5 ---------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Designing Beautiful Shadows in CSS https://www.joshwcomeau.com/css/designing-shadows/ On the <dl> https://benmyers.dev/blog/on-the-dl/ Reducing The Need For Pseudo-Elements https://www.smashingmagazine.com/2021/09/reducing-need-pseudo-elements/ The Future of CSS: Cascade Layers (CSS @layer) https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/ Minding the “gap” https://css-tricks.com/minding-the-gap/

JavaScript Weekly Q1K3: A JavaScript Homage to Quake in Just 13KB https://js13kgames.com/entries/q1k3 ChowJS: an AOT JavaScript engine for game consoles https://mp2.dk/techblog/chowjs/ Deno 1.14 Release Notes https://deno.com/blog/v1.14 How to Record Audio Using the MediaStream API https://www.sitepoint.com/mediastream-api-record-audio/ Small Bundles, Fast Pages: What To Do With Too Much JavaScript https://calibreapp.com/blog/bundle-size-optimization INTRO TO D3.JS https://yangdanny97.github.io/intro-to-d3/ Fastify in 1 MIN https://www.youtube.com/watch?v=YxiWBFQUwCQ Creating React Apps With Redux Toolkit and RTK Query https://www.toptal.com/react/redux-toolkit-and-rtk-query Pre-Selling a Programming Course and Making $550k in Revenue https://www.failory.com/interview/css-for-js-developers JSPaint.exe https://github.com/i5ik/jspaint.exe Linkify 3.0: Detect URLs and Email Addresses in Plain Text https://github.com/Hypercontext/linkifyjs The minimal task runner for Node.js https://github.com/privatenumber/tasuku Simple to use local JSON database 🦉 https://github.com/typicode/lowdb A javascript-only SVG to PDF https://github.com/yWorks/svg2pdf.js CSS Variables for React Devs https://www.joshwcomeau.com/css/css-variables-for-react-devs/ Compound Components In React https://www.smashingmagazine.com/2021/08/compound-components-react/ Relay Release Notes - 12.0.0 https://github.com/facebook/relay/releases/tag/v12.0.0 ---------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Designing Beautiful Shadows in CSS https://www.joshwcomeau.com/css/designing-shadows/ Reducing The Need For Pseudo-Elements https://www.smashingmagazine.com/2021/09/reducing-need-pseudo-elements/ Less Absolute Positioning With Modern CSS https://ishadeed.com/article/less-absolute-positioning-modern-css/ What’s New With DevTools: Cross-Browser Edition https://www.smashingmagazine.com/2021/09/devtools-cross-browser-edition/ Deep-dive: VideoNG https://developer.chrome.com/blog/videong/ overscroll-behavior https://css-tricks.com/almanac/properties/o/overscroll-behavior/ Developer Decisions For Building Flexible Components https://www.smashingmagazine.com/2021/09/developer-decisions-building-flexible-components/ Orchestrating Complexity With Web Animations API https://www.smashingmagazine.com/2021/09/orchestrating-complexity-web-animations-api Grainy Gradients https://css-tricks.com/grainy-gradients/ Modernising CSS infrastructure in DevTools https://developer.chrome.com/blog/modernising-css-infra-in-devtools/ Bundling non-JavaScript resources https://web.dev/bundling-non-js-resources/ Three fun uses for ::before and ::after https://www.youtube.com/watch?v=QFjqxVMwIl8 ---------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Interactive Learning Tools For Front-End Developers https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/ Less Absolute Positioning With Modern CSS https://ishadeed.com/article/less-absolute-positioning-modern-css/ pseudo-commas https://codepen.io/ShadowShahriar/pen/LYyvVjo I completely ignored the front end development scene for 6 months. It was fine https://rachsmith.com/i-completely-ignored-the-front-end-development-scene-for-6-months-it-was-fine/ Can we have custom media queries, please? https://www.stefanjudis.com/notes/can-we-have-custom-media-queries-please/ You don't need external assets in an HTML file https://shkspr.mobi/blog/2021/08/you-dont-need-external-assets-in-an-html-file/

JavaScript Weekly Bundling non-JavaScript resources https://web.dev/bundling-non-js-resources/ What’s New With DevTools: Cross-Browser Edition https://www.smashingmagazine.com/2021/09/devtools-cross-browser-edition/ Crafting Organic Patterns With Voronoi Tessellations https://georgefrancis.dev/writing/crafting-organic-patterns-with-voronoi-tessellations/ Automatically replace jQuery https://github.com/sachinchoolur/replace-jquery Node v16.9.0 Adds Package Manager Manager (sic) https://nodejs.org/en/blog/release/v16.9.0/ Exploring the CSS Paint API: Blob Animation https://css-tricks.com/exploring-the-css-paint-api-blob-animation/ What’s new in Node.js core? https://simonplend.com/whats-new-in-node-js-core/ Neovim and Tmux for JavaScript Development https://elijahmanor.com/blog/neovim-tmux NPM package with 3 million weekly downloads had a severe vulnerability https://arstechnica.com/information-technology/2021/09/npm-package-with-3-million-weekly-downloads-had-a-severe-vulnerability/ Threats of Using Regular Expressions in JavaScript https://blog.bitsrc.io/threats-of-using-regular-expressions-in-javascript-28ddccf5224c Shoelace: 'A Forward-Thinking Library of Web Components' https://shoelace.style/ Harlem 2.0: Simple Extensible State Management for Vue 3 https://harlemjs.com/ Renamer 4.0: Rename Files in Bulk https://github.com/75lb/renamer Dannjs: A Neural Network Library for JavaScript https://dannjs.org/ gron: Make JSON Greppable https://github.com/tomnomnom/gron The Ultimate Vue UI Component Library https://www.primefaces.org/primevue/ ---------------------------- for more -subscribe to the channel https://t.me/webWekkly