Next lesson playing in 5 seconds

2.1 Setup, Import Design, and Configure Preferences

Let’s get the ball rolling with a quick look at the desktop, web and editor plugin versions of Avocode, as well as the settings you might want to change. We’ll also see how to import our Adobe XD design ready for coding.

Related Links

1.Introduction
1 lesson, 01:07

Free Lesson

1.1
Welcome to the Course
01:07

2.Preparation and Basics
5 lessons, 45:29

Free Lesson

2.1
Setup, Import Design, and Configure Preferences
11:27

2.2
Export Images
14:36

2.3
Create CSS Variables
10:08

2.4
Base Code: HTML Shell and CSS Variables
03:46

2.5
Basic Layout and Background Color
05:32

3.Welcome and Typography Panels
6 lessons, 56:30

3.1
Create a 16:9 Image Panel
04:46

3.2
Add the Panel 1 Content Tile
16:50

3.3
Make Panel 1 Responsive
08:40

3.4
Typography and Panels 2–5
13:06

3.5
Links and Buttons
08:11

3.6
Responsive Panel Adjustment
04:57

4.Responsive Double-Column Panels
5 lessons, 34:30

4.1
Quick Panel 6 Setup
04:12

4.2
Set Up a Scalable Tablet Image With a Low File Size
11:08

4.3
Make Panel 6 Responsive
06:08

4.4
Set Up Panel 7 With a Clipped Laptop Image
10:56

4.5
Quick Footer
02:06

5.Conclusion
1 lesson, 04:41

5.1
Wrapping Up
04:41

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.

kezzbracey

Next lesson playing in 5 seconds

2.1 Setup, Import Design, and Configure Preferences

1.Introduction1 lesson, 01:07

2.Preparation and Basics5 lessons, 45:29

3.Welcome and Typography Panels6 lessons, 56:30

4.Responsive Double-Column Panels5 lessons, 34:30

5.Conclusion1 lesson, 04:41

1.Introduction
1 lesson, 01:07

2.Preparation and Basics
5 lessons, 45:29

3.Welcome and Typography Panels
6 lessons, 56:30

4.Responsive Double-Column Panels
5 lessons, 34:30

5.Conclusion
1 lesson, 04:41