Explore tens of thousands of sets crafted by our community.
Responsive Design Principles
15
Flashcards
0/15
Cross-Browser Compatibility
The ability of a website to function across different web browsers with the same design and functionality.
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.
Progressive Enhancement
A strategy in web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies.
Viewport Meta Tag
An HTML meta tag that instructs the browser on how to control the page's dimensions and scaling.
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%.
Mobile First
A design approach where the designer initially creates a site for a mobile device and then scales up to larger screen sizes.
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.
Breakpoints
Specific points where the website content responds according to the device or screen size, often used in media queries.
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.
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.
Accessibility (a11y)
Designing and creating websites that can be used by people with disabilities, which can involve screen readers, keyboard navigation, and more.
Relative Units
Units of measurement in CSS, like ems, rems and percentages, which are relative to other elements or properties, making designs more adaptive.
User Experience (UX)
Aspects of a user's interaction with a digital product, designed to be meaningful and relevant.
© Hypatia.Tech. 2024 All rights reserved.