Web Development: March 2021

Wednesday, March 31, 2021

Best WordPress and WooCommerce Review Plugins

Do you want to add customer reviews on your website? Reviews are the best free advertising for your business and your products.

they bring traffic and make customers spend more time engaging with your website content.
they give credibility to your products and inspire trust among visitors.
they are social proof that your products are reliable.
they are a great way of collecting feedback and improving on your products.
they also boost SEO ranking and your website visibility on search engine.

In fact, 90% of customers decide to buy after reading online reviews.

So how do you add customer reviews to your website?

Review plugins allow you to add customer reviews to your website. They provides review blocks with rating systems, shortcodes, and widgets so you can add reviews to your website from different sources. Customers can submit their own reviews. You can also embed reviews from social media.

Review plugins are affordable and come with templates that you can customize to fit with the style of your website. They have two crucial components:

customizable review boxes with a rating system
rich snippets that show your reviews on search engine pages

Types of Review Plugins

There are three types of review plugins.

1. Review Website Plugin

Perfect if you want to start a product review website and earn affiliate income. Think book review website, fashion review site, online games review site, etc.

2. Product Review Plugin or Customer Review Plugins

If you want customers who buy your products or service to leave reviews on your website. This plugin can grab reviews from Facebook and other places online.

3. Business Review Plugin

For business owners looking for reviews in order to increase social proof and solidify their brand image. The plugin grabs reviews from Facebook, Yelp, Google Business reviews and more.

On Envato Elements and CodeCanyon you will find all these three types of review plugins for both WooCommerce and WordPress websites.

WordPress Facebook Reviews Plugin — WordPress Facebook review plugin is one example of review plugins available of EnvatoElements and CodeCanyon.

Before we look at the best review plugins let's talk about Envato Elements and how your subscription will benefit you!

What is Envato Elements?

As a developer or designer you want to focus on great design, not worry about adding credits or managing download limits. That's why it is important to have unlimited digital assets under one roof and for one low monthly price.

This is where Envato Elements comes in!

Envato Element gives you unlimited creative subscription to consistently high quality and unique assets for your projects under one simple commercial license for all content.

So what do you get with your subscription?

Unlimited downloads of 54+ million creative assets under one no-strings attached subscription covered by a lifetime commercial license.

You also gain access to all the courses on Envato Tuts+.

There are no strings attached to your subscription. You can cancel anytime.

Create with confidence! Get Envato Elements now and gain access to millions of creative assets that you can download without any limitations.

WordPress

40 Reasons Envato Elements Is Great for WordPress Developers

Daniel Strongin

Best Review Plugins on Elements

Now, let’s review some of the top WordPress review plugins available on Envato Elements. You get unlimited access to these high-quality review plugins, as well as hundreds of other premium plugins and themes, with a low-cost subscription.

1. WooCommerce Image Review for Discount

Did you know that products with photo reviews increase conversion by up to 90%? That's right. Customers want to see what products look like in real life. With WooReview, your customers can easily give you five-star ratings and add photos of themselves using your products.

This WooCommerce photo review plugin allows you to:

send automatic emails to your customers asking for reviews and offer them discounts for submitting reviews with images
showcase your customer reviews and display them on any page of your online store including a dedicated reviews page
monitor reviews and decide which reviews get published
edit and delete review texts and images if they are not appropriate
share reviews on social media and gain free traffic and exposure on Facebook
create and assign coupons to customers that review products purchased from your store

You can take advantage of four notification emails—invite customer to review the product, pending image review, image review approved (with coupon), and image review approved (without coupon).

2. WordPress Facebook Reviews Plugin

By embedding WordPress Facebook Reviews Plugin to your website, you can show business reviews and high ratings from your Facebook page, attract more reviews and feedback, and increase trust in your brand by demonstrating high social proof of your products.

You just need to get authorized on Facebook as the admin and the widget will automatically get the reviews and publish them on your website. Automatic updating function helps show every new review as soon as it appears on Facebook.

It comes with a clean and flexible interface to suit any website style. Customization options include four layout variants, three review templates, a flexible header and more.

The reviews can be filtered and you can also show information about their authors, with photos, as well as ratings and other details.

The plugin is 100% compatible with WordPress and works perfectly with any WordPress theme, including the most popular on Themeforest: Avada, Jupiter, BeTheme, Enfold, Flatsome, Salient, Bridge, and more.

3. Epic Review—WordPress Plugin

Epic Review is perfect if you write review articles that show your opinion of products, movies, etc.

You can add responsive reviews boxes or blocks by the side or at the bottom of the article. (see screenshot above).

You can rate different aspects of the products you're reviewing, for example if you are reviewing a smartphone you can rate it's design, performance, camera, battery, and price. You can choose from three rating systems: point, star, or percentage.

You can monetize your posts by adding referral and affiliate links of the items you're are reviewing. You can add multiple affiliate sources, prices, and the plugin will automatically calculate which seller has the best price for the item you're reviewing.

Also with the help of widgets, you can show a list of recent review articles on the side bar so users can navigate through other reviews.

It is also an addon for Elementor and WPBakery Page Builder.

4. Ultimate Post Review—WordPress Rating/Reviews

Ultimate Post Review adds a block of reviews to your WordPress blog posts or reviews. The review block format is simple: review title and summary display (see photo above). The block comes with unlimited rated criterias, negatives and positive lists, summary, affiliate buy button and also displays automatic total ratings on a single post page and blog listing pages. All these elements are 100% responsive and come in unlimited customizable styles.

This WordPress review plugin works smoothly in any modern browser. It is translation-ready and supports Google rich snippets so your post summary and ratings appear as rich snippets on search engines. It comes with detailed documentation.

5. Let's Review WordPress Plugin With Affiliate Options

Let's Review is a powerful and easy to use WordPress review plugin that allows you to add beautiful responsive and modern review boxes with valid JSON-LD schema to your posts. The review boxes come with rich snippet mark which means search engines can show your review data.

It is Gutenberg-ready and adds various exclusive Gutenberg review blocks. A speedy drag and drop option that allows you to add unlimited criteria, positives and negatives. Select from numerous format options, including percentage, points, stars, custom icon and custom Image. With the custom icon option you can enter any HTML code of icons.

You can even monetize your reviews thanks to the ability of adding unlimited modern affiliate buttons to your reviews. The texts on the buttons is customizable and with and unique animations options.

Visitors can submit their own full reviews thanks to an elegant integration into the WordPress comments system. It is also possible to migrate reviews you have in other themes and plugins like WP Product Reviews or Extra Theme/Divi Reviews.

The plugin is fully-translatable into any language (including RTL ones). It also comes with completed translation files in French and Spanish.

Bestselling Review Plugins for WooCommerce and WordPress on CodeCanyon

With a low cost, one-time payment, you can purchase one of these high-quality WordPress review plugins and make your website engaging by adding customer reviews.

Bestselling Review Plugins on CodeCanyon

6. Bestseller: Reviewer WordPress Plugin

The Reviewer is a plugin for WordPress that allows you to insert powerful and gorgeous review boxes and comparison tables into your posts, pages and custom post types. Users and visitors can leave their reviews in the box you have created and even upload their images. The plugin offers unlimited customizable templates so you can adapt your reviews and comparison tables to your need and many ways of displaying review boxes on your sidebars.

You can customize parameters like criteria for your review, score range, colors, labels, font sizes, add custom panels and links, change star icon, add pros, cons, summary and much more. Each theme has a responsive layout to adapt to any device.

All admin features have been designed and built with the aim of simplifying the blog authors work. You can manage user review privileges, moderations, manage reviews, tables and much more.

This translation ready plugin supports rich snippet so your reviews are indexed on Google Searches. It also supports Google ReCaptcha to prevent spamming.

7. Taqyeem—WordPress Review Plugin

Taqyeem is a premium reviewing and rating WordPress plugin that gives you a bang for your buck. It helps you add lovely ratings and reviews boxes to your posts, pages, and custom post types. There are three review styles stars, points, and percentage. Users can submit their reviews and rate reviews written by others. They can also rate images submitted with user reviews.

Plenty of customization options allow you to change fonts, image, colors, style, and of course the criteria. You have at your disposal over 500 Google web fonts. Customizable widgets display your review ratings on sidebars. You can choose to group reviews according to best, recent, or random.

The plugin supports translation and localization including RTL languages. Rich snippet support allows review microdata to be easily displayed on search engines.

8. Everest Google Places Review/Business Review

Everest Google Places Reviews - Best WordPress Plugin To Showcase Google Places / Business Reviews

Enhance your online credibility by using Everest Google Places Review to display your Google business and places information with positive reviews on websites. This Google reviews plugin is perfect for restaurants, retail locations, franchisees, land firms, lodgings, hotels and hospitality, and about any business with a site and reviews on Google.

The WordPress business review plugin comes with ten pre-available templates for business reviews with user rating and ten pre-available badges for displaying business information. In addition, it has five attractive pre-designed layouts for floating reviews—floating off-canvas.

It allows you to display up to 5 Google places user reviews. You also have options to show only 5 star reviews or hide reviewer images, user rating, or average rating.

You can integrate this responsive, translation-ready plugin with the Google Places API and you can also enable a autocomplete feature for Google Maps.

9. WooCommerce Photo Reviews

WooCommerce Photo Reviews - Review Reminders - Review for Discounts

WooCommerce Photo Reviews is a responsive and multilingual compatible WooCommerce reviews plugin that helps you do the following:

send review reminder emails asking customers to review their purchased products
allows customers posting reviews include product pictures
send thank you email with a coupon code when a customer review is published

Reviews with photos are displayed in two styles and customers will see rating counter and reviews filter. As store owner, you can create and edit reviews, also import reviews from AliExpress, Loox, and Shopify from a CSV file. The plugin supports rich snippets.

10. Ratings and Reviews Plugin for WordPress

Using the Ratings and Reviews Plugin for WordPress, you can attach reviews and place ratings to your posts. You can set up single or multiple rating criteria that visitors will rate separately. Reviewers can attach photos and images to their reviews and display pictures along with the review on the frontend. You can display photos in a gallery slider format even choose auto-rotation. You can also import and export CSVs of reviews and their images.

Average ratings are displayed as stars near each review. Visitors can also vote on the helpfulness of each review and leave comments on the reviews. Reviews are filtered by average rating, post dates, votes, or randomly. Reviews can be shared on social media through customizable social buttons.

You have a wide range of customizable review templates to choose from and can create separate pages for: review submission, single review or all pages. You get notified by email about new or modified reviews. Author also receives notification of review approval.

11. Ultimate Reviewer—Elementor and WPBakery Page Builder Add-On

Ultimate Reviewer - Elementor & WPBakery Page Builder Addon

Turn any WordPress theme into a full reviews website using Ultimate Reviewer WordPress Plugin. This plugin is built to work WPBakery Page Builder and Elementor.

You can build amazing review templates for the admin, editor, or customer using the drag and drop builders. There are tons of preset templates that you can insert automatically or manually into a post, page or custom post. You can choose from different rating styles including stars, circles, gauges, percentages or bars. The templates support rich snippet which shows ratings in search engine results.

Admin manages user roles and set multiple criteria. Admin can also add new review fields to selected post types including review scores, summary, review image, good or bad points, review button. Also admins can also choose which users are allowed to submit reviews, allow users to submit reviews via the comment form, moderate users reviews and allow users to vote on other users reviews.

Reviews of products can also be done through comparison tables. The plugin works with any theme out of the box and no coding knowledge is required to use it.

Free review plugins

1. Widget for Google Reviews

This plugin display Google Business Reviews on your websites in a sidebar widget. A unique feature of the plugin is that it saves reviews in the WordPress database and does not depend services like Google to show reviews in the widget.

2. Site Review

Site Reviews allows your visitors to submit reviews with a 1 to 5 star rating on your website, similar to the way you would on TripAdvisor or Yelp. The plugin provides blocks, shortcodes, and widgets, along with full documentation.

You can pin your best reviews so that they are always shown first, require approval before new review submissions are published, require visitors to be logged-in in order to write a review, send custom notifications on a new submission, and much more.

3. WP Review Slider

Using WP Review Slider you can easily display your 5 star reviews, ratings, and positive recommendations from your Facebook page on your WordPress website. You can also create a Twitter slider that includes positive tweets about your business or products to show off on your site!

4. Social Reviews and Recommendations

The plugin displays Facebook page reviews and recommendations on your websites in sidebar widget to get more traffic and user trusts. The plugin uses the Facebook Graph API and requires admin rights to the Facebook page to get the reviews and recommendations.

5. Schema–All In One Schema Rich Snippets

Get eye catching results in search engines with the most popular schema markup plugin. Easy implementation of schema types like review, events, recipes, article, products, services, etc.

What Is a Rich Snippet?

It is basically a short summary of your page in the search results of Google, Yahoo, Bing and sometimes in the News feed of Facebook in nice format with content such as star ratings, author photo, image.

6.Wp Ultimate Review

This review plugin helps visitors submit reviews for different posts, products, events or anything that can be reviewed. It comes with option to add affiliate links.

Things to Consider When Looking for A Review Plugin

Ease of Use

A good review plugin must make it easy for the users to set it up on their website and for customers to enter their reviews. It should not need coding skills to use.

Variety of Templates

It should offer a wide choice of customizable templates with customizable features that can be modified to fit the look of particular website or other requirements the website owner has.

Support

The plugin should come with clear documentation and multiple support options available if the website owner need personal assistance.

Compatibility With Other Word Press Themes and Plugins

The flexibility of WordPress allows it to be used with different plugins and themes. Choose a plugin that is compatible with the WordPress ecosystem of themes and plugins.

Rich Snippet

Rich snippets support is indispensable for any plugin. Rich snippet display post review summary and ratings display on search engines results and improve your visibilty on search engines.

Get a Review Plugin Now!

Don't miss out on this opportunity to feature customer reviews on your website using a premium WordPress review plugin from Elements or CodeCanyon. Your business will enjoy these benefits:

free advertising
boost trust in your brand or products
solid social proof because customers trust the word of other customers
improve your products based on feedback gained from customer reviews
increased traffic and sales

While you are on CodeCanyon, feel free to check out the thousands of premium WordPress plugins available, as well as the best-selling, trending WordPress plugins of the year.

Get Your Envato Elements Subscription Now!

Get Envato Elements now and gain access to millions of creative assets that you can download without any limitations for you creative work.

You will get:

Unlimited downloads of 54+ million creative assets under one no strings attached subscription covered by a lifetime commercial license.
Access courses and tutorials on Envato Tuts+.
No strings attached to your subscription. You can cancel anytime.

If you want to learn about more check out these related posts from Envato Tuts+.

Number Systems: An Introduction to Binary, Hexadecimal, and More

Ever see crazy binary numbers and wonder what they meant? Ever see numbers with letters mixed in and wonder what is going on? You’ll find out all of this and more in this article. Hexadecimal doesn’t have to be scary.

Introduction: What is a Number System?

You probably already know what a number system is - ever hear of binary numbers or hexadecimal numbers? Simply put, a number system is a way to represent numbers. We are used to using the base-10 number system, which is also called decimal. Other common number systems include base-16 (hexadecimal), base-8 (octal), and base-2 (binary).

In this article, I’ll explain what these different systems are, how to work with them, and why knowing about them will help you.

Activity

Before we get started, let’s try a little activity for fun. There are many different ways to represent a color, but one of the most common is the RGB color model. Using this model, every color is made up of a combination of different amounts of red, green, and blue.

You may be wondering how colors relate to number systems. In short, on a computer, any color is stored as a large number: a combination of red, green, and blue. (We’ll go into more detail on this later.) Because it’s just a number, it can be represented in multiple ways using different number systems.

Your job is to guess how much red, green, and blue is in the background color of the activity below. The values for red, green, and blue can range from 0 to 255.

Feel free to use the various hints provided to help you out. If you don’t understand the numerical hints yet, no problem! You can see what your guess looks like using the Check Guess button. And if the background color happens to make the text difficult to read, hit New Color. Right now, it may seem tricky, but hopefully by the end of the article, it will seem easy.

Looking at Base-10

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11... You’ve counted in base-10 all of your life. Quick, what is 7+5? If you answered 12, you are thinking in base-10. Let’s take a closer look at what you’ve been doing all these years without ever thinking about it.

Let’s take a quick look at counting. First, you go through all the digits: 0, 1, 2... Once you hit 9, you have no more digits to represent the next number. So, you change it back to 0, and add 1 to the tens digit, giving you 10. The process repeats over and over, and eventually you get to 99, where you can’t make any larger numbers with two digits, so you add another, giving you 100.

Although that’s all very basic, you shouldn’t overlook what is going on. The right-most digit represents the number of ones, the next digit represents the number of tens, the next the number of hundreds, etc.

Visualizing Base-10

Confused by these descriptions? No problem, let’s visualize it instead. Imagine a large number, like 2347. We can represent that with two groups of one thousand, three groups of one hundred, four groups of ten, and seven individual blocks.

Use the tool below to output a number into its composite “groups”.

Base-10 Mathematically

You may have noticed a pattern by now. Let’s look at what is going on mathematically, using 2347 as an example.

As you saw, there are 2 groups of a thousand. Not coincidentally, 1000 = 10*10*10 which can also be written as 10³.
There are 3 groups of a hundred. Again, not coincidentally, 100 = 10*10 or 10².
There are 4 groups of ten, and, 10 = 10¹.
Finally, there are 7 groups of one, and 1 = 10⁰. (That may seem strange, but any number to the power of 0 equals 1, by definition.)

This is essentially the definition of base-10. To get a value of a number in base-10, we simply follow that pattern. Here are a few more examples:

892 = 8*10²+9*10¹+2*10⁰
1147 = 1*10³+1*10²+4*10¹+7*10⁰
53 = 5*10¹+3*10⁰

Admittedly, this all seems a little silly. We all know what value a base-10 number is because we always use base-10, and it comes naturally to us. As we’ll see soon, though, if we understand the patterns in the background of base-10, we can understand other bases better.

Base-8

On to base-8, also called octal. Base-8 means just what is sounds like: the system is based on the number eight (as opposed to ten). Remember how in base-10 we had ten digits? Now, in base-8, we are limited to only eight digits: 0, 1, 2, 3, 4, 5, 6, and 7. There’s no such thing as 8 or 9.

We count the same way as we normally would, except with only eight digits. Instead of a lengthy explanation, simply try out the demo below by clicking Count Up 1 to see how counting in base-8 works.

You should notice a similar pattern to before; after we get to 7, we run out of different digits for any higher number. We need a way to represent eight of something. So we add another digit, change the 7 back to 0, and end up with 10. Our answer of 10 in base-8 now represents what we would normally think of as 8 in base-10.

Talking about numbers written in multiple bases can be confusing. For example, as we have just seen, 10 in base-8 is not the same as 10 in base-10. So, from this point on, I’ll use a standard notation where a subscript denotes the base of numbers if needed. For example, our base-8 version of 10 now looks like 10₈.

I find it a lot easier to understand this if I change the way I read these numbers in my head, too. For example, for 10₈, I read “octal one-oh” or “one-oh in base-eight”. For 10₁₀ I read “decimal one-oh” or “one-oh in base-ten”.

Great, so we know 10₈ represents eight items. (Always feel free to plug a number into the first tool for a visualization.) What’s the next number after 77₈? If you said 100₈, you’re correct. We know from what we’ve learned so far that the first 7 in 77₈ represents groups of 8, and the second 7 represents individual items. If we add these all up, we have 7*8 + 7*1 = 63. So we have a total of 63₁₀. So 77₈=63₁₀. We all know 64₁₀ comes after 63₁₀.

Converting From Base-8 to Base-10

Let’s look at a wordier example now. John offers to give you 47₈ cookies, and Jane offers to give you 43₁₀ cookies. Whose offer do you take? If you want, go ahead and generate the graphic for 47₈ graphic with the first tool. Let’s figure out its base-10 value so we can make the best decision!

As we saw when counting, the four in 47₈ represents the number of groups of eight. This makes sense - we are in base-8. So, in total, we have four groups of eight and seven groups of one. If we add these all up, we get 4*8 + 7*1 = 3910. So, 47₈ cookies is the exact same as 39₁₀ cookies. Jane’s offer seems like the best one now!

The pattern we saw before with base-10 holds true here also. We’ll look at 523₈. There are five groups of 8², two groups of 8¹ and three groups of 8⁰ (remember, 8⁰=1). If we add these all up, 5*8² + 2*8¹ + 3*8⁰ = 5*64+2*8+3 = 339, we get 339₁₀ which is our final answer. The diagram below shows the same thing visually:

Here are a couple more examples:

111₈ = 1*8²+1*8¹+1*8⁰ = 64+8+1 = 73₁₀
43₈ = 4*8¹+3*8⁰ = 32+3 = 35₁₀
6123₈ = 6*8³+1*8²+2*8¹+3*8⁰ = 3072+64+16+3 = 3155₁₀

Converting from Base-10 to Base-8

Converting from base-10 to base-8 is a little trickier, but still straightforward. We basically have to reverse the process from above. Let’s start with an example: 150₁₀.

We first find the largest power of 8 that is smaller than our number. Here, this is 8² or 64 (8³ is 512). We count how many groups of 64 we can take from 150. This is 2, so the first digit in our base-8 number is 2. We have now accounted for 128 out of 150, so we have 22 left over.

The largest power of 8 that is smaller than 22 is 8¹ (that is, 8). How many groups of 8 can we take from 22? Two groups again, and thus our second digit is 2.

Finally, we are left with 6, and can obviously take 6 groups of one from this, our final digit. We end up with 226₈.

In fact, we can make this process a touch clearer with math. Here are the steps:

150/8² = 2 remainder 22
22/8¹ = 2 remainder 6
6/8⁰ = 6

Our final answer is then all of our non-remainder digits, or 226. Notice that we still start by dividing by the highest power of 8 that is less that our number.

Dealing With Any Base

It’s important to be able to apply the concepts we’ve learned about base-8 and base-10 to any base. Just as base-8 had eight digits and base-10 had ten digits, any base has the same number of digits as its base. So base-5 has five digits (0-4), base-7 has seven digits (0-6), etc.

Now let’s see how to find the base-10 value of any number in any base. Say we are working in base-b, where b can be any positive integer. We have a number d₄d₃d₂d₁d₀ where each d is a digit in a number. (The subscripts here don’t refer to the base of the number but simply differentiate each digit.) Our base-10 value is simply d₄*b⁴ + d₃*b³ + d₂*b² + d₁*b¹ + d₀*b⁰.

Here’s an example: we have the number 32311 in base-4. Notice how our number only has digits from zero to three since base-4 only has four total digits. Our base-10 value is 3*4⁴ + 2*4³ + 3*4² + 1*4¹ + 1*4⁰ = 3*256 + 2*64 + 3*16 + 1*4 + 1*1 = 949. We could, or course, follow this pattern with any amount of digits in our number.

Base-16

Base-16 is also called hexadecimal. It’s commonly used in computer programming, so it’s very important to understand. Let’s start with counting in hexadecimal to make sure we can apply what we’ve learned about other bases so far.

Since we are working with base-16, we have 16 digits. So, we have 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ... and yikes! We’ve run out of digits, but we still need six more. Perhaps we could use something like a circled 10?

The truth is, we could, but this would be a pain to type. Instead, we simply use letters of the alphabet, starting with A and continuing to F. Here’s a table with all the digits of base-16:

Base 16 Digit	Value
0	0
1	1
2	2
3	3
4	4
5	5
6	6
7	7
8	8
9	9
A	10
B	11
C	12
D	13
E	14
F	15

Other than these extra digits, hexadecimal is just like any other base. For example, let's convert 3D₁₆ to base-10. Following our previous rules, we have: 3D₁₆ = 3*16¹ + 13*16⁰ = 48 + 13 = 61. So 3D₁₆ is equal to 61₁₀. Notice how we use D's value of 13 in our calculation.

We can convert from base-10 to base-16 similar to the way we did with base-8. Let's convert 696₁₀ to base-16. First, we find the largest power of 16 that is less than 696₁₀. This is 16², or 256. Then:

696/16² = 2 remainder 184
184/16¹ = 11 remainder 8
8/16⁰ = 8 remainder 0

We have to replace 11 with its digit representation B, and we get 2B8₁₆.

Feel free to try some more conversions for practice. You can use the application below to check your answers:

Binary! (Base-2)

On to the famous base-2, also called binary. While everyone knows binary is made up of 0s and 1s, it is important to understand that it is no different mathematically than any other base. There’s an old joke that goes like this:

“There are only 10 types of people in the world: those who understand binary and those who don’t.”

Can you figure out what it means?

Let’s try a few conversions with base-2. First, we’ll convert 101100₂ to base-10. We have: 101100 = 1*2⁵ + 1*2³ + 1*2² = 32 + 8 + 4 = 4410.

Now let’s convert 65 to binary. 2⁶ is the highest power of 2 less than 65, so:

65/2⁶ = 1 remainder 1
1/2⁵ = 0 remainder 1
1/2⁴ = 0 remainder 1
1/2³ = 0 remainder 1
1/2² = 0 remainder 1
1/2¹ = 0 remainder 1
1/2⁰ = 1 remainder 0

And thus we get our binary number, 1000001₂.

Understanding binary is super important. I’ve included a table below to point out digits’ values.

For example, the value of 10001₂ is 17, which is the sum of the values of the two 1 digits (16+1). This is nothing different than we have done before, its just presented in an easy to read way.

Tricks and Tips

Normally, when converting between two bases that aren’t base-10, you would do something like this:

Convert number to base-10
Convert result to desired base

However, there’s a trick that will let you convert between binary and hexadecimal quickly. First, take any binary number and divide its digits into groups of four. So, say we have the number 1011101₂. Divided up we have 0101 1101. Notice how we can just add extra zeroes to the front of the first group to make even groups of 4. We now find the value for each group as if it was its own separate number, which gives us 5 and 13. Finally, we simply use the corresponding hexadecimal digits to write out base-16 number, 5D₁₆.

We can go the other direction also, by converting each hexadecimal digit into four binary digits. Try converting B7₁₆ to binary. You should get 10110111₂.

This trick works because 16 is a power of 2. What this means is that we use similar trick for base-8, which is also a power of 2:

Of course, you can reverse the process to go from base-8 to binary also.

Here are a few other examples:

Converting Binary to Hexadecimal

Lets try and convert 100111100110₂ to hexadecimal. When we break it into units of 4, we get 1001, 1110 and 0110. Their values in decimal are 9, 14 and 6 respectively. Converting them to hexadecimal will give us 9, E and 6. So, our number will be 9E6 in hexadecimal.

Converting Hexadecimal to Binary

Now we will change the hexadecimal number A1D₁₆ to binary. We begin by converting each separate digit to its decimal counterpart. A, 1 and D therefore become 10, 1 and 13 respectively. Now we just convert these decimals into binary to get 1010, 0001 and 1101 respectively. The final binary representation becomes 101000011101₂.

Converting Binary to Octal

We can use a similar technique to convert binary to octal. This time we will divide our numbers in group of 3 because 2^3 = 8. Let's say you want to convert 1111101₂ to its octal value. Dividing it into units of 3 starting from the rightmost end will give us 1, 111 and 101. Now, we can just calculate the value of these segments to get the octal representation. None of the units will have a value above 7 so we can just combine them directly to get the octal value. The values 1, 111 and 101 will become 1, 7 and 5 in octal respectively. So, our number in octal representation will be 175₈.

Converting Octal to Binary

Finally, we will convert the octal number 7245₈ to binary. Separating the number in individual digits will give us 7, 2, 4 and 5. We can now convert them in binary such that each representation has 3 digits. This means that 7, 2, 4 and 5 will become 111, 010, 100 and 101 respectively. Combing them all together will give us 111010100101 as the correct binary representation.

Conclusion

Let’s go all the way back and revisit the color guessing game.

When converted to hexadecimal, the first two digits represent the amount of red, the next two the amount of green, and the final two the amount of blue. So, if our color is 17FF18₁₆ we can easily tell that our red component is 17₁₆ or 23₁₀. Our green component is FF₁₆, or 255₁₀. Finally our blue component is 18₁₆ or 24₁₀. If we are given the base-10 version of our color, 1572632₁₀, we need to convert it to hexadecimal before we can tell anything about it.

Try the game again, and see how much better you can do!

Understanding different number systems is extremely useful in many computer-related fields. Binary and hexadecimal are very common, and I encourage you to become very familiar with them. Thanks for reading—I hope you’ve learned a lot from this article! If you have any questions, please ask them below.

Android Essentials: Creating Simple User Forms

Android applications often rely upon data supplied by users. This tutorial walks you through the creation and use of a number of the most common controls used to collect data from the user.

Getting Started

For this tutorial, you will design and implement a membership registration form. Whether you’re in charge of recruiting members for an app, an event or a club, a simple and well-designed member registration form will speed up the registration process, hence encouraging more users to sign up.

App Overview

Layouts in Android define the structure of the user interface (UI) of your application. The UI consists of elements which are built using a hierarchy of view and view groups . A view consists of UI component such as buttons and text boxes, checkboxes, radio buttons, images, etc. See the diagram below representing a standard application layout.

Before you begin the design process, you need to give some thought to want kind of data you want to collect from the user. Consider the types of data you want to collect and choose the appropriate type of controls.

Our membership form will be for a gym and will collect the following information:

full name
gender
current weight
height
goal weight
age
phone
address

Getting Started

Open Android Studio and create a new Project with an empty activity and wait for Android studio to finish creating your project. Open app > res > layout > activity_main.xml. This file defines the layout for the user interface (UI).

A UI in android is defined in XML files. The easiest way to build a UI in Android studio is by use of the Android Studio Layout editor. The Layout Editor writes the XML for you as you drag and drop views to build your layout.

In this project, we will use the ConstraintLayout. A ConstraintLayout is a layout that provides a flexible way for creating views.

Add a Title to the Layout

In the Palette panel, click Text and add it to the design. You might need to move it around so that it stays at the top of the layout.

Any time you drag an element in the visual editor of Android Studio, you will see an error immediately “This view is not constrained…”. This error simply means that the element is not Constrained and therefore won’t render correctly when you run the App. This only applies to Constraint Layouts.

This Text View control will display the form description and purpose to the user. This control displays a string resource called @string/member_title, which must be defined within the /res/values/strings.xml string resource file.

<resources>
    <string name="app_name">LEXO</string>
    <string name="title">Membership Form</string>

</resources>

The XML for the Text View should look like this:

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="28dp"
        android:text="@string/title"
        android:textColor="#D500F9"
        android:textSize="28sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.436"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Notice the id attribute on the text view, it is recommended that each control element is assigned an id so that its easy to reference from the Java files.

Add a Full Name Field

An EditText element is used to enter and modify text. Add an EditText control for name just below the TextView. You must also specify the input type attribute, In this case, we will use android:inputType="text". for plain text. Here is the full XML.

    <EditText
        android:id="@+id/names"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="96dp"
        android:ems="10"
        android:hint="@string/name"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.184"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Add the Gender Controls

First, add a TextView for the gender label.

    <TextView
        android:id="@+id/gender"
        android:layout_width="83dp"
        android:layout_height="32dp"
        android:layout_marginTop="172dp"
        android:text="Gender"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.118"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Radio buttons allow the user to select one option from a set. Radio buttons should be grouped together to ensure only one radio button is selected at any given time; this is done by grouping them inside a RadioGroup. Here is the XML for gender selection.

    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="205dp"
        android:layout_height="32dp"
        android:layout_marginTop="172dp"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.834"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">


        <RadioButton
            android:id="@+id/radioButton"
            android:layout_width="45dp"
            android:layout_height="33dp"
            android:text="M"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:onClick="radioButtonhandler"/>

        <RadioButton
            android:id="@+id/female"
            android:layout_width="45dp"
            android:layout_height="33dp"
            android:text="F"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.655"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:onClick="radioButtonhandler"/>

        <RadioButton
            android:id="@+id/other"
            android:layout_width="96dp"
            android:layout_height="33dp"
            android:text="Other"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.949"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:onClick="radioButtonhandler"/>
    </RadioGroup>

Add the Current Weight and Height Fields

Add two EditTexts from the palette. These will act as fields for the current weight and height . Since we want numbers to be displayed when the user starts entering data, we will use number as the input type. Set the hint attribute to supply a string to display in the EditText control when it’s empty. Here is the XML for both controls on the same line.

    <EditText
        android:id="@+id/current_weight"
        android:layout_width="164dp"
        android:layout_height="46dp"
        android:layout_marginTop="260dp"
        android:ems="10"
        android:hint="@string/currrent_weight"
        android:inputType="number"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.151"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/height"
        android:layout_width="157dp"
        android:layout_height="44dp"
        android:layout_marginTop="260dp"
        android:ems="10"
        android:hint="@string/height"
        android:inputType="number"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.919"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Add Goal Weight and Age Fields

Add another pair of plain text for the goal weight and age. The attribute for both input controls will be android:inputType="number" . This will ensure that an numeric keyboard is shown when the user starts entering data. Both input controls will be on the same line. These will be on the same line as above. Apply both vertical and horizontal constraints to it.

    <EditText
        android:id="@+id/goal_weight"
        android:layout_width="175dp"
        android:layout_height="52dp"
        android:layout_marginTop="344dp"
        android:ems="10"
        android:hint="@string/goal_weight"
        android:inputType="number"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.156"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/age"
        android:layout_width="140dp"
        android:layout_height="48dp"
        android:layout_marginTop="348dp"
        android:ems="10"
        android:hint="Age"
        android:inputType="number"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.863"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Add a Phone Number Field

Add another EditText below the goal weight and age. This EditText will be used to fill the phone number. The attribute for this element will be android:inputType="phone". Setting the EditText to inputType to phone is helpful since it will be easy to add digits. When the user touches this field, they will be presented with the screen below.

The rest of the XML looks like this:

    <EditText
        android:id="@+id/Phone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="428dp"
        android:ems="10"
        android:hint="@string/phone"
        android:inputType="phone"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.194"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Add an Address Field to the Layout

Add another EditText below the phone field. This EditText will be used for the address of the user. You might also want to increase the space provided for the address field. The attribute for this element will be android:inputType="text".

    <EditText
        android:id="@+id/address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="500dp"
        android:ems="10"
        android:hint="@string/address"
        android:inputType="text"
        android:maxLines="2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.194"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Add a Accept Membership Rules Check Box

Next, add a CheckBox control below the address field. This checkbox control is a mandatory field that lets the user accept membership rules and conditions before submitting their details. You can choose to apply a background color to the checkbox to give it an emphasis.

    <CheckBox
        android:id="@+id/conditions"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="580dp"
        android:backgroundTint="#D500F9"
        android:buttonTint="#D500F9"
        android:text="@string/conditions"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.964"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Add a Submit Button

Lastly, add the submit button. You can change the background color of the button to fit your brands identity. The most important attribute of the button is the onClick attribute.

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="684dp"
        android:backgroundTint="#D500F9"
        android:onClick="submitbuttonHandler"
        android:text="SUBMIT"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.425"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

Reading User Input

Now that we are done with the UI, lets implement user interaction mechanism in our application. Lets start with the name input field, Open MainActivity.java and use findViewById() method to return an instance of full name on the onCreate() method.

public class MainActivity extends AppCompatActivity {
     


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        EditText nameEditText = (EditText) findViewById(R.id.names);
        String fullName = nameEditText.getText().toString();
    }

^{Responding to Radio Button Click Events}

Whenever a user clicks on a radio button, the RadioButton object receives an on-click event. The click event is defined by adding the android:onClick attribute to the radio button in the XML file. The value of the android:onClick attribute must be the name of the method called in response to a click event. The method is implemented in the Activity file.

Add the android:onClick attribute to each of the radio buttons in the XML file.

    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="205dp"
        android:layout_height="32dp"
        android:layout_marginTop="172dp"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.834"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">


        <RadioButton
            android:id="@+id/radioButton"
            android:layout_width="45dp"
            android:layout_height="33dp"
            android:text="M"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"  
            android:onClick="radioButtonhandler"/>

        <RadioButton
            android:id="@+id/female"
            android:layout_width="45dp"
            android:layout_height="33dp"
            android:text="F"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.655"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" 
            android:onClick="radioButtonhandler"/>

        <RadioButton
            android:id="@+id/other"
            android:layout_width="96dp"
            android:layout_height="33dp"
            android:text="Other"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.949"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:onClick="radioButtonhandler" />
    </RadioGroup>

Implement the method in the Java file.

public void radioButtonhandler(View view) {
    
    // Decide what happens when a user clicks on a button
    }

Next, use findByview() method to return instance of the rest of the EditText elements on the Oncreate() method. Then use the getText() method to get the values from the input fields.

public class MainActivity extends AppCompatActivity {
     


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        EditText nameEditText = (EditText) findViewById(R.id.names);
        String fullName = nameEditText.getText().toString();

        EditText currentWeightEditText = (EditText) findViewById(R.id.current_weight);
        String currentWeight = currentWeightEditText.getText().toString();

        EditText heightEditText = (EditText) findViewById(R.id.height);
        String Height = heightEditText.getText().toString();

        EditText goalWeightEditText = (EditText) findViewById(R.id.gol_weight);
        String GoalWeight = goalWeightEditText.getText().toString();

        EditText ageEditText = (EditText) findViewById(R.id.age);
        String age = ageEditText.getText().toString();

        EditText phoneEditText = (EditText) findViewById(R.id.names);
        String phone = phoneEditText.getText().toString();

        EditText addressEditText = (EditText) findViewById(R.id.names);
        String address = addressEditText.getText().toString();
    }

Read Input from A Checkbox

An android checkbox generally has 2 states; checked and unchecked. Methods implemented by checkbox are:

public boolean isChecked()
public void setChecked(boolean status)

We will use the isChecked() method to check the current state of the checkbox. The state is a boolean value, either true or false. If a check box is checked, it returns true; otherwise, it returns false.

//initiate a check box
CheckBox conditionsCheckBox = (CheckBox) findViewById(R.id.conditions_CheckBox);

//check current state of the check box 
Boolean checkBoxState = conditionsCheckBox.isChecked();

Listening to Button Click events

Since we already defined an onClick attribute called submitbutonHandler on the submit button, we will implement a method called submitbutonHandler() in MainActivity.java.

public void submitbuttonHandler(View view) {
    //Decide what happens when the user clicks the submit button

    }

Here is the final app.

Generate the Appropriate Email Details

Now that you’ve got all your form data, you’re ready to craft a message. Simply process all the data fields and build an appropriate feedback message. For example, you might use some fields in the message subject, and others in the message body. You can use format strings to help build the appropriate strings, the specifics of which will be discussed in an upcoming quick tip.

^Conclusion

In this tutorial, you learned how to use various input controls to design a membership form within an Android application. The EditText control is versatile and powerful, allowing for many different types of text and input forms. Radio buttons allows the user to choose only one of the given choices at a time. The CheckBox controls help limit the user’s input to a specific set of responses. The Button control is a simple way to generate an event to process the form input.

There are many other controls worth exploring for use within forms. There is a lot more we could cover regarding good form design, how form controls fit into the Activity lifecycle, and how input methods and such factor into things, but for now, focus on gaining a good handle on the basics of form controls and how to use them.

18 Top Title Templates for Premiere Pro (Motion Graphics)

The opening titles are your first chance to really wow the audience. In this article we’ve chosen 18 of the Best Premiere Pro Animated Title Templates from Envato Elements and VideoHive. They're perfect for getting your viewers eager to see the rest of your video.

8 Great Title Templates from Envato Elements

If you prefer to experiment with a few different Premiere Pro titles, try Envato Elements. With your monthly subscription, you can download as many creative assets as you like. No limits or caps, just unbound creativity. Here are just a few of the available Premiere Pro title templates available on the platform:

1. Minimal Stylish Titles | MOGRT

These Minimal Stylish Titles can fit just about any contemporary project. The included templates are fully customizable and can be scaled for whatever use. Choose from the different variations for an instant style boost to your videos.

2. Social Media Titles

Promote your online presence with these Social Media Titles. Each template features unique animation and its own style. Find titles themed for different sites, including Twitter, YouTube, and Facebook.

3. Grunge Action Titles

This bundle of Premiere Pro title templates can bring a modern grunge feel to your video projects. There are four included titles and they all come in 4K resolution. Whether you're working on a product promo or a social media video, You can make use of the Grunge Action Titles download.

Grunge Action Titles Download for Premiere Pro — Grunge Action Titles

4. Water Ripple Title

Water Ripple Title is a clean and simple template perfect for corporate projects or for videos that require a little subtlety.

5. 25 SuperHero Titles Pack Mogrt

Inject some fun into your action film with these SuperHero titles. Sometimes you just want to go all out, and this is the template to do that.

6. Chaos | Motion Glitch Titles | MOGRT for Premiere Pro

This glitch set is really flexible. It's not only easy to customise everything from the position of the titles, the size and the colours, but it also comes complete with sound effects.

7. Typo Titles

Typo Titles is another modern set of Premiere Pro titles. Each look is different and can work for different types of videos that you might work on. The nine unique templates come in full HD resolution and are customizable.

Typo Titles Template Premiere Pro Download — Typo Titles

8. Cartoon Flash FX Titles | Premiere Pro MOGRT

Have some fun with your text with the Cartoon Flash FX Titles download. There are nine customizable Premiere Pro titles included in this pack, and they're all easy to use. Just drag and drop the one you want on the project timeline and make your edits.

Awesome Animated Premiere Pro Titles From Envato Market

If you're not interested in unlimited downloads from Envato Elements, you can purchase titles individually from VideoHive, on Envato Market. It's home to professional and creative video title templates for Premiere Pro. Let's look at ten of the newest and most popular titles available on the platform:

9. Mogrt Titles - 700 Animated Titles for Premiere Pro & After Effects

Here is the ultimate download for Premiere Pro templates on VideoHive. There are a whopping 700 animated titles included, which can let you change colours, text, duration, and a whole lot more. These features and more make this download one of the most popular video template packs in 2021.

10. Brush Titles

With 60 original, animated titles, the Brush Titles template for Premiere Pro is a fast-rendering, easy to customise option. Simple click and drag to the timeline to get to work. You won't need to choose between titles, lower thirds, and call outs because they're all included here.

11. Premiere Pro Titles Bundle

Premiere Pro Titles Bundle is a modern-designed Premiere Pro template with a colorful look. You don’t need plugins to use the more than 55 animated titles, and it’s easy to change up the colours to suit your video.

Premiere Pro Titles Bundle Download — Premiere Pro Titles Bundle

12. Minimal Titles

Clean and modern-looking titles, the Minimal Titles pack for Adobe Premiere Pro contains ten unique title animations in full HD. The titles are quick to render and don’t require any plugins to use.

13. Arcade Text Maker 8bit Glitch Titles

Get your game face on for the Arcade Text Maker which is 8bits of pure retro joy. There are 28 premade animations and the titles work with any font. The MOGRT and AEP (motion graphic template and After Effects project, for the rest of us) files are included with the download.

14. Glitch Text Animator PRO

Glitch effects are really popular at the minute, and the Glitch Text Animator PRO template for Premiere Pro is one of the more subtle styles, so it’s perfect for a variety of projects. There are 12 animations included, with easy colour control and tutorials to help you get started.

15. 100 Glitch Titles

When one glitch title just isn’t enough, C2Motion have put together a whopping 100 Glitch Titles for you. Ideal for lyric videos or text animations, just drag and drop to use, and a link to the free font used is included with your download.

16. 40 Kinetic Titles

As you might have guessed from the title, 40 options await you in the 40 Kinetic Titles download. A simple and versatile pack, it’s easy to change the colours and style, making it suitable for a wide range of film projects.

17. Gold Simple Titles for Premiere

The Gold Simple Titles for Premiere project is modern and minimal. You get full color control with this bundle. It contains not only titles, but also lower thirds, making it a great all-rounder for your project.

Gold Simple Titles Template Premiere Pro — Gold Simple Titles for Premiere

18. Auto Resizing Titles and Lower Thirds

Save even more time on your projects by using the Auto Resizing Titles and Lower Thirds Premiere Pro download. They’re easy to use and automatically adjust to the text you want to add. The wide variety of titles and lower thirds make this a useful purchase for your current and future video projects.

Tuts+ Tips for Making Your Title Sequence

Keep the style relevant to the production by using the right kind of effect or template for your project. A handwriting animation would be great for a demonstration or corporate piece, but less pleasing on a horror movie!
Font size is a tricky one, avoid the temptation to fill the screen with text. Likewise, it needs to be big enough to read comfortably! Many experienced filmmakers say that a smaller font looks classier.
Keep it short. Everyone likes a nice title sequence, but don't bore your audience before your video even gets going. (Unless you're Game of Thrones, now that's a title sequence!)
Think about what your titles should do. They reflect or set the mood for your production, so think about whether they're just an introduction, or whether they're part of the story.
Related to the above point, avoid spoilers! It sounds obvious, but if you're using flashes of action that happen during your film as a tease, don't show anything that will give the game away.
Don’t animate the title to match the picture. It might seem fun to have say, a descending elevator with the text following it down the screen, but it’s a little dated and might make you look amateur.
Do research. If you're looking to replicate a style from a particular era, then watch examples of films that were made then and you can make more informed style decisions.

More Top Premiere Pro Resources

There are more cool Premiere Pro resources from Envato. If you want to learn more about making great videos or find more assets to use, you'll want to check out this section.

Boost Your Video Marketing With the Envato Guide

Boost your video marketing skills with our comprehensive guide: You'll learn video marketing from start to finish.

Download Free Video, Music, and Templates From Mixkit

Check out Mixkit for free stock videos, free stock music, and free templates for Adobe Premiere Pro.

Make a Motion Graphics Video Online With Placeit

Placeit is an online video maker with professionally-designed motion graphics templates.

Envato Elements: Unlimited Downloads

Envato Elements offers millions of stock items: photos, music, video clips, fonts, video project templates for After Effects, Premiere Pro, Final Cut Pro and Motion, and creative courses from Envato Tuts+, all with a single subscription: Download as many items as you want for one low monthly price.

18 Top Lower-Thirds Templates to Make Creative Titles in Premiere Pro

Find our favorite lower thirds graphics templates for Adobe Premiere Pro from the talented authors at Envato Elements and Envato Market, so your lower thirds...

Marie Gardiner
05 Sep 2020

Video
16 Top Templates and Presets to Make Creative Video With Premiere Pro in 2021

Looking for the best Premiere Pro templates? Help your projects reach their full potential with this selection of our favorite templates for Premiere Pro.

Marie Gardiner
04 Sep 2020

Video
How to Use Luma Matte Video Transitions in Premiere Pro

In this tutorial, you'll learn about matte transitions—an easy way to add more production value or pop to a video— and how to use them in Adobe Premiere Pro.

Charles Yeager
28 Feb 2018

Video
20 Cool Video Transition Effects for After Effects & Premiere Pro

Level up your transitions between scenes with these ready-to-use Adobe After Effects and Premiere projects.

Andrew Childress
07 Mar 2018

Video