Responsive Design Lessons

Learn the basics of creating user-friendly, intuitive, and functional mobile interfaces

Learn the most basic ways to manipulate images within your design

Acquaint yourself with the building blocks that make up a design's basic architecture

Learn the basics of accessible product development and the common standard of compliance

Discover the different types of grids and how they can be used to craft your design layout

Discover how to effectively organize information in tables and lists without causing overwhelm

Explore UI terms that should be a non-negotiable part of your design vocabulary

Decode the terminology you'll encounter when designing for different devices and screens

Learn the different types of UI cards and where to use them

Understand the difference between responsive and adaptive design and identify the right approach for your design goals

Discover how to build accessible forms that do not overwhelm or put off users

Learn how to add captivating visuals to your web pages with HTML

Explore basic CSS styling techniques

Understand how to create wireframes that adapt to various screen sizes and devices

Learn the best practices to organize and present tabular data in a structured manner on your web pages with HTML

Learn how to build rhythm through the strategic repetition and variation of design elements to create dynamic and engaging designs

Understand the nature of frames in Figma to bring clarity and fluidity to your designs.

Explore the various types of grids and learn how to use them effectively to create balanced, harmonious, and visually pleasing compositions

Discover how to enhance the visual presentation of your web pages

Learn how to incorporate composition grids into your design process

Explore the design workflow, a systematic approach to the design process that involves various stages and activities

Learn how to use color and generate smooth gradients that create moods and capture users' attention

Explore the basic actions you can perform on layers within Figma.

Dive into the realm of CSS backgrounds and discover how to create captivating and immersive visual experiences on your web pages

Learn basic CSS display properties to create balanced compositions that guide users throughout the website and make content easy to consume

Unlock a world of possibilities with advanced 3D rendering techniques to achieve photorealistic and visually stunning renders

Explore the diverse range of CSS length units and learn how to effectively utilize them to define sizes and distances, enabling precise control over the layout and styling of your web pages

Learn how to leverage CSS to optimize and enhance images that create visually stunning and optimized web pages

Learn what goes into customizing how text looks on a webpage

Learn how to precisely control and adjust the size and dimensions of elements, enhancing your design flexibility and responsiveness

Demystify the CSS box model and grasp how elements are structured and positioned within a web page, enabling you to create well-defined layouts and designs

Master the art of CSS alignment techniques to precisely position and align elements, creating visually harmonious and aesthetically pleasing web layouts

Learn how to manipulate CSS margins and paddings to fine-tune spacing and create visually balanced and appealing layouts for your web pages

Leverage layout grids in Figma to create precise and responsive designs.

Master Apple's core layout principles to create harmonious and balanced interfaces

Create and implement visual assets that feel native to Apple platforms.

Design interfaces that adapt naturally to each platform's unique capabilities and constraints.

Master the art of presenting structured data through Apple's list and table patterns.

Master Apple's SF font system to create perfectly legible and visually balanced interfaces.