| /** | |
| * ClassLoom Extension | |
| * | |
| * Adds CSS class management to ProseMirror nodes and marks. | |
| * Works with any node type (paragraphs, tables, lists, etc.) and any mark type (italic, bold, etc.). | |
| * | |
| * Features: | |
| * - Multiple class groups targeting different node/mark types | |
| * - Combinable groups (multiple classes from same group) | |
| * - Special "text" type: creates one separate mark per group (allows combining multiple text class groups) |
| /** | |
| * ClassLoom Extension | |
| * | |
| * Adds CSS class management to ProseMirror nodes and marks. | |
| * Works with any node type (paragraphs, tables, lists, etc.) and any mark type (italic, bold, etc.). | |
| * | |
| * Features: | |
| * - Multiple class groups targeting different node/mark types | |
| * - Combinable groups (multiple classes from same group) | |
| * - Special "text" type: creates one separate mark per group (allows combining multiple text class groups) |
Image by Susie Lu, take from the Addy Osmani's post
I believe it’s very important to understand how the software that users are working with actually functions. From a purely technical point of view, for the development team the clients are the browsers, and understanding how they read, interpret, and render our code is essential to provide the best possible experience for the users of the application or website.
US Centric (but often Worldwide)
Don't forget there are many state and city level organizations that can help you too.
now published as https://www.swyx.io/writing/svelte-amplify-datastore
Some thoughts on the challenges of the first 2 and possibly solving them with the latter 2.
In a world where API latency is unpredictable, the way to make user interactions seem instant is essentially by lying to the user. Most implementations of optimistic updates work like this:
I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.
But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.
Svelte is a language.
Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?
A few projects that have answered this question:
| /* | |
| https://www.smashingmagazine.com/2016/07/improving-user-flow-through-page-transitions/ | |
| You can copy paste this code in your console on smashingmagazine.com | |
| in order to have cross-fade transition when change page. | |
| */ | |
| var cache = {}; | |
| function loadPage(url) { | |
| if (cache[url]) { |