Posts

Showing posts from November, 2020

Uploading Files With AJAX

Image
I can’t seem to reach the end of the fun stuff you can do with web technologies. Today, I’m going to show you how to upload files via AJAX. First, we'll see how to upload files using vanilla JavaScript. And later on, I'll show how you could use the  DropzoneJS  library to implement drag-and-drop file uploads. Looking for a Quick Solution? If you're looking for a quick solution, there's a great collection of  file upload scripts and applications  over at CodeCanyon. How to Upload a File With Vanilla JavaScript There are three main components to our project. The  multiple  attribute on the file  input  element. The  FileReader  object from the new File API. The  FormData  object from  XMLHttpRequest . We use the  multiple  attribute to allow the user to select multiple files for upload (multiple file upload will work normally even if  FormData  isn’t available). As you’ll see,  FileReader  allows us to show the user thumbnails of the files they’re uploading (w

What Is Illustration? (And What Are the Different Types of Illustration?)

Image
What You'll Be Creating Do you want to know more about illustration? Or do you want to become an illustration artist? Digital illustration, scientific illustration... such a lot of terms! In this article, you'll learn the meaning of illustration, discover illustration types, and much more! 1. What Is Illustration? Let's dive into an illustration definition. In short, illustration is a visualization made by an artist. It is a drawing (or painting, collage, engraving, photo, etc.) that explains something. The illustration doesn't have to be drawn—a photo in an encyclopedia is also an illustration, because it explains what is written.  So if your drawing is not explaining something, it is a work of art, not an illustration. We will talk about the differences between art and illustration later. An illustration can explain an idea even without the text nearby. People who look at the picture should see the story, "read" it as they would read the text. To tel

How to Use Tone Curves to Correct and Adjust Photos in Adobe Camera RAW (Free)

Image
Curves tools can be really useful for your editing process, giving you greater speed and control over exposure, contrast and even colour, over the dynamic tonal range of your image. Here we'll take a look at the Curves tools in Adobe Camera Raw. What is a Tone Curve? Tone curves represent the range of tones and changes between them in your picture. ‘The horizontal axis represents the original tone values of the image (input values), with black on the left and progressively lighter values toward the right. The vertical axis represents the changed tone values (output values), with black on the bottom and progressing to white at the top.’  Source: Adobe You'll usually use the Curve options to adjust contrast and exposure, though you can do more than that by also adjusting specific colour channels within the Curves tools too. How to use Tone Curve in Camera Raw You’ll have noticed that in the more recent updates to ACR, the Tone Curve section has changed a little. If you’