Craig Campbell - Envato Tuts+ Profile

Courses

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
3 Jul 2017
Web Design
4.3 hours
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
CSS: Flexbox Essentials
The CSS3 Flexible Box layout model, or Flexbox to use it’s 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
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
PSD to HTML: The Responsive Portfolio Build
Responsive web design is an essential part of the modern-day web designer's toolkit. If you're looking to learn how to build responsive websites and want...
Craig Campbell
13 Jun 2014
Web Design
4 hours
Designing a Responsive Portfolio Site
Responsive web design is firmly embedded in a modern web design workflow and cannot and should not be ignored. There are two approaches to incorporating...
Craig Campbell
5 Jun 2014
Web Design
2.9 hours
Edge Animate Fundamentals
Ready to learn Edge Animate? In this course, Craig Campbell will introduce you to Edge Animate and show you how much fun this application is to use! ...
Craig Campbell
25 Apr 2014
Web Design
2.5 hours
jQuery for Designers
If you consider yourself a designer more than a developer, then you may avoided learning jQuery. If you know HTML/CSS well, then there is absolutely no...
Craig Campbell
6 Mar 2014
Web Design
2.8 hours
Animated Banners with CSS
In this course Craig Campbell will show you how you can use CSS to create cool-looking animated banners for your web pages. Not that long ago, this is...
Craig Campbell
13 Feb 2014
Web Design
3.2 hours
Getting Started with Kube
Kube is a lightweight, minimalistic CSS framework that gets some of the mundane, repetitive CSS tasks out of the way in order to give you a jump start on...
Craig Campbell
12 Feb 2014
Web Design
2.4 hours
PSD to HTML: Flat Design Build
In this course we'll take the PSD design from Craig Campbell's Mastering Flat Design course, and convert it into a fully functional HTML/CSS web page. If...
Craig Campbell
27 Jan 2014
Web Design
3.1 hours
Rapid Workflow with Skeleton
Skeleton is a small collection of CSS files that can help you rapidly develop your web sites and make them look beautiful at any given size. If you want...
Craig Campbell
15 Jan 2014
Web Design
2.6 hours
Mastering Minimalist Design
Minimalism is achieved by reducing a design to only the most essential elements. For website designers, though, minimalism can be intimidating and...
Craig Campbell
7 Jan 2014
Web Design
1.8 hours
Introduction to Dreamweaver CC
With the amazing leaps in web design over the past couple of years, sites can fall out of style quickly. How do you keep up with the technology, and how do...
Craig Campbell
3 Dec 2013
Web Design
4.5 hours
HTML Tips and Tricks
HTML is probably one of the easiest languages to learn, but often we don’t give it much attention, as these days we focus mainly on CSS. So this course...
Craig Campbell
22 Nov 2013
Web Design
1.6 hours
PSD to HTML - Corporate Design Build
Taking a website mock-up designed in Photoshop (PSD) and converting it into a working website is without doubt the most common task for any web designer...
Craig Campbell
8 Nov 2013
Web Design
3.7 hours
Vector Web Graphics in Photoshop
Adobe hasn’t tried to put Illustrator inside of Photoshop, but the addition of better vector tools makes creating and editing graphic elements easier and...
Craig Campbell
25 Oct 2013
Web Design
2.8 hours
HTML Kickstart Essentials
HTML Kickstart is a framework that is simply overflowing with great stuff that will enable you to build web page prototypes at lightning speed. Let's jump...
Craig Campbell
4 Oct 2013
Code
3.5 hours
CSS3 Typography Techniques
A good looking website has more than just great images, the text has to be spot-on as well. To do that, a solid knowledge of typography is handy — and...
Craig Campbell
13 Sep 2013
Web Design
2.2 hours
Advanced CSS3 Animations
Animating an object on your website can be complex work, and doing more advanced movements using CSS3 can be trickier. Fortunately, Craig Campbell is here...
Craig Campbell
23 Aug 2013
Web Design
2.2 hours
Mastering Flat Design
Flat design—the concept where your layouts are free of bevels, textures, drop shadows or other 3D elements—is quite the rage nowadays. This course takes...
Craig Campbell
9 Aug 2013
Web Design
2.1 hours
Using Grids in Web Design
Building your website with a grid system is great for a clean and organized layout. This course covers the 'how' and 'why' of using a grid for web design,...
Craig Campbell
31 Jul 2013
Web Design
1.9 hours
Mastering Corporate Design
Whether you do web design on the side or as a full-time job, getting a corporate client can bring in some big money. But to make them happy, you need to...
Craig Campbell
23 Jul 2013
Web Design
1.9 hours
HTML5 Video Essentials
Embedding videos on your website isn’t as difficult as it used to be, but there are still some tricks of the trade to do things efficiently. How? By using...
Craig Campbell
11 Jul 2013
Web Design
1.7 hours
SEO for Web Designers
If you want to rank high on the search engines, you need to optimize your site’s SEO. Here, Craig Campbell shows you all the tips and tricks you need to...
Craig Campbell
24 Jun 2013
Web Design
2.3 hours
Parallax Scrolling for Web Design
Parallax scrolling is when two objects move across a screen at different rates to imply depth and perspective. Want to learn how to do it in your web...
Craig Campbell
19 Jun 2013
Web Design
1.9 hours
Web Application Design
Looking to build web applications with Adobe Photoshop? Want to know how to use it more effectively? Head on in to pick up some tips from instructor Craig...
Craig Campbell
3 Jun 2013
Web Design
3.8 hours
Photoshop CS6 for Web Designers
Craig Campbell has the inside track on the cool new features that Photoshop CS6 has for your web design workflow, and he’ll show you all of these secrets...
Craig Campbell
31 May 2013
Web Design
3.8 hours
Responsive Web Design with Foundation
It’s hard to talk about web design today without bringing up responsive web design. Craig Campbell is here to teach you all about Foundation, and how you...
Craig Campbell
7 May 2013
Web Design
3.6 hours
CSS3 Animations
In the past, you had to learn Flash or JavaScript to animate an object on your site, but today you can do the same things with CSS3. If you want to make...
Craig Campbell
22 Apr 2013
Web Design
1.9 hours
Effective Navigation Development
In a previous course, Craig Campbell taught us how to design effective navigation elements. Now he takes us through building the designs and developing...
Craig Campbell
3 Apr 2013
Web Design
3.6 hours

Tutorials

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