Learn Web Design
How to Make a Website
CSS Layout Techniques
Logo Design Basics
Brand Identity Basics
If you’ve never built a website before and you have no coding or design experience, this is the place to start. In this project, we learn how to build a modern portfolio website for desktops, tablets, and mobile devices. We start with basic HTML and CSS syntax. Next, we learn how to build custom web pages with an image gallery and contact page. Finally, we walk through how to share a website live on the web.
CSS (Cascading Style Sheets) is a style sheet language that describes the presentation of web pages. Whereas HTML is what forms the structure of a web page, CSS is what we use to style the HTML with colors, backgrounds, font sizes, layout, and more. As you'll soon learn, CSS is one of the core technologies for designing and building websites.
In this short course, we're going to go beyond the basic selector concepts covered in CSS Basics. Besides the common ways to select elements with type, ID and class selectors, we're able to target elements based on their attributes, position in the HTML document, even their relation to other elements.
By the end of this course, you'll have gained a better understanding of the power and flexibility behind CSS selectors. You'll have a new set of valuable tools in your CSS toolkit to use on your next project.
The web is a two-way communication medium. There’s lots of HTML elements for displaying data and producing output, and conversely, there’s also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis.
The web is filled with text and images, but it's also filled with information like sports scores throughout the years, list of employee names and email addresses, or nutrition facts for your favorite foods. HTML tables enable the display information in what is commonly known as tabular data, which is information that's stored in a table-like structure of columns and rows. In general, anything that you might put into a spreadsheet could go in a table. There are many use cases for a table, so it's important to add them to your skills because it's a very common method for displaying information.
Learn how to work with the common layout and positioning methods used in web design. Throughout the course we’ll build a layout using display methods, floats, positioning schemes, even Flexbox, the latest and most advanced CSS layout feature. We’ll cover the strengths and benefits of each method, along with common layout issues and how to solve them.
At the end of the course we'll learn how to create a responsive grid system using many of the layout and positioning techniques covered.
Have you ever wanted to understand and create aesthetic designs for the web? In this Deep Dive we will learn what design is and how to harness its power. Breakdown the components that conjure the perfect aesthetic. Also create and fix a design of your own.
Photoshop Foundations teaches the knowledge and skills relating to Adobe Photoshop that are most relevant for a web design professional. The lessons learned here provide a solid foundation for studying more advanced Photoshop topics.
Explore the power of Adobe Illustrator with Mat Helme - our very own multi-talented Design Teacher. Illustrator Foundations takes a project-based learning approach to the application's core features, including every tool relevant to web design. By the end of the course you'll be ready to apply your newly acquired skills to your future projects.
This course will not only cover the basics of logo design but will also walk through the process of creating a logo from start to finish. Follow Mat Helme in his pursuit to create a logo for a task manager app called ODOT, while using his process known as the "Logo Sprint".
In this course, we’ll take an in-depth look at the brand identity design process: from planning, strategizing and research, all the way through design and finalizing the project. We’ll also explore what exactly makes a brand image and why process is so important.
Branding can be challenging, but with preparation and expectations, we can create amazing work and continue to hone in on what generates the best results.
By the end of this course, you will have the tools and knowledge to create meaningful and comprehensive brand identities.
Before you can become a User Experience (UX) designer, you need to understand the importance of UX, the reason it exists, what the goal of the UX designer is and how they think.
In this course, you’ll learn all about UX Design, what it is, what UX designers do, how UX designers think, what tools UX designers use, and how to move forward in the field of UX.
Search Engine Optimization is an ongoing process, a way of thinking about your website, preparing and creating its content, and monitoring its success over the long term. Using industry standard best practices, tools, and strategies, you can create a site that doesn't just get indexed by search engines - it'll get used by real people.
Sass is a powerful language that extends CSS with features like nested rules, variables, mixins, math operations, and more, in a CSS-compatible syntax. Because of this, many of today's popular websites, applications, and frameworks are built using Sass.
In this course, we'll be coding along with Hampton Catlin, our guest teacher and creator of Sass.