Adi Purdila - Envato Tuts+ Profile

Courses

Adobe XD for Beginners
Want to learn how to use Adobe XD? Join Adi Purdila for this comprehensive Adobe XD tutorial, and learn about artboards, components, responsive design, and...
Adi Purdila
18 Mar 2020
Web Design
2.5 hours
How to Create High-Fidelity Prototypes With ProtoPie
Prototypes are key elements in any design process. They allow a designer to present clients with a realistic, interactive version of their project—all...
Adi Purdila
28 Feb 2020
Web Design
53 minutes
FREE
Sketch Tutorial: Sketch for Beginners
Sketch is one of the top apps professionals use for UI and icon design. This Sketch tutorial for beginners is a great way to learn Sketch from the ground up....
Adi Purdila
27 Jan 2020
Web Design
2.4 hours
An Introduction to Styling HTML Forms
Styling HTML forms with CSS can sometimes be tricky. Some elements like text inputs and buttons are really easy to style, while others, like select inputs,...
Adi Purdila
22 Jan 2020
Web Design
1.4 hours
Jump-Start Your Design Productivity With Figma’s Auto Layout
In December 2019, Figma announced a new and much-awaited feature: auto layout. With this, it’s now super easy to create buttons that resize with their text,...
Adi Purdila
15 Jan 2020
Web Design
37 minutes
Designing for WordPress
In this course, you’ll learn the basics of WordPress theme design, but with a twist. We’ll approach the process from a “design system” perspective. Instead...
Adi Purdila
10 Jan 2020
Web Design
3.1 hours
FREE
WordPress Tutorial: A Beginner’s Guide to Using WordPress
Learn how to use WordPress from start to finish in this free WordPress tutorial for beginners. It's the only WordPress beginner's guide you'll ever need. ...
Adi Purdila
20 Dec 2019
Web Design
2.3 hours
An Introduction to Typeface Styles
Knowing when and how to use a specific typeface can mean the difference between good and bad design. But there are so many typefaces available—how do we know...
Adi Purdila
22 Nov 2019
Web Design
42 minutes
FREE
Introduction to Design Systems
Design systems have become a very popular topic lately, and for good reason. A design system can help your team or organisation build products faster by...
Adi Purdila
15 Nov 2019
Web Design
40 minutes
How to Create 3 Useful Gutenberg Custom Blocks
The Gutenberg editor is an amazing addition to WordPress that allows you to quickly create pages and posts and see them live as you’re building them. A big...
Adi Purdila
10 Oct 2019
Web Design
53 minutes
A Guide to Animation Performance on the Web
On today’s web, animations play a big role in user experience and the delivery of information. The days of slow browsers are long gone, and the browsers we...
Adi Purdila
23 Jul 2019
Web Design
1 hour
UI Design: A Practical Guide to Tabs
Tabs represent a fundamental pattern for user interfaces. They’ve been around for a long time, and while they come in all shapes and sizes, their core...
Adi Purdila
21 Jun 2019
Web Design
50 minutes
Introduction to Mason
Mason is an excellent tool for creating front-end features like forms, cards, news feeds, and more. You can choose from predefined templates or create your...
Adi Purdila
14 Jun 2019
Web Design
40 minutes
Figma Grids in Under 30 Minutes
Figma is a superb tool for UI design, and one of the things it’s really good at is creating grids. Using a grid is a vital part of many design projects, so...
Adi Purdila
20 May 2019
Web Design
28 minutes
A Short Guide to Using HTML Tables in the Modern Age
Back in the day, web pages were built with tables. These were the cornerstone of any layout. Nowadays, we have so many different and much simpler ways of...
Adi Purdila
16 May 2019
Web Design
53 minutes
Introduction to Text Masking on the Web
Text masking (also known as “knockout text”) is a technique that allows us to display images, gradients, patterns, and even videos inside the shape of a...
Adi Purdila
26 Apr 2019
Web Design
31 minutes
Creating Custom Presentation Themes for Reveal.js
Reveal.js is a powerful HTML framework used to create presentations. It comes with a lot of default themes you can choose from, but sometimes you will want...
Adi Purdila
19 Apr 2019
Web Design
1 hour
Best Practices for Displaying Form Errors
Submitting forms doesn’t always go as planned. Users might not enter information in the expected format, or they might forget to enter all the necessary...
Adi Purdila
29 Mar 2019
Web Design
37 minutes
Take Your Presentations to the Next Level With Reveal.js
When we think about making a presentation, we usually reach for Keynote or PowerPoint. But there’s a very good third option: an HTML presentation framework...
Adi Purdila
20 Mar 2019
Web Design
1 hour
Getting Started With CSS Multi-Column Layout
When it comes to creating layouts in CSS, most commonly we use floats, Flexbox, or CSS Grid Layout. But there’s another layout method that’s not used much...
Adi Purdila
26 Feb 2019
Web Design
33 minutes
Introduction to Studio 2.0
Studio is a web design tool that allows you to design, build, and publish responsive websites without writing a single line of code. All this is possible...
Adi Purdila
22 Feb 2019
Web Design
41 minutes
Going Beyond the Basics With InVision Studio
Studio is a free screen design tool from InVision. With it, you can design, prototype, and collaborate with others on your project, creating anything from...
Adi Purdila
17 Dec 2018
Web Design
42 minutes
A Beginner’s Guide to Using Typographic Scales
Using a typographic scale is essential for creating balanced and harmonious font sizing for your project. Typographic scales are used in print, web design,...
Adi Purdila
14 Dec 2018
Web Design
18 minutes
Learn to Prototype With Framer X
Framer is a new design tool that focuses heavily on prototyping. In this short course you’ll learn the basics of working and prototyping with Framer while...
Adi Purdila
21 Nov 2018
Web Design
39 minutes
5 CSS Projects: Image Hover Effects
Creating a hover effect for an image is a great opportunity to display additional information whilst also spicing up an otherwise normal design. In this...
Adi Purdila
31 Oct 2018
Web Design
38 minutes
A Guide to Prototyping in Figma
Figma is a great tool for UI design, and among its greatest strengths are its prototyping features. In this short course, you’ll learn how to prototype with...
Adi Purdila
11 Oct 2018
Web Design
30 minutes
Beyond the Basics: Figma
Figma is quickly becoming a favorite tool for UI and UX designers worldwide, many of them coming over from Sketch and Adobe XD. Figma is a super powerful and...
Adi Purdila
1 Oct 2018
Web Design
41 minutes
Beyond the Basics: CSS Grid Layout
CSS Grid Layout is a fantastic tool for creating layouts with CSS. In this short course, you’ll learn the more advanced functionality of CSS Grid including...
Adi Purdila
28 Sep 2018
Web Design
41 minutes
FREE
A Quick Introduction to CSS Grid Layout
For a long time, web designers have been used to creating layouts with CSS by using floats. Floats, however, were never meant to be used to create grid...
Adi Purdila
18 Sep 2018
Web Design
53 minutes
How to Create an Email Template With Envato Elements
Creating an email template can be a daunting task because of the complex table-based structure behind one. Thankfully, Envato Elements has a wide range of...
Adi Purdila
12 Sep 2018
Web Design
36 minutes
Design a Corporate Website Using UI Kits in Sketch
When it comes to web design, a UI kit is a fast and easy method of quickly designing a website or app. It’s simply a matter of picking the elements you want,...
Adi Purdila
1 Aug 2018
Web Design
2.2 hours
Get a Landing Page Up and Running With Envato Elements
Creating a fully functional landing page with Envato Elements couldn’t be simpler. Find one that you like, download it, and then customize it to fit your...
Adi Purdila
20 Jul 2018
Web Design
43 minutes
Theme Developer’s Guide to WPBakery Page Builder for WordPress
WPBakery Page Builder for WordPress (formerly known as Visual Composer) is probably the most popular page builder on Envato Market. Sitting at over 350,000...
Adi Purdila
2 Jul 2018
Web Design
52 minutes
User’s Guide to WPBakery Page Builder for WordPress
WPBakery Page Builder for WordPress (formerly known as Visual Composer Page Builder) is arguably the most popular page builder on Envato Market. Sitting at...
Adi Purdila
4 Jun 2018
Web Design
31 minutes
Getting Started With Slider Revolution for WordPress
Slider Revolution is one of the most successful slider plugins sold on Envato Market. Rocking over a quarter of a million sales, the plugin is popular with...
Adi Purdila
22 May 2018
Web Design
41 minutes
Practical CSS: Desktop to Mobile Navigation Patterns
Creating a website navigation that looks the same on every screen is not really possible. Owing to the smaller screen size, mobile devices often require a...
Adi Purdila
10 May 2018
Web Design
49 minutes
6 Handy CSS3 Animation Projects
Using motion in your web project and adding an extra degree of interactivity can really improve the user experience. In this short course you’ll build six...
Adi Purdila
4 May 2018
Web Design
1.1 hours
Working With Bootstrap 4 and Sass
Version 4 of Bootstrap has many significant changes compared to its predecessors, one of which is in switching from LESS to Sass. In this short course you’ll...
Adi Purdila
27 Apr 2018
Web Design
39 minutes
A Beginner’s Guide to the New Bootstrap 4 Grid System
The recently launched Bootstrap 4 comes with a lot of changes and new features. One of the biggest changes is a revamped, Flexbox-based grid system. In this...
Adi Purdila
19 Apr 2018
Web Design
50 minutes
This Is Bootstrap 4
Bootstrap is one of the most popular front-end frameworks for web designers, and its eagerly awaited version 4 just launched! In this course, which was...
Adi Purdila
22 Mar 2018
Web Design
1.4 hours
How to Create an Online Store With Shopify
Shopify is a powerful yet accessible eCommerce platform, and creating an online store with it is an easy task to accomplish. In this course I’m going to walk...
Adi Purdila
20 Feb 2018
Web Design
1 hour
FREE
How to Build a WordPress Portfolio Site in 1 Hour
Building a portfolio site is a daunting and time-consuming task for many people, but with the right tools it can easily be done in a single hour. In this...
Adi Purdila
16 Feb 2018
Web Design
1.1 hours
Best Practices: Planning & Designing Pricing Tables
Pricing tables are essential elements in any website that sells a range of products or services. If done correctly, they can increase conversion rates. If...
Adi Purdila
14 Dec 2017
Web Design
47 minutes
Practical CSS: Build a Dropdown Menu
One of the most common patterns in web design is a navbar with a multi-level dropdown menu. While this is relatively simple to create, it’s still problematic...
Adi Purdila
27 Nov 2017
Web Design
1.1 hours
Introduction to Figma
Figma is an interface design tool. While it’s similar in many ways to apps like Adobe XD and Sketch, the fact that it runs in the browser, coupled with some...
Adi Purdila
21 Nov 2017
Web Design
1.3 hours
The Web Designer’s Guide to Gulp
Gulp is a tool that can be of great help to any web designer, but it can be intimidating for beginners. In this course you’re going to learn what Gulp is,...
Adi Purdila
27 Oct 2017
Web Design
1.8 hours
Building a WordPress Theme Documentation Template
Creating a good WordPress theme means more than just good aesthetics and well-written code. It must also be well documented, especially if you’ll be handing...
Adi Purdila
29 Sep 2017
Web Design
4.7 hours
Getting to Know the Foundation XY Grid
Foundation 6.4 brought us a new grid system called the XY grid. It’s based on the awesome Flexbox layout module, and it’s super easy to use. In this course...
Adi Purdila
13 Sep 2017
Web Design
38 minutes
Advanced Foundation: Using the ZURB Stack
Foundation is an amazing collection of frameworks by itself, but its creators at ZURB have taken things one step further by releasing a build system called...
Adi Purdila
31 Aug 2017
Web Design
1.2 hours
6 Handy JavaScript Plugins for Web Designers
You can add great functionality to a website by using JavaScript, but sometimes writing the necessary code can be time-consuming, especially for more complex...
Adi Purdila
31 Jul 2017
Web Design
52 minutes
Essential CSS Libraries for Web Designers
In this course you’ll learn how to use ten essential CSS libraries for web designers, available today. You’ll learn about resets, animations, transitions,...
Adi Purdila
28 Jul 2017
Web Design
1.7 hours
Introduction to Anime.js
Anime.js is a small but powerful JavaScript animation engine. In this course you’ll learn the basics of this library, and you’ll also build a simple “Formula...
Adi Purdila
18 Jul 2017
Web Design
46 minutes
Getting Started With Foundation Building Blocks
Foundation Building Blocks are coded UI components that can be used in any ZURB Foundation project. They are not replacements for the default Foundation...
Adi Purdila
29 Jun 2017
Web Design
39 minutes
Build an Onboarding Tour Using JavaScript
Offering users a product tour is a great way to give clear instructions for using that product. This method of "onboarding" can also be applied to websites...
Adi Purdila
16 Jun 2017
Web Design
49 minutes
Getting Started With Nucleus
Nucleus is a style guide generator based on the principles of “Atomic CSS”. It empowers you to write more modular stylesheets, whilst also allowing you to...
Adi Purdila
24 May 2017
Web Design
41 minutes
Exploring Creative Web Design Patterns
Web design patterns are solutions to common design problems, and in the majority of cases these patterns are implemented in the same way. However, nothing is...
Adi Purdila
1 May 2017
Web Design
27 minutes
Guide to Creating a WordPress Theme Options Page
In the past few years, WordPress has grown to be arguably the most popular content management system out there. This growth has been supplemented by a huge...
Adi Purdila
24 Apr 2017
Web Design
1.7 hours
Working With Foundation for Emails
Emails are the bread and butter of today’s online marketing strategies, and ensuring your potential customers receive the intended message can be a tricky...
Adi Purdila
29 Mar 2017
Web Design
1.1 hours
Introduction to Sequence.js
Sequence.js is a CSS animation framework which you can use to create sliders, presentations, and other step-based applications. It has all the necessary...
Adi Purdila
27 Feb 2017
Web Design
27 minutes
Setting Up a Pro Front-End Development Workflow
Owing to the plethora of tools available nowadays, front-end development has a lower barrier to entry for a wide range of people. We can use libraries that...
Adi Purdila
15 Feb 2017
Web Design
1.1 hours

Tutorials

How to Update WordPress – Manually or Automatically
Updating WordPress and keeping it up to date is an important part of running any WordPress website. In this video I’ll explain how to do it, manually and...
Adi Purdila
25 Mar 2020
Web Design
How to Change the Font in WordPress
In this tutorial you’ll learn how to change the fonts in WordPress. I’ll show you a couple of different ways you can do it, so let’s begin!
Adi Purdila
18 Mar 2020
Web Design
How to Change Your WordPress Admin Password
If you’ve forgotten your WordPress admin password, or perhaps you’d like to change it for security reasons, this quick tip will explain two ways you can...
Adi Purdila
10 Mar 2020
Web Design
How to Duplicate a Page in WordPress
In this WordPress quick tip I’ll explain how to duplicate a page. This isn’t a complex task, but for beginners it can be awkward because WordPress doesn’t...
Adi Purdila
2 Mar 2020
Web Design
Get to Know the WordPress Admin Dashboard
In this tutorial you’ll learn how to get to the WordPress dashboard, how to use this dashboard, and also how to customise it to fit your preferences and...
Adi Purdila
28 Feb 2020
Web Design
How to Add Google Analytics to WordPress
In this tutorial you’ll learn three ways to add Google Analytics to your WordPress website. Let’s jump right in!
Adi Purdila
26 Feb 2020
Web Design
How to Add a Page or Post in WordPress
Learn how to add a post in WordPress and how to create a page in WordPress. I'll explain the difference between posts and pages and will also explain...
Adi Purdila
20 Feb 2020
Web Design
How to Login to Your WordPress Site Admin Dashboard
In this WordPress quick tip you’ll learn how to log into your WordPress site’s admin dashboard.
Adi Purdila
20 Feb 2020
Web Design
How to Start a New Blog With WordPress
In this tutorial you’ll learn how to start a new blog with WordPress. In essence there are two routes you can take; hosting on wordpress.com, or...
Adi Purdila
13 Feb 2020
Web Design
What Is WordPress?
In this tutorial, Adi Purdila explains what WordPress is and why it's so flexible for creating websites. You'll also get some pointers on deciding whether to...
Adi Purdila
29 Jan 2020
Web Design
How to Edit PSD Files Online With Bannersnack
In this tutorial you’ll learn how to edit PSD files, in the browser, without using Adobe Photoshop.
Adi Purdila
27 Jan 2020
Web Design
Introduction to Tailwind CSS: A Utility-First CSS Framework
Today I’m going to show you how to get started with Tailwind CSS, a highly customizable CSS framework that you can use to quickly build web pages and...
Adi Purdila
17 Jul 2019
Web Design

Envato Tuts+ is now part of Envato Elements

One subscription provides unlimited access to: