Pqina

A super concise tutorial on using JavaScript to rename files in the browser.

In this 3 minute article we’ll look at flipping images horizontally and vertically using CSS and JavaScript.

Being able to animate the CSS width and height properties would be super useful.

In this 2 minute tutorial we’ll learn how to use CSS to present images in a predefined aspect ratio.

In this 3 minute tutorial we’ll write a tiny JavaScript function that helps us crop images to various aspect ratios.

With the introduction of the File API we gained the ability to edit files in the browser.

This quick guide shows you how to set up a form to upload images to your media library using the free WordPress plugin Snippy.

Last year, while building the FilePond product page I stumbled upon the scrollIntoView API.

In the previous article on Smart CSS we used the user’s scroll position to trigger a floating navigation header.

By mapping the current scroll offset to an attribute on the html element we can style elements on the page based on the current scroll position.

In this tutorial we’ll write a tiny JavaScript event handler that will post our HTML forms using fetch instead of the classic synchronous form post.

Last Thursday I decided to finally launch FilePond.js, a JavaScript file upload library I’d been working on for six months.

You’ve found that perfect plugin for your site, but dang, it’s not available for WordPress, it’s a jQuery plugin.

Slim Image Cropper is a nifty way to let users upload cropped images to your server. but it doesn’t offer an out of the box solution to upload multiple images at once.

If you’ve got photo galleries on your website or need to generate avatars from uploaded profile pictures you’ll most likely want to create thumbnails.