#responsive-design

[ follow ]
Typography
fromOddBird
1 week ago

Designing for User Font-size and Zoom

User font-size preferences can enhance web readability, but defaults and variations create challenges in achieving a universally ideal experience.
#css
more#css
Typography
fromCSS-Tricks
2 weeks ago

Setting Line Length in CSS (and Fitting Text to a Container) | CSS-Tricks

Line length affects readability, with a recommended maximum of 80 characters according to accessibility guidelines.
#mobile-optimization
more#mobile-optimization
fromPiccalilli
3 weeks ago

A revisit of the Every Layout sidebar with :has() and selector performance

The Sidebar layout provides adaptability without requiring @media queries.
fromeLearning
1 month ago

Captivate: Stopping Background Audio - eLearning

In a responsive Captivate project, managing audio tracks can be challenging, particularly with built-in videos playing simultaneously with background music.
fromPiccalilli
1 month ago

Printing the web: making webpages look good on paper

Responsive web design must consider print to ensure accessibility and cater to various user needs.
Neglecting print styles can lead to frustration and waste resources, impacting user experience.
#jquery
more#jquery
#web-development
more#web-development
#web-design
more#web-design
fromMedium
2 months ago

CSS Grid with Galaxy layout: now available in Figma

CSS Grid revolutionizes web layouts, enabling seamless design and responsive implementations for creative projects.
Recent advancements in CSS Grid allow for intricate designs and responsive layouts on client websites.
#ui-design
more#ui-design
fromMedium
3 months ago

Proportional Scaling for Adaptive Layouts: A Minimal-Effort, High-Impact Approach

Building interfaces that look and feel pixel-perfect across everything from 4K monitors down to mobile phones can be a headache.
Mobile UX
fromTrysmudford
3 months ago

Rounded triangular boxes in CSS/SVG | Trys Mudford

Understanding different shape constructs is crucial for effective design.
SVG filters can improve the aesthetics of shapes but have limitations.
fromdesignboom | architecture & design magazine
3 months ago

VOUW studio's living lighting blooms like a flower in response to human movement

Rather than reacting to sound or voice commands, the object responds to proximity and gesture, creating moments of interaction through presence, light, and motion.
UX design
Mobile UX
fromLogRocket Blog
3 months ago

How to build cross-platform mobile applications using Lynx.js - LogRocket Blog

Lynx.js is a new JavaScript framework for responsive, cross-platform apps that prioritizes native performance and React compatibility.
fromLogRocket Blog
3 months ago

A guide to the MUI grid system - LogRocket Blog

The MUI Grid component provides a flexible, responsive layout using Flexbox.
It includes two main components: container and item.
fromRubyflow
3 months ago
UX design

Resize Observer API with Stimulus

The Resize Observer API is essential for handling layout changes dynamically as screen size changes.
fromHackernoon
3 months ago

FlexLayout: Flexibility in Action in Vaadin Flow | HackerNoon

FlexLayout enables flexible and adaptable layouts using CSS Flexbox.
Mobile UX
fromeLearning Industry
4 months ago

Effective Strategies For Designing Mobile-First eLearning Courses To Ensure Success

Mobile-first eLearning ensures accessibility and flexibility for modern learners by optimizing content for various devices.
fromMedium
4 months ago

billboard.js 3.15.0 release: Container-based resizing & enhanced regions

The new features in billboard.js enhance its usability, especially for responsive design. The updates include automatic resizing based on container dimensions and improved region label positioning.
Vue
Mobile UX
fromLogRocket Blog
4 months ago

How to use the Swiper.js slider library - LogRocket Blog

Swiper.js offers an efficient solution for integrating touch-enabled sliders into web applications while ensuring performance and responsiveness across devices.
fromSitePoint Forums | Web Development & Design Community
4 months ago

PHP Error with Dynamically Generated Responsive SVG Graphs - Scaling Issue

For responsive SVGs, ensure text and shapes scale correctly within the viewBox.
Check CSS settings for SVG elements to enhance scalability. Adjust font sizes dynamically.
SVG responsiveness may require revisiting the viewBox settings and how elements are positioned.
fromHackernoon
3 years ago

Create A Lightning Text Effect Using HTML And CSS Using This Simple Code | HackerNoon

The position property is needed to allow absolute positioning of the child elements. The other CSS properties are just used for styling.
Typography
Mobile UX
fromLogRocket Blog
5 months ago

Adaptive vs. responsive design: Which is better for UX? - LogRocket Blog

Responsive design adapts to various devices for a consistent user experience, while adaptive design provides tailored layouts for specific screen sizes.
[ Load more ]