Logo
Pattern

Discover published sets by community

Explore tens of thousands of sets crafted by our community.

Responsive Design Principles

15

Flashcards

0/15

Still learning
StarStarStarStar

Cross-Browser Compatibility

StarStarStarStar

The ability of a website to function across different web browsers with the same design and functionality.

StarStarStarStar

CSS Flexbox

StarStarStarStar

A layout mode in CSS3 designed for more efficient and predictable page layout, particularly for dynamic or unknown size of items.

StarStarStarStar

CSS Grid Layout

StarStarStarStar

A two-dimensional layout system for the web that makes it easier to design web pages without having to use floats and positioning.

StarStarStarStar

Progressive Enhancement

StarStarStarStar

A strategy in web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies.

StarStarStarStar

Viewport Meta Tag

StarStarStarStar

An HTML meta tag that instructs the browser on how to control the page's dimensions and scaling.

StarStarStarStar

Media Queries

StarStarStarStar

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).

StarStarStarStar

Flexible Images

StarStarStarStar

Images that resize within their containing elements to adapt to the layout of the page, often styled using CSS with max-width: 100%.

StarStarStarStar

Mobile First

StarStarStarStar

A design approach where the designer initially creates a site for a mobile device and then scales up to larger screen sizes.

StarStarStarStar

Fluid Grids

StarStarStarStar

A design layout that uses relative units like percentages, rather than fixed units like pixels, to adapt to the user's screen size.

StarStarStarStar

Breakpoints

StarStarStarStar

Specific points where the website content responds according to the device or screen size, often used in media queries.

StarStarStarStar

Touch Targets

StarStarStarStar

Areas of the screen that respond to user touches, which should be of sufficient size to be easily tapped on a touchscreen device.

StarStarStarStar

Scalable Vector Graphics (SVG)

StarStarStarStar

SVG is an XML-based vector image format that scales without losing quality, used for logos, icons, and other scalable elements.

StarStarStarStar

Accessibility (a11y)

StarStarStarStar

Designing and creating websites that can be used by people with disabilities, which can involve screen readers, keyboard navigation, and more.

StarStarStarStar

Relative Units

StarStarStarStar

Units of measurement in CSS, like ems, rems and percentages, which are relative to other elements or properties, making designs more adaptive.

StarStarStarStar

User Experience (UX)

StarStarStarStar

Aspects of a user's interaction with a digital product, designed to be meaningful and relevant.

Know
0
Still learning
Click to flip
Know
0
Logo

© Hypatia.Tech. 2024 All rights reserved.