--- title: "Antonello – Blog" description: "I'm a software engineer, but I prefer to call myself a Technology Bishop. Spreading knowledge through writing is my mission." url: "https://img.ly/blog/author/antonello/" type: "index" --- > This is the markdown version of [Antonello – Blog](https://img.ly/blog/author/antonello/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt). --- I'm a software engineer, but I prefer to call myself a Technology Bishop. Spreading knowledge through writing is my mission. 23 posts. - [How To: Video Generation With Javascript](https://img.ly/blog/how-to-video-generation-with-javascript.md): Learn how to programmatically create videos at scale with Javascript and CreativeEditor SDK. - [A Modern JavaScript Video Editor: Integration Guide](https://img.ly/blog/a-modern-javascript-video-editor-integration-guide.md): Learn how to integrate IMG.LY's Javascript video editor into your web app and how to best leverage its capabilities. - [A Modern React Design Editor: Integration Guide](https://img.ly/blog/modern-react-design-editor.md): Learn how to integrate IMG.LY's design editor for React into your web app and how to best leverage its capabilities. - [A Modern Vue.js Video Editor: Setup Guide](https://img.ly/blog/a-modern-vue-js-video-editor.md): Learn how to integrate IMG.LY's video editor for Vue.js into your web app, from the first single-file component to timeline edits and MP4 export. - [A Modern React Video Editor: Integration Guide](https://img.ly/blog/a-modern-react-video-editor.md): Learn how to integrate IMG.LY's video editor for React into your web app, from the first component to timeline edits and MP4 export. - [A Modern Angular Video Editor: Setup Guide](https://img.ly/blog/a-modern-angular-video-editor.md): Learn how to integrate IMG.LY's video editor for Angular into your web app, from the component scaffold to timeline edits and MP4 export. - [How To Build a Video Editor With Wasm in React](https://img.ly/blog/how-to-build-a-video-editor-with-wasm-in-react.md): Use the ffmpeg.wasm library to build a React video editor that performs video processing directly in the browser. - [How To Build a Canva Clone with CE.SDK](https://img.ly/blog/how-to-build-a-canva-clone-with-ce-sdk.md): Build a Canva-style design editor in React with CE.SDK: templates, locked layers, custom assets, and export, in a few hundred lines. - [Content Moderation for User-Generated Designs with CE.SDK and Sightengine](https://img.ly/blog/content-moderation-for-user-generated-designs-with-ce-sdk-and-sightengine.md): Protect your users and your brand reputation without manual content moderation. - [How To Generate an NFT Art Collection With React Using CE.SDK](https://img.ly/blog/how-to-generate-an-nft-art-collection-with-react-using-ce-sdk.md): Learn how to programmatically build a trading card set for NFT art collections in React with CE.SDK. - [How To Apply Image Filters in WebGL](https://img.ly/blog/how-to-add-image-filters-in-webgl.md): Learn everything you need to get started with kernel-based image filters in WebGL. - [How To Add Overlays to a Video in React Native](https://img.ly/blog/how-to-add-overlays-to-a-video-in-react-native.md): Learn how to place text or images over your videos in React Native. - [How To Resize and Compress an Image in JavaScript for Upload](https://img.ly/blog/how-to-compress-an-image-before-uploading-it-in-javascript.md): Learn how to downscale an image in JavaScript by reducing its size and quality before uploading it to your server. - [How To Add a Sticker to a Texture With Three.js](https://img.ly/blog/how-to-add-a-sticker-to-a-texture-with-three-js.md): Learn how to add an overlay image to your textures in WebGL and JavaScript with Three.js. - [How To Scale, Crop, Flip, and Filter an Image in CSS](https://img.ly/blog/how-to-scale-crop-flip-and-filter-an-image-in-css.md): Learn how to use CSS to perform the most common image processing manipulations. - [How To Manipulate an Image With Jimp in React](https://img.ly/blog/how-to-manipulate-an-image-with-jimp-in-react.md): Let's get started with Jimp in React. Easily alter images with a few lines of code. - [How to Add a Watermark to an Image in JavaScript](https://img.ly/blog/how-to-add-watermark-javascript.md): Create watermarks in Vanilla JavaScript and with watermarkjs! - [How To Pixelate an Image in JavaScript](https://img.ly/blog/how-to-pixelate-an-image-in-javascript.md): Pixelate an image in Vanilla JavaScript without any libraries – with the element! - [How to Apply Custom Image Filters Using HTML5 Canvas in JavaScript](https://img.ly/blog/how-to-apply-filters-in-javascript.md): Apply custom filters in JavaScript without external libraries – with the element! - [How to Draw on an Image With JavaScript](https://img.ly/blog/how-to-draw-on-an-image-with-javascript.md): Easily implement a brush to draw on an image in JavaScript, without using any external library! - [How To Resize an Image in React](https://img.ly/blog/how-to-resize-an-image-in-react.md): Quickly resize an image with the `react-image-file-resizer` React library. - [How To Resize an Image With JavaScript](https://img.ly/blog/how-to-resize-an-image-with-javascript.md): Today, you will learn how to resize an image in JavaScript, without using any external library. Thanks to the HTML element, this is reasonably easy. Let's go! - [How To Crop an Image in React](https://img.ly/blog/how-to-crop-an-image-in-react-with-react-image-crop.md): In this article, you will learn to crop an image in JavaScript. Specifically, you will see how to achieve this goal with the react-image-crop React library. --- ## More Resources - **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design - **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation - **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.