Explore tens of thousands of sets crafted by our community.
Responsive Design Principles
15
Flashcards
0/15
Fluid Grids
A design layout that uses relative units like percentages, rather than fixed units like pixels, to adapt to the user's screen size.
Media Queries
A CSS technique used to apply styles based on the device's general type (like screen or print) and specific characteristics (like screen resolution or browser viewport width).
Flexible Images
Images that resize within their containing elements to adapt to the layout of the page, often styled using CSS with max-width: 100%.
Breakpoints
Specific points where the website content responds according to the device or screen size, often used in media queries.
Mobile First
A design approach where the designer initially creates a site for a mobile device and then scales up to larger screen sizes.
CSS Flexbox
A layout mode in CSS3 designed for more efficient and predictable page layout, particularly for dynamic or unknown size of items.
CSS Grid Layout
A two-dimensional layout system for the web that makes it easier to design web pages without having to use floats and positioning.
Viewport Meta Tag
An HTML meta tag that instructs the browser on how to control the page's dimensions and scaling.
Scalable Vector Graphics (SVG)
SVG is an XML-based vector image format that scales without losing quality, used for logos, icons, and other scalable elements.
Touch Targets
Areas of the screen that respond to user touches, which should be of sufficient size to be easily tapped on a touchscreen device.
Relative Units
Units of measurement in CSS, like ems, rems and percentages, which are relative to other elements or properties, making designs more adaptive.
Progressive Enhancement
A strategy in web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies.
Accessibility (a11y)
Designing and creating websites that can be used by people with disabilities, which can involve screen readers, keyboard navigation, and more.
User Experience (UX)
Aspects of a user's interaction with a digital product, designed to be meaningful and relevant.
Cross-Browser Compatibility
The ability of a website to function across different web browsers with the same design and functionality.
© Hypatia.Tech. 2024 All rights reserved.