Kezz BraceyJan 18, 2019

FREELessons: 9Length: 48 minutes

Next lesson playing in 5 seconds

Overview
Transcript

1.1 Welcome to the Course

Project VisBug is a new extension for Chrome (and soon Firefox) that allows you to make almost any change to a site’s visuals you need to, all within the browser via a point-and-click process.

In this introductory video, I’ll show you what’s to come in the lessons ahead. Let’s get started!

1.Introduction
2 lessons, 04:36

1.1
Welcome to the Course
00:39

2.How to Use VisBug
6 lessons, 41:24

2.1
Inspecting and Selecting
09:30

2.4
Modifying the Layout
08:40

2.6
After Making Changes With VisBug
08:32

3.Conclusion
1 lesson, 01:58

1.1 Welcome to the Course

Project VisBug is a new extension for Chrome and soon also Firefox that allows you to make almost any change to the size of visuals that you need to all within the browser by a point and click process. You might a designer needing to communicate changes to a coder. You might have purchased a template that you want to change up a little bit or you might be a developer looking for an efficient way to test changes in the browser. VisBug can be a massive help in all these departments. In this course, you'll get started quickly with VisBug, you'll learn how to put each of its simple but powerful tools work right away. So let's go ahead and jump in to VisBug quick start. I'll see you in the first lesson.

Back to the top

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

VisBug Quick Start

Next lesson playing in 5 seconds

1.1 Welcome to the Course

1.Introduction
2 lessons, 04:36

1.1
Welcome to the Course
00:39

1.2
VisBug Overview
03:57

2.How to Use VisBug
6 lessons, 41:24

2.1
Inspecting and Selecting
09:30

2.2
Modifying Color
07:35

2.3
Modifying Type
03:46

2.4
Modifying the Layout
08:40

2.5
Modifying Images
03:21

2.6
After Making Changes With VisBug
08:32

3.Conclusion
1 lesson, 01:58

3.1
Wrapping Up
01:58

1.1 Welcome to the Course

VisBug Quick Start

Next lesson playing in 5 seconds

1.1 Welcome to the Course

1.Introduction2 lessons, 04:36

2.How to Use VisBug6 lessons, 41:24

3.Conclusion1 lesson, 01:58

1.1 Welcome to the Course

1.Introduction
2 lessons, 04:36

2.How to Use VisBug
6 lessons, 41:24

3.Conclusion
1 lesson, 01:58