Recommended resources

Courses

Accessibility Foundations Course
Course

Accessibility Foundations

Ljubisa Kukulj
Ljubisa Kukulj
Learn the fundamentals of digital accessibility and how to create inclusive experiences for all users. Explore key principles, tools, and best practices.
CSS Foundations Course
Course

CSS Foundations

Yan Sokalau
Yan Sokalau
Learn the basics of CSS, including the box model, element style, and content positioning, to improve communication, design handoff, and web decision-making.
Apple Human Interface Guidelines Course
Course

Apple Human Interface Guidelines

Denis Jeliazkov
Denis Jeliazkov
Learn Apple’s Human Interface Guidelines to design modern, high-performing apps, focusing on UI principles and best practices for creating effective interfaces.
UX Design Foundations Course
Popular
Course

UX Design Foundations

Gene Kamenez
Gene Kamenez
Learn UX design basics to acquire a solid foundation in UX design principles. Acquire the skills needed for product development and improving user experience.
Design Terminology Course
Course

Design Terminology

Alesya Dzenga
Alesya Dzenga
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.
UI Components I Course
Course

UI Components I

Colin Michael Pace
Colin Michael Pace
Learn to create user-friendly interfaces using core UI components, building a solid foundation for designing intuitive and efficient digital products.
Color Psychology Course
Course

Color Psychology

Cameron Chapman
Cameron Chapman
Learn how color influences perception, emotion, and behavior. Discover how to apply color psychology to design more impactful and engaging experiences.
Common Design Patterns Course
Course

Common Design Patterns

Gene Kamenez
Gene Kamenez
Learn design patterns most valued in product development to create intuitive, visually compelling experiences that seamlessly blend form and function.
Wireframing Course
Course

Wireframing

Colin Michael Pace
Colin Michael Pace
Learn to create effective wireframes that seamlessly integrate into your design workflows, improving communication and driving better design outcomes.
UI Components II Course
Course

UI Components II

Colin Michael Pace
Colin Michael Pace
Learn advanced techniques to design dynamic, scalable interfaces using optimized UI components and streamlined navigation for better user experiences.
Design Composition Course
Course

Design Composition

Gene Kamenez
Gene Kamenez
Learn the fundamental principles of visual layout, balance, and structure to create compelling and effective design compositions that engage and intrigue users.
Mobile Design Course
Course

Mobile Design

Denis Jeliazkov
Denis Jeliazkov
Learn mobile UI/UX patterns, workflows, and platform-specific strategies to create exceptional, user-friendly mobile experiences across different devices.
Typography Course
Course

Typography

Cameron Chapman
Cameron Chapman
Learn typography fundamentals, from typeface and font selection to layout and spatial arrangement, to create captivating designs that communicate powerfully.
UX Design Patterns with Checklist Design Course
Course

UX Design Patterns with Checklist Design

George Hatzis
George Hatzis
Learn common UX design patterns and how to apply them with practical checklists, ensuring the creation of intuitive, user-friendly, and exceptional interfaces.
HTML Foundations Course
Course

HTML Foundations

Yan Sokalau
Yan Sokalau
Learn the fundamentals of HTML, from basic formatting and structure to advanced elements and best practices, to create accessible and responsive web pages.
Introduction to Figma Course
Course

Introduction to Figma

Gene Kamenez
Gene Kamenez
Learn essential Figma tools like layers, styling, typography, and images. Master the basics every UX designer needs to create clean, user-friendly designs.
3D Design Foundations Course
Course

3D Design Foundations

Learn essential 3D design principles, from spatial thinking and dimensional relationships to form, lighting, and texture, for a solid foundation in the field.
Introduction to Design Audits Course
Course

Introduction to Design Audits

Romina Kavcic
Romina Kavcic
Learn the art of systematic design evaluation to improve consistency, effectiveness, and create more user-centered products that meet user expectations.
Government Design Foundations Course
Course

Government Design Foundations

Fouad Jallouli
Fouad Jallouli
Learn best practices and core principles for government design to create impactful, user-centered digital services that improve accessibility and efficiency.
KPIs & OKRs for Products Course
Course

KPIs & OKRs for Products

Rosie Hoggmascall
Rosie Hoggmascall
Transform product decisions using data-driven frameworks that align teams, optimize processes, and drive measurable outcomes for improved product success.
Improve your UX & Product skills with interactive courses that actually work

FAQs

What is responsive design?

Responsive design refers to the practice of designing and developing a website or application that automatically adjusts its layout and content to fit the screen size of the device being used to view it. This allows the site or app to be easily viewed and used on various devices, including desktops, laptops, tablets, and smartphones, without requiring the user to zoom or scroll horizontally. The goal of responsive design is to provide an optimal viewing experience for the user, regardless of the device they are using.


When should you use responsive design?

Responsive design should be used whenever a website or web application needs to be accessible and visually appealing on multiple devices with different screen sizes, including desktops, laptops, tablets, and smartphones. This approach ensures that the layout and content of a website dynamically adapt to the screen size and orientation of the device being used, providing a consistent and optimized user experience across all devices.


Is responsive design accessible?

Responsive design can be accessible, but it is not automatically accessible. Accessibility involves making websites usable for people with disabilities, such as visual, auditory, motor, and cognitive impairments. To ensure that a responsive design is accessible, certain accessibility guidelines, such as those outlined by the Web Content Accessibility Guidelines (WCAG), must be followed and incorporated into the design and development process. This includes using semantic HTML, providing alternative text for images, using color contrast ratios that meet accessibility standards, and ensuring that all interactive elements, such as buttons and links, can be operated using a keyboard. By following these and other accessibility guidelines, a responsive design can be made accessible to many users, including those with disabilities.


Does responsive design affect SEO?

Responsive design can impact SEO (Search Engine Optimization) positively. A responsive design ensures that a website provides the same content and URL structure to all users, regardless of the device they are using, which helps search engines understand the content and context of the website more effectively. This, in turn, can improve the website's ranking in search engine results pages (SERPs) and increase its visibility to potential users.

Additionally, a responsive design can improve the user experience, which is a ranking factor for search engines. A responsive design ensures that a website is easily usable on all devices, which can reduce bounce rates, increase dwell time, and improve overall engagement with the website, all of which are positive signals for search engines.

However, it is important to note that responsive design is just one factor that affects SEO. Other factors, such as high-quality content, user experience, and keyword optimization, are also important to consider when optimizing a website for search engines.

<?xml version="1.0" encoding="utf-8"?>