Trending March 2024 # How To Make Money Online For Beginners # Suggested April 2024 # Top 12 Popular

You are reading the article How To Make Money Online For Beginners updated in March 2024 on the website We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested April 2024 How To Make Money Online For Beginners

Making money online started a couple of years back, specifically when Blogging was at its peak, and that was the most popular way anyone could quit their traditional job, and make money by working from home. Fast forward ten years and things have changed drastically, and blogging is just one way to make money now. In this article, we are looking at multiple ways you can make money online.  It caters to wider creators, and if you have a passion to work, and can ready to take a bit of risk, you can definitely make money online.

Ways to Make Money Online

There are various ways by which you can make money online:

Blogging & content generation

Affiliate marketing

Email marketing

Vlogging & Podcasting


Social Media Influencer Marketing

Buy & Sell on Facebook, WhatsApp, etc.


Website Flipping

Start an eCommerce site

eCommerce Product Reviews

Online Consultancy

Online Local Servies

Photography, Videography, Sketching & Image Selling Services


Let us take a look at them in detail.


When blogging started, it used to be one man show. Now, you need to have a team if you want to run a successful blog or a website which talks about one particular topic or almost anything which is popular. A team means now a website can hire a number of writers.

Affiliate marketing

This is another field which can help you a good amount of money if done right. In affiliate marketing, you promote products and offers You get paid when somebody opts-in. Facebook Advertising is one of the biggest places where affiliate marketing happens. However, you will need a lot of time, money to experiment to make successful in long-term.

Email Marketing

This is a very popular way of making money where you can earn money by sending newsletters to your subscribers. There are many who would send out emails which are of high value and help readers. When they send out recommended product to buy or when they promote their own paid product it works like a charm.


As internet speed got better, it became easier to consume different types of content. Video and Audio became the next big thing. YouTube is the most popular platform where you can upload product videos, talk about something which helps others with expression and adds more content. The same applies to Podcasts.  You can start a  paid subscription for your channel or podcasts to make money.

You can start your YouTube channel, sell your own composed music, provide video editing services to individuals or corporate using proper outreach, start a video series by running a webinar, teach online by creating videos for your skilled courses & sell it [e.g Udemy], start your audio podcast and ask to join paid subscription for upcoming series, become a Voiceover artist for corporate videos or Audio bookmakers, sell your video editing service and more. The money here is pretty good!


If you are good at gaming and finding out what is good and bad about the game, you can be hired by big publishers and maybe the company itself.

Social Media Influencer Marketing

Twitter, Facebook, Instagram, I am sure you all have heard about it. You can be an influencer on Instagram/Facebook/Twitter/LinkedIn. What you may not know about it is that you can make money from it. As you talk about things you are good at, you can gather more followers around you, and then you can get associated with brands, and promote them.

You can build a Facebook or Instagram page, get a good audience reach & engage in sponsored collaboration with brands for per post. You could even sell the social page!

Social Media will also need you to be creative. The way you talk about your experience, share photos and promote anything needs to leave an impression on your followers, and more to come. However, here comes a silver lining. It’s very easy to get lured by band offers. Its always a good idea to play fair, even if it means that growth can be slower for you.

Buy & Sell on Facebook, WhatsApp, etc.

Its part of social media but on a different level.  Facebook and eCommerce have come a long way. Not that I am asking you to start an eCommerce Portal, but you can buy and sell on Facebook especially if you have a shop. This way you can attract more customers, increase Facebook Likes, and so on.

Facebook offers templates for pages which allows you to set up a virtual shop, and you can leverage the power of social media to engage more customers through images,  and competition.


In the past few years, this has become a popular way to make money. You start with a domain and develop it for some time. When it starts generating revenue and can make decent money, you sell it for profit. The benefit here is you don’t get into the risk of maintaining it for a very long time, and if the traffic drops for that website later, you are not at a loss.

The second popular way is Buy and Sell Domains. You can keep a track on what could be the next popular thing, and buy domain names based on that. Later you sell it for a good profit.

Website Flipping

This is close to Domaining, but then its the second phase. A lot of people buy domains, improve it, make it rank better, and then sell it off. Many a time webmasters have a lot of domain in hand; they do not go beyond a certain point. This is effective than actually starting a website from scratch because one can kickstart at a low price with a website which is bit settled and improve from there.

Start an eCommerce site

Start your own local targetted eCommerce website to sell physical and online products (e.g., Amazon). Engage in Dropshipping (Shopify) or start your affiliate venture and have good sales.

eCommerce Product Reviews

I recently stumbled on this, and it’s very interesting. On websites like Amazon, and Flipkart there is an option which allows users to ask questions. I have noticed that people who have not bought the product also answer it. Apart from this, even if you haven’t bought a product, you can review them if you have personally used it. This opens a new market for those who can participate in this activity. Companies would usually send them the product; they can try it for some time and then share their review.

Online Consultancy

This is not new and had been there since Websites, Content Creators and Search Engine, but they have come a very long way just like all other things.  However, now they go hand in hand.

Websites are now developed keeping SEO and Content in mind. Those who have indulged into understanding Search Engines are now working with content creators and website developers to makes sure they are targeted well.

These are many who pose as SEO experts and offers services. You should gain real knowledge and then offer your services. If you are indulging any of these businesses, make sure you have a plan to stay updated and keep your services updated as well. You will not only have to build, but also keep gathering experience, and keep your clients for getting recommended.

Become Digital Consultant, Revenue booster consultant for existing online services, offer Local business consultation, become virtual assistant or tutor for business, etc. You can also sell Hosting services, Digital services like SEO, UI, UX, Web security audit, Build your own product/software/service to sell, offer Malware removal service for websites, offer Website testing, etc. These, however, are specialized services.

Online Local Servies

If that sounds little odd to your ears, then it is. I have seen local service offered by Food counters, laundry services, carpenters, electricians and many more. Some of them have their app, while others offer their services through online sites like UrbanClap.

You could even become a community builder and networking person.

It’s a brilliant idea which not only pays more, but as labor is getting costlier and very tough to find, it has opened an opportunity for one to bring them together, and make good money.

Photography, Sketching, Videography & Image Selling Services

If you are a decent photographer, you can make money online by selling your photos to online services who buy them. You can sell your pictures on Shutterstock and other branded sites. There are tons of websites for that as they are bought by professionals who would like to put it on their website for a compelling story. You can make good money here.

Sites like Fiverr can help you earn online. You can sell you special skills here – maybe sketching, portrait painting and so on.


You can build and sell small tools (e.g., PDF-Doc converter, etc.)

Be an online travel consultant to manage people upcoming trip at a very effective cost

Use service like Craigslist, eBay or OLX to sell old products at your home

Rent your home online using Airbnb and similar services, etc.

Offer localized real estate consultancy via social media or your blog.

You need to be consistent to make money online

While it covers a lot of areas which you can learn, and then make money online, there are many many more ways to do it. You have to find the right choice for you and experiment what works for you. That said, be ready for a venture with ups and downs. While Make Money Online has its charisma, just like any other business, it has its own up and down. Keep learning, adapt to changes, experiment, and you will find your way out.

Trust us when we say this – if you succeed, you will literally be rolling in money! However do remember, its all about consistency. The longer you stay in the field, the more the chances that your experience will pay handsomely.

With inputs from Saurabh Mukhekar.

You're reading How To Make Money Online For Beginners

How To Create A Website And Make Money In 10 Steps (2023)

You must create a website for your business to help it grow online. This allows you to reach out to more audience and leverage your digital presence. Here are a few things that you need to keep in mind before creating a website for your business.

Define Your Website Goals:

You must have your goals defined before you create a website for your business. Is it to let more people know your brand? Is it to sell more products? Is it to keep the users engaged? Or, is it to showcase your creative work? May it be any of these or all of these, make sure you have it!

Only when you have clarity of goals can you ever make progress in the right direction – towards the success of your business. Dedicate time and energy to brainstorming and coming up with appropriate goals.

Research the Market:

Defining a goal doesn’t help you achieve it. You need to put in the effort and know your market to create an effective strategy. Make a detailed research and find out what makes your website stand out. Study other business websites created in the same industry as yours and check what they lack that you can offer.

Conduct comprehensive competitor research and determine the gaps in the market and find ways in which you can bridge these gaps and identify business opportunities in serving the target market.

Know Your Target Audience:

Knowing what your audience is looking for, affects almost all the elements of your website creation plan. These elements include your website’s theme, design, content, optimization strategy, marketing and networking effort, and much more. You must research and understand what can attract people towards your website and make the choices accordingly.

Let us take an example of website optimization. You can create the website content that sounds great to you but if it doesn’t include the relevant keywords, it is good for nothing. If your website doesn’t rank on a search engine, how will the target audience find it?

Know your Brand:

No one knows your brand better than yourself. Make the selections that suit your brand. Your website is a vital component of your business that will serve your brand for years. With the help of an excellent website, you can attract new people and develop your brand reputation. Keeping that in mind, design your website image that represents your brand well. Make sure the base color of your website matches the color of your brand. It helps you capture the attention of the target audience.

Create a Website Promotion Strategy:

Even when you create an excellent website, you still need to attract visitors. Before you have your website up and running, you need to create a better promotion and marketing strategy. People will not just find your website on the search engines. You need to optimize it to attract more and more visitors. Create a list of ideas on how you can develop your website identity using various solutions like content marketing, SEO, social media marketing, and much more.

How To Use Chatgpt – Beginners Guide

OpenAI is a non-profit organisation that focuses on machine learning and artificial intelligence and has been releasing great tools for the world to use. The latest of their inventions is ChatGPT. Ever since its release, it is breaking the internet and everyone is talking about it. Microsoft also implemented it on its Azure services. You might have wondered what is ChatGPT and how to use it. In this guide, we answer a few questions, What is ChatGPT and How to use ChatGPT?

What is ChatGPT

ChatGPT is a large language model developed and released by OpenAI. It has the ability to understand and respond to our queries and questions. It can help you in doing many things and can explain things in an easy way.

ChatGPT is trained with a lot of information that makes it able to answer any question you ask, write stories, make jokes, translate languages, or even write code to carry out automation tasks, etc.

Already many companies are figuring out its usage on their services and implementing it to benefit their user base. One such company to jump on the bandwagon of ChatGPT is Microsoft.

What are the benefits of ChatGPT?

ChatGPT has so many benefits. They are:

Personalized answers: When you use ChatGPT to get answers to your questions, you get answers based on your input. Your input decides how ChatGPT behaves and gives you an answer. If you are unsatisfied with an answer, you can ask for more again and again until you get what you want.

Automation: You can use ChatGPT to write code to automate repetitive tasks that you do every day. This can be helpful to marketers, customer support, etc. They can use ChatGPT or its API to create marketing content or respond to customer queries using the bot. You can make it write social media posts, and a code to schedule them automatically or post them. Though it takes some time to understand, it is worth the try.

Data Analysis: ChatGPT can analyse your input and give you output based on that. If you don’t understand something, you can just input it on ChatGPT and get it analyzed and simplified for you. You can input the data in any language, and ChatGPT can process it and summarize it.

These are the major benefits of ChatGPT that can help everyone.

Read: Things you can do with ChatGPT.

How to use ChatGPT

Using ChatGPT is an no-brainer. Follow the below steps to use ChatGPT.

Go to the OpenAI website on a web browser

Let’s get into the details of the process.

You need to create an account using your email id, or just use your Google (Gmail) account or Microsoft Account to complete Sign up on OpenAI to use ChatGPT.

Once you are done with Signing up and logging in, it will take you to the ChatGPT page. You can type your questions or queries in the text box at the bottom of ChatGPT and press Enter. The bot will answer your questions.

Read: How to use Chat PT on Google Search

This post will help you if you receive ChatGPT is at capacity right now message.

How to clear ChatGPT History?

It will delete the single conversation you have selected.

Read: A Guide to OpenAI and its Products and Services

How to use ChatGPT API

TIP: AI Text Classifier tool can detect ChatGPT-generated content

How to use ChatGPT to Code

Using ChatGPT to code is an easy process. You just have to log in to your OpenAI account and head to the ChatGPT page. There in the text bar, give instructions on the type of code you want and the desired outputs of the code and press Enter. ChatGPT will write the code for you. If you do not understand the code, you can ask ChatGPT to break it down and explain it to you on its usage.

Read: How to opt out of your Data Collection on ChatGPT

How to use ChatGPT without phone number?

You cannot use ChatGPT without a phone number. The phone number is used to verify your account and secure the platform and your account. If you want to use ChatGPT without giving your own phone number, you can use temporary number services online and use a number to verify and use ChatGPT.

TIP: You might want to take a look at these free ChatGPT alternatives too.

Cohort Analysis Using Python For Beginners

This article was published as a part of the Data Science Blogathon

After understanding and working with this hands-on tutorial, you will be able to:

Understand what is cohort and cohort analysis

Handling missing values

Month extraction from date

Assign cohort to each transaction

Assigning cohort Index to each transaction

Calculate the number of unique customers in each group

Create cohort table for retention rate

Visualize the cohort table using the heatmap

Interpret the retention rate

What is Cohort and Cohort Analysis?

A cohort is a collection of users who have something in common. A traditional cohort, for example, divides people by the week or month of which they were first acquired. When referring to non-time-dependent groupings, the term segment is often used instead of the cohort.

Cohort analysis is a descriptive analytics technique in cohort analysis. Customers are divided into mutually exclusive cohorts, which are then tracked over time. Vanity indicators don’t offer the same level of perspective as cohort research. It aids in the deeper interpretation of high-level patterns by supplying metrics around the product and consumer lifecycle.

Generally, there are three major types of Cohort:

Time cohorts: customers who signed up for a product or service during a particular time frame.

Behavior cohorts: customers who purchased a product or subscribed to service in the past.

Size cohorts: refer to the various sizes of customers who purchase the company’s products or services.

However, we will be performing Cohort Analysis based on Time. Customers will be divided into acquisition cohorts depending on the month of their first purchase. The cohort index would then be assigned to each of the customer’s purchases, which will represent the number of months since the first transaction.


Finding the percentage of active customers compared to the total number of customers after each month: Customer Segmentations

Interpret the retention rate

Here’s the full code for this tutorial if you would like to follow along as you progress through the tutorial.

Step involved in Cohort Retention Rate Analysis

1. Data Loading and Cleaning

2. Assigned the cohort and calculate the

Step 2.1

Truncate data object in into needed one(here we need month so transaction_date)

Create groupby object with target column ( here, customer_id)

Transform with a min() function to assign the smallest transaction date in month value to each customer.

The result of this process is the acquisition month cohort for each customer i.e. we have assigned the acquisition month cohort to each customer.

Step 2.2

Calculate Time offset by extracting integer values of the year, month, and day from a datetime() object.

Calculate the number of months between any transaction and the first transaction for each customer. We will use the TransactionMonth and CohortMonth values to do this.

The result of this will be cohortIndex i.e, the difference between “TransactionMonth ” and “CohortMonth” in terms of the number of months and call the column “cohortIndex”.

Step 2.3

Create a groupby object with CohortMonth and CohortIndex.

Count the number of customers in each group by applying the pandas nunique() function.

Reset the index and create a pandas pivot with CohortMonth in the rows, CohortIndex in the columns, and customer_id counts as values.

The result of this will be the table that will serve as the basis for calculating retention rate and other matrices as well.

3. Calculate business matrices: Retention rate.

Retention measures how many customers from each of the cohort have returned in the subsequent months.

Using the dataframe called cohort_counts we will select the First columns(equals to the total number of customer in cohorts)

Calculate the ratio of how many of these customers came back in the subsequent months.

The result gives a retention rate.

4. Visualizing the  retention rate

5. Interpreting the retention rate

Retention rate monthly cohorts.


Let’s Begin:

Import Libraries

import pandas as pd import seaborn as sns import matplotlib.pyplot as plt import numpy as np import datetime as dt import missingno as msno from textwrap import wrap

Data loading and cleaning

# Loading dataset transaction_df = pd.read_excel('transcations.xlsx') # View data transaction_df.head()

Checking and working with missing value

# Inspect missing values in the dataset print(transaction_df.isnull().values.sum()) # Replace the ' 's with NaN transaction_df = transaction_df.replace(" ",np.NaN) # Impute the missing values with mean imputation transaction_df = transaction_df.fillna(transaction_df.mean()) # Count the number of NaNs in the dataset to verify print(transaction_df.isnull().values.sum()) print( for col in transaction_df.columns: # Check if the column is of object type if transaction_df[col].dtypes == 'object': # Impute with the most frequent value transaction_df[col] = transaction_df[col].fillna(transaction_df[col].value_counts().index[0]) # Count the number of NaNs in the dataset and print the counts to verify print(transaction_df.isnull().values.sum())

Here, we can see that we have 1542 null values. Which we treated with mean as well as most frequent values as per datatype. Now, as we have completed our data cleaning and understanding, now we will commence the Cohort Analysis.

Assigned the cohorts and calculated the monthly offset # A function that will parse the date Time based cohort: 1 day of month def get_month(x): return dt.datetime(x.year, x.month, 1) # Create transaction_date column based on month and store in TransactionMonth transaction_df['TransactionMonth'] = transaction_df['transaction_date'].apply(get_month) # Grouping by customer_id and select the InvoiceMonth value grouping = transaction_df.groupby('customer_id')['TransactionMonth'] # Assigning a minimum InvoiceMonth value to the dataset transaction_df['CohortMonth'] = grouping.transform('min') # printing top 5 rows print(transaction_df.head())


Calculating time offset in Month as Cohort Index

Calculating the time offset for each transaction allows you to evaluate the metrics for each cohort in a comparable fashion.

First, we will create 6 variables that capture the integer value of years, months, and days for Transaction and Cohort Date using the get_date_int() function.

def get_date_int(df, column): year = df[column].dt.year month = df[column].dt.month day = df[column] return year, month, day # Getting the integers for date parts from the `InvoiceDay` column transcation_year, transaction_month, _ = get_date_int(transaction_df, 'TransactionMonth') # Getting the integers for date parts from the `CohortDay` column cohort_year, cohort_month, _ = get_date_int(transaction_df, 'CohortMonth')

Now we will calculate the difference between the Invoice Dates and Cohort dates in years, months separately. then calculate the total Months difference between the two. This will be our month’s offset or cohort Index, which we will use in the next section to calculate the retention rate. 

# Get the difference in years years_diff = transcation_year - cohort_year # Calculate difference in months months_diff = transaction_month - cohort_month """ Extract the difference in months from all previous values "+1" in addeded at the end so that first month is marked as 1 instead of 0 for easier interpretation. """ transaction_df['CohortIndex'] = years_diff * 12 + months_diff + 1 print(transaction_df.head(5))

Here, at first, we create a group() object with CohortMonth and CohortIndex and store it as a grouping.

Then, we call this object, select the customer_id column and calculate the average.

Then we store the results as cohort_data. Then, we reset the index before calling the pivot function to be able to access the columns now stored as indices.

Finally, we create a pivot table bypassing

CohortMonth to the index parameter,

CohortIndex to the columns parameter,

customer_id to the values parameter.

and rounding it up to 1 digit, and see what we get.

# Counting daily active user from each chort grouping = transaction_df.groupby(['CohortMonth', 'CohortIndex']) # Counting number of unique customer Id's falling in each group of CohortMonth and CohortIndex cohort_data = grouping['customer_id'].apply(pd.Series.nunique) cohort_data = cohort_data.reset_index() # Assigning column names to the dataframe created above cohort_counts = cohort_data.pivot(index='CohortMonth', columns ='CohortIndex', values = 'customer_id') # Printing top 5 rows of Dataframe cohort_data.head()

Calculate business metrics: Retention rate

The percentage of active customers compared to the total number of customers after a specific time interval is called retention rate.

In this section, we will calculate the retention count for each cohort Month paired with cohort Index

Now that we have a count of the retained customers for each cohortMonth and cohortIndex. We will calculate the retention rate for each Cohort.

We will create a pivot table for this purpose.

cohort_sizes = cohort_counts.iloc[:,0] retention = cohort_counts.divide(cohort_sizes, axis=0) # Coverting the retention rate into percentage and Rounding off. retention.round(3)*100

The retention rate dataframe represents Customer retained across Cohorts. We can read it as follows:

Index value represents the Cohort

Columns represent the number of months since the current Cohort

For instance: The value at CohortMonth 2024-01-01, CohortIndex 3 is 35.9 and represents 35.9% of customers from cohort 2024-01 were retained in the 3rd Month.

Also, you can see from the retention Rate DataFrame:

Retention Rate 1st index i.e 1st month is 100% as all the customers for that particular customer signed up in 1st Month

The retention rate may increase or decrease in subsequent Indexes.

Values towards the bottom right have a lot of NaN values.

Visualizing the retention rate

The media shown in this article are not owned by Analytics Vidhya and are used at the Author’s discretion.


Css Colors Tutorial For Beginners – Webnots

Colors make the webpage meaningful. The page will look plain and boring without different colors. You can use two types of color properties with CSS in a webpage. One is foreground color (generally as color) to change the color of the text or font. Second is background color to add background color to different HTML elements. In this tutorial let us explore how to use CSS color properties with various attributes.

Changing Text Color in CSS p { color: red; }

It will produce the following result on the browser:

This is a red color paragraph.

Changing Background Colors in CSS

You can change the background color any HTML element using the below CSS style definition:

p { background-color:red;color:white; }

It will produce the following result:

This is a red color paragraph.

Note we have used, white text color so that it is clearly readable with red background.

Defining Colors in CSS

In the above examples, we have used red and white colors with the name. You can create millions of colors by combining the three basics colors of red, blue and green. It is not possible to remember the name of the colors and also most of the colors have no actual name. In order to make the usage simple, CSS allows the following ways to define the color value:

Names for colors like red, green or white

Using combination of red, green and blue decimal values like rgb(20,50,200)

Using hexadecimal values for red, green and blue like #ffffff

Percentage value for red, blue and green colors like rgb(10%,80%,25%)

Using hue, saturation and lightness like hsl(0,80%,70%)

Adding opacity to RGB values like rgba(0,0,0,0.8)

Adding opacity to HSL values like hsla(200,75%90%0.6)

Using Color Names in CSS

We have already seen how to use name in color and background CSS properties. There are only around 150 color names browsers can identify. We recommend you to use numbers instead of names for colors. You can also check out the color codes for popular social networking site in this article.

Using RGB Colors in CSS

In RGB method red, blue and green colors are indicated with the decimal numbers ranging from 0 to 255. For example, tomato color is indicated as rgb(255,99,71).

This text will have a tomato color background with the RGB value as rgb(255,99,71).

It will produce the following result on the browser:

This text will have a tomato color background with the RGB value as rgb(255,99,71).

You can create more than 16 million colors by varying the three base color values. However, make sure to use proper text color so that it is easy to read. The best option is to choose web safe colors like flat UI colors for your website.

Using Hexadecimal Color Values

The tomato color rgb(255,99,71) can be converted into an equivalent hexadecimal value as FF6347. This is a mere conversion of 255 into FF, 99 into 63 and 71 to 47. You can use color converter tools to convert between RGB to hex codes.

You can use hexadecimal color values in CSS like below:

This text will have a tomato color background with the hex code value as #FF6347. Remember to use # symbol in front the hex code value. Also both small case #ff6347 and capital case #FF6347 will produce the same result.

This text will have a tomato color background with the hex code value as #FF6347. Remember to use # symbol in front the hex code value and use text color as #FFFFFF. Also, both small case #ff6347 and capital case #FF6347 will produce the same result.

Using RGB Values as Percentage

Instead of decimal number ranges from 0 to 255, you can also mention the percentage value for red, green and blue.

This text will have a tomato color background with the hex code value as #FF6347. Remember to use # symbol in front the hex code value. Also both small case #ff6347 and capital case #FF6347 will produce the same result.

It will produce the below result:

This text will have a tomato color background with the hex code value as #FF6347. Remember to use # symbol in front the hex code value. Also both small case #ff6347 and capital case #FF6347 will produce the same result.

Adding Opacity to RGB Colors

In CSS3, you have the ability to mention the alpha or opacity value for the colors. The alpha value is added as a decimal number between 0.0 to 1.0 as a fourth value. The value 0 represents completely transparent which is 0% opacity and 1.0 indicates opaque with 100% opacity.

Below is the syntax of using alpha value in rgb color with 20% opacity:

Content Here……

Let us show the red color with 20%, 40%, 60%, 800% and 100% of opacity values to make it more understandable.

p { background-color: rgb(255,0,0); opacity: 0.5; } Using HSL Colors in CSS

CSS3 has additional option to define a color using HSL method. HSL stands for hue, saturation, lightness and has three values:

Hue is a degree indicated in a color wheel with references as 0 = red, 120 = green, 240 is blue.

Saturation is a percentage value of gray in a color.

Lightness is a percentage value of light or dark where 0% is dark (black) and 100% is light (white).

Below is an example of making green background with HSL color in CSS:

Content Here……

HSL with Opacity

Similar to RGBA, you can also add opacity to HSL color as fourth value. The opacity or alpha is indicated in a decimal number between 0.0 to 1.0 where 0.0 indicates fully transparent and 1.0 indicates opaque. Below is an example of creating green color with 50% opacity using HSLA declaration in CSS.

Content Here……

The following boxes showcase green color at different alpha levels:

Complete Example of Using Colors in CSS

As of now we have seen different ways to define colors in CSS. Let us show a full length example of creating foreground and background colors:

div {background-color:tomato; padding:10px;} p {color: rgba(50,90,20,0.8);} p {color: #ffffff;} /* This will be the final paragraph color */ h1 {color: yellow;} h2 {background:hsla(10,20%,30%,0.8);} h2 {color:#ffffff;} em {color: #4500aa;}

The final result will be shown like below:

This is a H1 heading.

Here is a paragraph element.

This is a H2 heading.

If you define multiple colors in CSS for the same element then the latest will take precedence over all previous declaration. In the above example, the paragraph will have #ffffff color due to this reason.

Specific styles will take precedence over the parent or generic style. The h1 color will be #008754 and not yellow.

You can also use the background shorthand property to define the background color.

Every Photoshop Tool Explained (For Beginners)

To use Photoshop for photo editing and graphic design effectively, you need to know Photoshop tools. The tools, found in the Toolbar on the left-hand side, allow you to edit and manipulate images and make designs from scratch. In this article, I explain each tool and what it’s best used for.

Whether you are a beginner opening Photoshop for the first time or a seasoned user, this article has something for you. Adobe is constantly updating the program, and in some updates, new tools appear, and you may not be familiar with what the tool does. Here is all you need to know about the current Photoshop tools.

How Many Tools Are In Photoshop?

Adobe does a significant upgrade of its software every six months or so, and some of these upgrades include new tools for Photoshop. So while there are currently 69 tools in Photoshop 2023 version 23.5.0, this may change in the future.

You can find the tools in the Toolbar, either from the visible icon or within the hidden panel, which I will discuss how to access shortly.

Understanding The Toolbar In Photoshop

You can expand the Toolbar or keep it tight against the side of the workspace. Use the double arrow icon at the top of the Toolbar to expand or contract the bar. This icon changes the Toolbar from keeping the icons in a single or double row.

The visible icons aren’t the only tools available for you to use. The small arrow below the tool icon shows the tools that contain other hidden tools.

Photoshop also offers Rich Tooltips for each tool in the Toolbar. These tips give you the name of the tool, the shortcut, a brief description, and a quick video showing the tool in action. You can access these tips by hovering your mouse over a tool icon until a window shows you the information.

Summary Of Every Tool In Photoshop

Learning to master each tool takes some understanding and plenty of practice. Here is a summary of every tool in the Photoshop Toolbar to give you an idea of how it works and why you would use it.

The Selection Tools

The first group of tools is used to move layers and objects or make selections of various elements.

The Move Tool (V) is at the top of the Toolbar and is used to move layers, selections, and guides around the canvas or artboard. 

– Artboard Tool (V)

The Artboard Tool (V) is valuable when using artboards instead of a single canvas. The tool allows you to move and create artboards.

When the Artboard Tool is active, you can change various settings in the Options bar and add new artboards in the workspace.

You can use the Rectangular Marquee Tool (M) to create rectangular or square-shaped selections on the canvas. Hold in Shift while creating the selection to make a square shape.

Once you have made the selection, you can cut out objects, add selective adjustments to the image, and much more. The limitation of this tool is the shape, although it is useful to make a quick selection in this shape.

You can then cut the selection out of the image by adding a layer mask or adding an adjustment to the selection.

You can find the Elliptical Marquee Tool (M) in the Marquee Tool group, which functions similarly to the Rectangular Marquee Tool. However, this tool is in an elliptical shape, and you can create a circle by holding Shift while making the selection.

This tool is best used for making circular selections on the canvas. 

You can then use the selection as needed, such as cropping the layer.

– Single Row Marquee Tool

The Single Row Marquee Tool functions like the other Marquee Tools, except it creates a one-pixel thick selection across the whole canvas.

– Single Column Marquee Tool

The Single Column Marquee Tool creates a vertical line across the canvas that is one pixel wide.

The Lasso Tool (L) is the next icon on the Toolbar and is a freeform selection tool.

– Polygonal Lasso Tool (L)

The Polygonal Lasso Tool (L) also creates freeform selections.

However, this tool keeps the lines straight, allowing you to create straight-lined selections.

You can get creative by slicing text using this tool or cutting rough but straight-lined selections out of your image.

– Magnetic Lasso Tool (L)

The Magnetic Lasso Tool (L) is a more intuitive lasso selection tool, which is excellent for making selections around complex objects with precise edges, especially when you need a quicker solution than the Pen Tool.

The Object Selection Tool (W) is the fastest tool to make a selection when there is a prominent object in your image.

The Quick Selection Tool (W) is another intuitive selection tool that detects edges in the image while you paint over the area using a brush.

This tool is best used when there are precise edges, and you only need a rough selection.

The Magic Wand Tool (W) selects pixels in an image based on color. Use this tool to select a color accurately and its various shades in a picture.

Crop And Slice Tools

The Crop and Slice Tools are used to cut the image by cropping the sides or slicing an area to save it separately from the entire picture.

The Crop Tool (C) crops your image to a freeform ratio or a set size or ratio. You can use this tool to crop or straighten images.

Use this tool by dragging the handles inwards to crop the image. The best use for this tool is to remove unwanted distractions around the edges of an image or to change the photo ratio.

– Perspective Crop Tool (C)

The Perspective Crop Tool (C) also trims the image, except you can change the perspective of the cropped area.

Use each anchor point of the crop box to warp the area you are trimming as needed.

– Slice Tool (C)

The Slice Tool (C) creates slices on an image that you can extract and save separately to the picture without committing to a crop.

– Slice Select Tool (C)

Use the Slice Select Tool (C) to select and move a slice around the photo to a new spot.

The Frame Tool (K) creates a rectangle, square, elliptical, or circle frame onto the canvas.

Measuring Tools

Use the measuring tools to measure the canvas, add notes, or sample various colors.

The Eyedropper Tool (I) samples colors on the image.

– 3D Material Eyedropper Tool (I)

The 3D Material Eyedropper Tool (I) samples colors and textures in the 3D workspace.

Photoshop is discontinuing the 3D functionality, and users can use Adobe’s Substance line for these capabilities.

– Color Sampler Tool (I)

The Color Sampler Tool (I) samples up to 10 different colors and displays the values.

– Ruler Tool (I)

The Ruler Tool (I) creates a temporary straight line on the canvas.

– Note Tool (I) 

The Note Tool (I) allows you to add temporary notes to specific areas of the image.

This tool helps give team members instructions to edit an image or to provide feedback on edits.

– Count Tool (I)

You can use the Count Tool to count objects in an image or to point out editing areas for other team members.

Retouching Tools

Photoshop offers multiple retouching tools to remove an image’s blemishes, distracting objects, and minor imperfections.

The Healing Brush Tool (J) covers marks and blemishes with sampled pixels.

The Patch Tool (J) fixes imperfections in an area by blending pixels from a sample or pattern.

First, use a lasso selection to section an area, then drag the selection to where you want to replace the initial selection. The tool blends the pixels but isn’t as accurate when used on skin tones.

– Content-Aware Move Tool (J)

The Content-Aware Tool (J) allows you to move objects in an image.

Create a rough selection around the object and drag it to a new spot. Photoshop will blend the object as best as possible into the new area.

– Red Eye Tool (J)

The Clone Stamp Tool (S) intuitively copies an object in a photo and pastes it in a new location.

– Pattern Stamp Tool (S)

The Pattern Stamp Tool (S) paints a chosen pattern onto the canvas.

The Eraser Tool (E) destructively deletes pixels from the canvas. Drag over the pixels using the brush to delete them.

The Background Eraser Tool (E) deletes the background pixels while protecting the subject pixels.

The Magic Eraser Tool (E) deletes pixels of the same color.

– Sharpen Tool

The Sharpen Tool crisps up soft edges in an image creating a sharper effect.

– Smudge Tool

The Smudge Tool blotches pixels in an image, causing a smudged effect.

– Dodge Tool (O)

The Dodge Tool (O) lightens areas you brush over in an image, increasing the exposure in that area. Use this tool to lighten areas selectively.

– Burn Tool (O)

The Burn Tool (O) darkens areas you brush over in an image, decreasing the exposure of those pixels. Use this tool for selective darkening.

– Sponge Tool (O)

The Sponge Tool (O) changes the saturation of the pixels you brush over. Use this tool for selective adjustments to the saturation levels.

Painting Tools

The Painting Tools offer several methods of painting colors onto a canvas or making selective adjustments.

The Brush Tool (B) is the most commonly used painting tool and creates a hard or soft brush stroke on the canvas.

This tool is also used to add to or remove from a layer mask.

– Pencil Tool (B)

The Pencil Tool (B) works the same as the Brush Tool, except it creates hard-edged lines and doesn’t make softer strokes.

– Color Replacement Tool (B)

The Color Replacement Tool (B) replaces a specific color you brush over without affecting the surrounding colors.

The Mixer Brush Tool (B) mimics a real paintbrush by mixing colors and giving you control over the wetness and flow of the brush. Use this tool to create realistic brush strokes.

The History Brush Tool (Y) erases edits you made on the canvas by undoing the adjustments when you brush over them using a selected history state or snapshot. Use this tool to undo destructive edits without affecting your image.

– Art History Brush Tool (Y)

The Art History Brush Tool (Y) uses stylized brush strokes to replace the edits you’ve made using a selected history state or snapshot.

The Gradient Tool (G) creates a gradient on the image using your chosen colors.

The Paint Bucket Tool (G) drops a selected color into the desired area or over the entire canvas.

– 3D Material Drop Tool (G)

The 3D Material Drop Tool (G) functions with the 3D workspace, which will be discontinued in favor of Adobe’s Substance line.

Drawing And Type Tools

The Drawing and Type Tools allow users to create specific drawings and selections and add text to a project.

The Pen Tool (P) lets you draw precise and smooth paths on a canvas.

– Freeform Pen Tool (P)

The Freeform Pen Tool (P) works like a magnet and creates anchor points against the closest edge.

– Curvature Pen Tool (P)

The Curvature Pen Tool (P) creates curved paths using anchor points. Use this tool to create paths or selections around curved objects.

– Add Anchor Point Tool – Delete Anchor Point Tool – Convert Point Tool

The Horizontal Type Tool (T) adds horizontal point or paragraph text onto the canvas.

You can alter the text by changing the font, color, size, and more.

The Vertical Type Tool (T) places vertical point or paragraph text on the canvas. You can edit the text as you would with horizontal text.

– Vertical Type Mask Tool (T)

The Vertical Type Mask Tool (T) makes a selection in the shape of the vertical text you type on the canvas.

– Horizontal Type Mask Tool (T)

The Horizontal Type Mask Tool (T) creates a selection in the shape of horizontal text typed onto the canvas.

– Path Selection Tool (A)

The Path Selection Tool (A) selects an existing path and allows you to move the path around. It also moves any anchor points, direction points, and lines.

– Direct Selection Tool (A)

The Direct Selection Tool (A) allows you to select anchor points on an existing path and reposition the anchor point without affecting the rest of the path.

The Ellipse Tool (U) makes an elliptical or circle (hold Shift) shape on the canvas.

The Triangle Tool (U) creates a triangle shape on the canvas.

The Polygon Tool (U) creates shapes with three or more sides.

The Line Tool (U) makes straight lines on the canvas.

The Custom Shape Tool (U) creates custom shapes on the canvas. You can choose from Photoshop’s default shapes, create your own, or download custom shapes.

Navigation Tools

The Navigation Tools help you move, rotate, and zoom into the canvas for more precise edits.

– Hand Tool (H) – Rotate View Tool (R)

This tool is helpful if you need to view your artwork from a different angle, such as upside down.

– Zoom Tool (Z)

You can also use the shortcut Control + + (Win) or Command + + (Mac) to zoom in, or Control + – (Win) or Command + – (Mac) to zoom out.

Additional Icons On The Toolbar

Below the tools explained above, there are a few more icons that you can use.

The first icon is the foreground and background color, which portrays which colors are selected in the tray. The foreground color is used to create lines and shapes and is the default color for any new text you add to the canvas.

The small icons behind the main colors show the default black and white so that you can switch back quickly.

The next icon is the Quick Mask Mode, which allows you to paint masks onto the image and easily create masks.

Lastly, the Change Screen Mode (F) icon allows you to toggle between the various screen modes.

How To Customize The Toolbar In Photoshop

Photoshop allows you to customize the Toolbar depending on your workflow. You can remove or add tools to the bar to speed up your work.

You can re-organize the tools in the lefthand panel of the Customize Toolbar window. 

If you don’t use specific tools often and don’t want them taking up space in the Toolbar, you can drag them to the right-hand panel. This action places the extra tools into one grouping at the bottom of the Toolbar, so they are out of your way, but you can still access them.

Update the detailed information about How To Make Money Online For Beginners on the website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!