Hack is hand groomed and optically balanced to be your go-to code face.
sourcefoundry.org/hack/
Category: Uncategorized
CSS only shaped: circles, ovals, triangles and arrows
Create circles, ovals, triangles and arrows using css only:
sharkcoder.com/visual/shapes
VS Code extension that lets you open the MDN docs of a CSS property
VS Code extension that lets you open the MDN docs of a CSS property
dev.to/dzhavat/vs-code-extension-that-lets-you-open-the-mdn-docs-of-a-css-property-gj6
Lighthouse | Tools for Web Developers | Google Developers
Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, and more.
You can run Lighthouse in Chrome DevTools, from the command line, or as a Node module.
developers.google.com/web/tools/lighthouse/
Caniuse and MDN compatibility data collaboration
Two great data sources come together
Today we’re announcing the integration of MDN’s compat data into the caniuse website. Together, we’re bringing even more web compatibility information into the hands of web developers.
hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/
Svelte Web Interfaces with Svelte
The hypothesis behind Svelte is straightforward: Browser-based UI frameworks result in a lot of overhead; it is possible to remove this overhead by handling the framework in a build step outside of the browser. Svelte doesn’t have a virtual DOM.
It’s a compiler, not a dependency.
Frameworks like Vue and React are dependencies; they interact with your code while it executes. Svelte is a compiler; it interacts with your code before you ever put that code in production — Svelte outputs vanilla JavaScript.
Svelte Web Interfaces with Svelte dev.to/jacobherrington/svelte-web-interfaces-with-svelte-44ib
Set event listener breakpoints – Firefox Developer Tools | MDN
Starting with Firefox 69, debugging an application that includes event handlers is simplified because the debugger now includes the ability to automatically break when the code hits an event handler.
developer.mozilla.org/en-US/docs/Tools/Debugger/Set_event_listener_breakpoints
10 Awesome PostCSS Plugins to Make You a CSS Wizard – Hongkiat
It’s Time for Everyone to Learn About PostCSS | David Clark Develops the Web
It’s Time for Everyone to Learn About PostCSS What It Really Is; What It Really Does
davidtheclark.com/its-time-for-everyone-to-learn-about-postcss/
Native lazy loading img and iframe landed in Chrome
Native lazy loading landed in Chrome 🔥
dev.to/yashints/native-lazy-loading-is-landed-in-chrome-2kli