Craig Campbell - Envato Tuts+ Profile

Courses

FREE
Practical Web Animation
The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help...
Craig Campbell
12 Sep 2019
Web Design
4.8 hours
FREE
3 JavaScript Projects for Beginners
For those of you trying to improve your JavaScript skills, this course will provide you with some practical JavaScript projects that are designed to help you...
Craig Campbell
18 Jul 2019
Web Design
1.4 hours
FREE
A Web Designer’s Guide to the WebP Image Format
The WebP image format was created by Google with the goal of creating high-quality images with smaller file sizes. In this course, you will learn how to...
Craig Campbell
8 Mar 2019
Web Design
33 minutes
FREE
Gutenberg Plugins for WordPress
The Gutenberg editor, which ships with WordPress 5, offers a new, streamlined way to create content for your posts and pages. In this short course, I will...
Craig Campbell
11 Jan 2019
Web Design
39 minutes
FREE
Building JavaScript Websites With Meteor
Meteor.js is a full-stack, open-source framework for building web and mobile apps. In this course, you will learn how to use Meteor and its front-end...
Craig Campbell
11 Dec 2018
Web Design
2.2 hours
FREE
Interactive JavaScript Maps With Leaflet
Leaflet is a robust JavaScript framework for creating interactive maps on the web. In this short course, I will teach you how to navigate this powerful...
Craig Campbell
26 Nov 2018
Web Design
34 minutes
FREE
Website Accessibility With ARIA Roles
The ARIA specification provides us with a set of rules and guidelines for creating accessible websites that are usable across browsers and assistive devices....
Craig Campbell
23 Oct 2018
Web Design
42 minutes
FREE
Essential JS Libraries for UI (User Interfaces)
In this short course, you’ll be introduced to a number of lightweight JavaScript plugins that are designed to solve common user interface problems. You will...
Craig Campbell
19 Oct 2018
Web Design
42 minutes
FREE
3D Animation With Three.js
In our previous Three.js courses, we covered the essentials of getting around in the Three.js framework. In this course, we’re going to build on that...
Craig Campbell
21 Sep 2018
Web Design
45 minutes
FREE
A Designer’s Guide to Cookies
One of the easiest ways to customize a user’s experience on your website is through the use of cookies. In this short course, we are going to explore the...
Craig Campbell
11 Sep 2018
Web Design
48 minutes
FREE
Three.js: Beyond the Basics
In our introductory course, 3D on the Web With Three.js, you were introduced to the world of 3D web graphics using the Three.js framework. In this short...
Craig Campbell
25 Jul 2018
Web Design
52 minutes
FREE
3D on the Web With Three.js
With the growing support for WebGL in the browser, it’s becoming more and more feasible to create complex 3D graphics and animations for the web. In this...
Craig Campbell
19 Jul 2018
Web Design
42 minutes
FREE
Creating Animated HTML5 Page Transitions
Animation in modern websites is usually limited to hover effects, banner sliders, and the like. More rarely might we see websites that transition from one...
Craig Campbell
25 Jun 2018
Web Design
1.7 hours
FREE
Breaking the Grid With CSS Grid Layout
Broken grid layouts (layouts that don’t fit within traditional grid-based layouts) are not only becoming more popular, but they are also easier to achieve...
Craig Campbell
18 May 2018
Web Design
47 minutes
FREE
You Don’t Need jQuery for That
jQuery is a hugely popular framework that makes a lot of tasks easier for web designers. However, jQuery’s ease of use does come with a small performance...
Craig Campbell
25 Apr 2018
Web Design
36 minutes
FREE
Four Bootstrap 4 Projects
In this project-based course, you will learn how to customize Bootstrap 4 as you create four practical web projects using the most recent version of the...
Craig Campbell
2 Apr 2018
Web Design
51 minutes
FREE
A Practical Approach to Working With Vue.js and APIs
In this course, you’ll make practical use of the Vue.js framework. In five lessons you’ll learn to use an API to pull in data that you will then display...
Craig Campbell
26 Mar 2018
Web Design
44 minutes
FREE
A Designer’s Guide to Vue.js Components
In this course we’re going to go beyond the basics of the Vue.js framework as we discuss Vue’s component system, allowing us to create modular, reusable...
Craig Campbell
15 Mar 2018
Web Design
41 minutes
FREE
A Designer’s Introduction to Vue.js
Vue is a progressive framework for building user interfaces using HTML and JavaScript. In this short course aimed at designers, you will learn the basics of...
Craig Campbell
7 Feb 2018
Web Design
51 minutes
FREE
Customizing WordPress With Child Themes
Customizing existing WordPress themes is a great way to get the look you’re going for, but if you’re not careful, when you update your theme, you can easily...
Craig Campbell
19 Jan 2018
Web Design
50 minutes
FREE
The Designer’s Guide to JavaScript Optimization
In this short course geared towards web designers, we are going to discuss the low-hanging fruit of JavaScript optimization as we take a look at some...
Craig Campbell
27 Dec 2017
Web Design
41 minutes
FREE
Building a Landing Page That Converts
Landing pages can be effective tools for steering your users towards a desired action. In this course, you will learn how to build a landing page with HTML...
Craig Campbell
15 Nov 2017
Web Design
1.9 hours
FREE
Bringing CSS Grid Layout and Flexbox Together
CSS Flexbox and the Grid Layout system offer different ways for laying out your content. Each method has its own strengths and its own uses. In this short...
Craig Campbell
25 Oct 2017
Web Design
47 minutes
FREE
Form Validation With Parsley
Form validation can be a tedious process if you opt to do it all yourself. Fortunately for us, however, we don’t have to. In this course, Craig Campbell will...
Craig Campbell
2 Oct 2017
Web Design
53 minutes
FREE
Essential Extensions for Visual Studio Code
Visual Studio Code has quickly become one of the most popular free code editors available. In this training course, you'll learn how to make it even better...
Craig Campbell
17 Aug 2017
Web Design
33 minutes
FREE
Essential Extensions for Brackets
Brackets is a flexible, lightweight text editor that is perfect for front-end development. In this short course, you'll learn about a number of extensions...
Craig Campbell
10 Aug 2017
Web Design
32 minutes
FREE
Quick jQuery Projects for Web Designers
jQuery gives us the ability to manipulate the DOM and create effective, memorable interactions for end users. In this course, you will learn some simple,...
Craig Campbell
2 Aug 2017
Web Design
40 minutes
FREE
Building Websites With Materialize
Materialize is a front-end CSS and JavaScript framework, based on Google’s Material Design, that makes it quick and easy to launch your own website. In this...
Craig Campbell
24 Jul 2017
Web Design
45 minutes
FREE
6 Flexbox Projects for Web Designers
The CSS Flexbox model is starting to see more widespread use and is now supported in all major browsers. In this course, Craig Campbell will build upon his...
Craig Campbell
21 Jun 2017
Web Design
1.4 hours
FREE
Propeller: Combining Bootstrap With Material Design
Propeller is a front-end framework that applies Material Design principles to Bootstrap websites. In this course, you will learn how to use Propeller to take...
Craig Campbell
17 May 2017
Web Design
39 minutes
FREE
Lightweight Carousels With Siema
Siema is a lightweight JavaScript library for making animated carousels. In this course, I will show you how to put together basic carousels, as well as how...
Craig Campbell
5 May 2017
Web Design
47 minutes
FREE
Structuring Stylesheets With RSCSS
“RSCSS” stands for “Reasonable System for CSS Stylesheet Structure”. It’s a system of concepts and conventions for organizing your CSS styles to keep them...
Craig Campbell
27 Apr 2017
Web Design
1.1 hours
FREE
8 CSS Tricks You Never Use
Even if you’ve been using CSS for a decade, there's always something new to learn from other designers. In this course, we take a look at eight little-known...
Craig Campbell
15 Mar 2017
Web Design
34 minutes
FREE
Enhancing Animation With jQuery UI
jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. It also provides functionality that extends...
Craig Campbell
22 Feb 2017
Web Design
38 minutes
FREE
Navigation With jQuery UI
jQuery UI is an extension of jQuery that makes it easy to create clean user interface elements for your websites. In this short course, you will learn how to...
Craig Campbell
26 Jan 2017
Web Design
42 minutes
FREE
Form Elements With jQuery UI
jQuery UI is an extension of jQuery which makes it easy to create clean user interface elements for your websites. In this short course, you will learn how...
Craig Campbell
16 Jan 2017
Web Design
50 minutes
FREE
3 CSS Grid Projects for Web Designers
The CSS Grid Layout is a W3C working draft that defines a powerful grid system to ultimately make it easier to lay out your web pages using CSS. In this...
Craig Campbell
5 Dec 2016
Web Design
1.3 hours
FREE
Data Design With Chart.js
Data design (or “data visualization”) is the art of displaying information in a way that is easy to consume and easy to understand. In this course, I’m going...
Craig Campbell
28 Oct 2016
Web Design
1.3 hours
FREE
Getting Started With ScrollMagic
The proliferation of JavaScript front-end libraries has made many tasks simpler for web designers and developers. In this short course, you will be...
Craig Campbell
7 Oct 2016
Web Design
36 minutes
FREE
Essential JS Libraries for Web Typography
In this course, you will learn how to gain fine control over your web typography using several different JavaScript libraries. You'll learn how to create...
Craig Campbell
17 Aug 2016
Web Design
1.4 hours
FREE
3 GreenSock Projects: Practical Animation With GSAP
In this course, I’ll walk you through three projects where you will learn how to create programmatic animations, in real-world scenarios, using the GreenSock...
Craig Campbell
8 Jul 2016
Web Design
3.1 hours
FREE
Up and Running With CSS Transitions
In this Coffee Break Course, I’ll show you everything you need to know to quickly get started creating animations using the CSS transition properties. In...
Craig Campbell
10 Jun 2016
Web Design
12 minutes
FREE
Up and Running With CSS Keyframe Animations
In this Coffee Break Course, I’ll show you everything you need to know to get started creating animations using the CSS keyframe and animation properties. In...
Craig Campbell
6 Jun 2016
Web Design
13 minutes
FREE
Improving UX With jQuery
In this short course, I’ll highlight a few ways to use jQuery’s robust functionality to improve the user experience. We’ll build a simple contact form and...
Craig Campbell
2 Jun 2016
Web Design
45 minutes
FREE
Customizing Bootstrap Components
Not all Bootstrap websites have to look and behave like Bootstrap websites. In this course, I’ll teach you how to customize Bootstrap components to fit the...
Craig Campbell
25 May 2016
Web Design
2.6 hours
FREE
Advanced Animation With GSAP Plugins
The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In this course, you will go beyond the basics...
Craig Campbell
8 Apr 2016
Web Design
2.3 hours
FREE
Scroll Events Made Easy
Many beginner web designers shy away from slick effects like parallax scrolling simply because they're afraid of JavaScript. In this lesson, you'll learn how...
Craig Campbell
23 Feb 2016
Web Design
3.5 hours
FREE
GreenSock Animation Platform: First Steps
GreenSock is a JavaScript framework which makes it easy to animate HTML elements. During this course, you will take your first steps in learning how to use...
Craig Campbell
4 Dec 2015
Web Design
2.2 hours
FREE
Animating With Snap.svg
SVG is a powerful way to create vector-based graphics that resize flawlessly. In this course, you will learn how to use the Snap.svg JavaScript framework to...
Craig Campbell
13 Oct 2015
Web Design
2.8 hours
FREE
Understanding the CSS Box Model
Understanding the CSS box model is crucial for getting your designs to behave as you want them to. In this course I’ll teach you how to master the box model...
Craig Campbell
3 Sep 2015
Web Design
43 minutes
FREE
Using SVG Sprites
SVG technology has been around for years, but it has only recently started gaining wide usage. In this course, I’ll show you how to combine multiple scalable...
Craig Campbell
11 Aug 2015
Web Design
52 minutes
FREE
Solid HTML Form Structure
Creating forms in HTML is more complicated than just throwing up a few input boxes and a submit button. In this short course, you will learn how to properly...
Craig Campbell
4 Aug 2015
Web Design
48 minutes
FREE
ASP.NET MVC for Designers
Web designers don’t work in a vacuum. Many designers work closely together with a team of developers and often have to work within a development framework....
Craig Campbell
15 Jul 2015
Web Design
2.3 hours
FREE
Semantic HTML: How to Structure Web Pages
These days most web designers and developers are familiar with the term “semantic markup”. But do you really know what it means? Do you know how to properly...
Craig Campbell
3 Jun 2015
Web Design
40 minutes
FREE
Exploring CSS Pseudo-Elements
On the surface, pseudo-elements seem like nothing more than a utilitarian subset of CSS. In this short course, however, you will discover that mastering...
Craig Campbell
22 May 2015
Web Design
42 minutes
FREE
The CSS of the Future
CSS is constantly evolving. In this course, Craig Campbell will walk you through some of the bleeding edge features of CSS to help you remain current and...
Craig Campbell
7 May 2015
Web Design
2.2 hours
FREE
Media Queries Inside Out
Media queries are a powerful way to limit the scope of your CSS styles. In this course, you'll learn the magic behind media queries as you turn them...
Craig Campbell
5 Sep 2014
Web Design
2 hours
FREE
Designing in the Browser With Bootstrap
With the rising popularity of HTML and CSS frameworks like Bootstrap, web designers have found an efficient alternative to Adobe Photoshop for designing...
Craig Campbell
21 Aug 2014
Web Design
3.1 hours
FREE
CSS: Flexbox Essentials
The CSS3 Flexible Box layout model, or Flexbox to use its popular name, is a great way to create flexible and grid-based layouts without having to rely on...
Craig Campbell
19 Jul 2014
Web Design
1.9 hours
FREE
Introduction to Brackets
Brackets is an open source code editor specifically for web designers and front-end developers. It has very handy features including CSS code hinting and...
Craig Campbell
20 Jun 2014
Web Design
2.5 hours

Tutorials

What Is Vue.js?
What is Vue.js? In short, it's a progressive framework for building user interfaces using HTML and JavaScript. If you'd like a more detailed explanation,...
Craig Campbell
4 Apr 2018
Code
How to Externalize and Minify JavaScript
In this video from my course The Designer’s Guide to JavaScript Optimization, you'll learn how to externalize and minify JavaScript.
Craig Campbell
8 Mar 2018
Web Design
How to Create Simple Button Fades With CSS
In this video from my course on Practical Web Animation, you'll learn how to create a simple hover effect for navigation menu buttons using CSS.
Craig Campbell
14 Nov 2017
Code
How to Create a Line Chart With Chart.js
In this video tutorial from my course on Data Design With Chart.js, you’re going to create a simple line chart by using the Chart.js framework to plot out a...
Craig Campbell
7 Feb 2017
Web Design
How to Create Perfectly Centered Text With Flexbox
There’s nothing particularly impressive about horizontally centering your content; you’ve been doing it for years. But what about vertically centering your...
Craig Campbell
11 Jan 2017
Web Design
What Is Parallax Scrolling?
If you've been involved in front-end development for any time, you've probably heard the term 'parallax scrolling'. In this short video from my course Scroll...
Craig Campbell
2 Aug 2016
Web Design
What Is the GreenSock Animation Platform?
GreenSock is a JavaScript framework which makes it easy to animate HTML elements. In this quick video tutorial, you'll get an overview of GreenSock and its...
Craig Campbell
18 Mar 2016
Web Design
Basics of the CSS Box Model
In this lesson, I will demonstrate how content, margins, borders, and padding affect the layout and dimensions of your HTML content.
Craig Campbell
23 Nov 2015
Web Design
Introduction to the CSS Grid Layout
In this short video from my recent course, The CSS of the Future, I'll introduce you to the CSS grid layout. I'll explain briefly how it works, before...
Craig Campbell
31 Aug 2015
Web Design
Semantic HTML: Better Outlining With Sections
In this video tutorial, you will explore the similarities and differences between sections and divs, learning when best to use each. You will also learn how...
Craig Campbell
27 Jul 2015
Web Design