# optimized Published articles for optimized. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Petite-Vue: A 5.8 KB JavaScript Library for Adding Small Interactions to Server-Rendered Pages DevFeed: [Petite-Vue: A 5.8 KB JavaScript Library for Adding Small Interactions to Server-Rendered Pages]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2021-08-20T06:41:00Z Content type: article Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Vue.js](), [JavaScript](), [Library](), [Web Development](), [Front end](), [interactive website]() Tags: [5-8kb](), [bits](), [gives](), [insights](), [interaction](), [javascript](), [library](), [optimized](), [pages](), [petite-vue](), [power](), [slimmed](), [small](), [sprinkling](), [tiny](), [vue](), [vue-js](), [web]() ### AI overview This article introduces Petite-Vue, a 5.8 KB JavaScript micro-framework for progressively enhancing server-rendered HTML with small interactive features. It compares Petite-Vue with Alpine.js and highlights its Vue-compatible API, migration path to Vue.js, existing Vue ecosystem, and TypeScript support. ### Source excerpt Petite-Vue is a tiny 5.8kb JavaScript library that gives you the power of Vue.js, but slimmed down & optimized for sprinkling small bits of interaction on your web pages ## A Vite Buildchain for Craft CMS Plugins & Modules DevFeed: [A Vite Buildchain for Craft CMS Plugins & Modules]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2021-05-17T04:00:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Vite](), [Content Management System](), [Tailwind CSS](), [JavaScript](), [CSS](), [modules](), [PostCSS]() Tags: [buildchain](), [builds](), [cms](), [composer](), [craft](), [css](), [developer-experience](), [drop-in](), [giving](), [insights](), [javascript](), [module](), [modules](), [optimized](), [plugin](), [plugins](), [postcss](), [production](), [replacement](), [tailwind](), [tailwind-css](), [vite]() ### AI overview This tutorial explains how to add a Vite buildchain to Craft CMS plugins and modules. It covers TypeScript, Hot Module Replacement for CSS, JavaScript, and Twig templates, Vue.js 3, Tailwind CSS with JIT, PostCSS, and optimized production builds with Rollup and content-hash versioning. ### Source excerpt A drop-in buildchain you can use in your Craft CMS plugins and modules, giving you Hot Module Replacement for JavaScript, Tailwind CSS, and optimized production builds. ## Optimized for Change DevFeed: [Optimized for Change]() Original publisher: [Read original article]() Published: 2018-12-12T00:00:00Z Content type: opinion Language: en Sources: [Dan Abramov]() Topics: [API](), [Requirements]() Tags: [api-design](), [apis](), [change](), [code](), [developer](), [optimized]() ### AI overview The article argues that good API design must account not only for readability, correctness, and performance, but also for how API consumers' code will evolve. It calls this "second order" API design and says APIs should accommodate changes such as moving, renaming, generalizing, optimizing, and fixing code. ### Source excerpt What makes a great API? ## Creating Optimized Images in Craft CMS DevFeed: [Creating Optimized Images in Craft CMS]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2016-12-01T09:13:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [Website](), [User Experience](), [Mobile]() Tags: [cloudinary](), [cms](), [craft](), [create](), [here-s](), [images](), [insights](), [number](), [optimize](), [optimized](), [performance](), [speedy](), [thing](), [website]() ### AI overview This tutorial explains how to optimize client-uploaded images in Craft CMS to improve website performance across desktop and mobile devices. It also recommends Cloudinary's Image Analysis Tool for estimating image sizes and potential savings. ### Source excerpt The number one thing you can do to create a speedy website is to optimize the images. Here's how to do it in Craft CMS ## ReactOS Newsletter 92: Win32 Raster Operations and Low-Level Bug Fixes DevFeed: [ReactOS Newsletter 92: Win32 Raster Operations and Low-Level Bug Fixes]() Original publisher: [Read original article]() Published: 2012-05-21T00:00:00Z Content type: news Language: en Sources: [Front Page on ReactOS Website]() Topics: [ReactOS](), [win32](), [Code generation](), [Kernel]() Tags: [assembly](), [c](), [code-generation](), [debugger](), [exceptions](), [floating-point](), [free](), [kernel](), [open-source](), [optimized](), [os](), [performance](), [react](), [reactos](), [win32](), [winapi]() ### AI overview ReactOS Newsletter 92 describes Win32 improvements in GDI, including generated optimized raster-operation functions and expanded use of software floating-point operations. It also reports ARM low-level exception, interrupt, trap, and debugger-related bug fixes. ### Source excerpt Win32 Improvements Deep within GDI is code designed to carry out a series of raster operations that involve applying patterns to bitmaps. For performance reasons, it is desirable to have optimized versions of this code for the various bit depths. Formally, ReactOS only generated these optimized versions for the few ternary raster operations that were used often enough to be given a common name by Microsoft. The rest were handled in a single unoptimized version. ## ReactOS Newsletter 64: Colored Cursors and Flood Fill Improvements DevFeed: [ReactOS Newsletter 64: Colored Cursors and Flood Fill Improvements]() Original publisher: [Read original article]() Published: 2009-09-16T00:00:00Z Content type: article Language: en Sources: [Front Page on ReactOS Website]() Topics: [ReactOS](), [Graphics](), [color](), [win32]() Tags: [free](), [graphics](), [open-source](), [optimized](), [os](), [react](), [reactos](), [win32](), [winapi](), [windows]() ### AI overview This ReactOS newsletter describes work to add colored cursor support, resolve related graphics issues, implement flood fill drawing in Paint, and improve its performance. ### Source excerpt Color and Filling Colored cursors aren't a feature used that often by regular applications, but games certainly make use of it and Winamp is a non-game example. When using Winamp, Gregor Schneider noticed the mouse turned into a black box when he tried to use it and dug into the code to see if he could fix it. In several places were comments noting the need for color support so Gregor had a few hints about where additional code was needed.