VisBug Quick Start

Kezz BraceyJan 18, 2019Lessons: 9Length: 48 minutes

UX/UI UI Design

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

2.4 Modifying the Layout

VisBug also has several tools for adjusting the layout. You can tweak the margin and padding with keyboard shortcuts, you can reposition elements to new locations, and you can even modify an element’s flexbox properties. When you’re done, use the “Guides” tool to check everything is lined up nicely.

See how you can tap into VisBug’s layout modification tools in this lesson.

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

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.

Next lesson playing in 5 seconds

2.4 Modifying the Layout

1.Introduction2 lessons, 04:36

2.How to Use VisBug6 lessons, 41:24

3.Conclusion1 lesson, 01:58

1.Introduction
2 lessons, 04:36

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

3.Conclusion
1 lesson, 01:58