#mediaquery — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #mediaquery, aggregated by home.social.
-
#Development #Approaches
Adaptive SVG favicons · Favicons using the ‘prefers-color-scheme’ media query https://ilo.im/168quh_____
#Favicon #SVG #CSS #MediaQuery #Colors #ColorScheme #LightMode #DarkMode #WebDev #Frontend -
#Development #Misconceptions
CSS light-dark() vs. prefers-color-scheme · “light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.” https://ilo.im/168oi0_____
#CssFunction #MediaQuery #LightMode #DarkMode #Browser #WebDev #Frontend #CSS -
#Development #Misconceptions
CSS light-dark() vs. prefers-color-scheme · “light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.” https://ilo.im/168oi0_____
#CssFunction #MediaQuery #LightMode #DarkMode #Browser #WebDev #Frontend #CSS -
#Development #Misconceptions
CSS light-dark() vs. prefers-color-scheme · “light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.” https://ilo.im/168oi0_____
#CssFunction #MediaQuery #LightMode #DarkMode #Browser #WebDev #Frontend #CSS -
#Development #Misconceptions
CSS light-dark() vs. prefers-color-scheme · “light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.” https://ilo.im/168oi0_____
#CssFunction #MediaQuery #LightMode #DarkMode #Browser #WebDev #Frontend #CSS -
#Development #Opportunities
‘Smart’ CSS layouts with container queries · New options we never had with media queries https://ilo.im/15zshu_____
#ModernCSS #Layout #ContainerQuery #MediaQuery #CssGrid #CssFlexbox #WebDev #Frontend #CSS -
#Development #Guides
CSS Container Queries · A contemporary approach to responsive web design https://ilo.im/15z5q7_____
#Browser #ResponsiveDesign #WebDesign #WebDev #Frontend #CSS #MediaQuery #ContainerQuery #StyleQuery -
#Development #Techniques
Write better CSS with modern CSS · New CSS features can help you streamline your code https://ilo.im/15ynzs_____
#ModernCSS #Code #Optimization #WebDev #Frontend #CSS #CssNesting #CustomProperty #MediaQuery -
#CSS #layout is difficult, arranging elements that are container queries (so their internal layouts and aspect ratios change too) on the page for different viewport sizes *and* aspect ratios such that the most important info is always in sight. Scrolling is not an option in this case.
It's not the code part of it I struggle with...
#cssLayout #mediaQuery #containerQuery #code #coding #frontend #webDev #webDevelopment
-
Did someone already experience a non-working breakpoint with (max-width: 839px) for the browser width 839px across all browsers – but only on Windows? 🤔
-
#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem -
#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem -
#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem -
#Development #Explorations
Re-evaluating px vs em in Media Queries · Is the common recommendation to use ems instead of pxs still valid? https://ilo.im/13esaa_____
#Browser #BrowserCompatibility #Chrome #Firefox #Safari #WebDevelopment #WebDev #Frontend #CSS #MediaQuery #Zoom #FontSize #CssUnits #px #em #rem -
#Design #Development #Evolutions
The guide to responsive design in 2023 and beyond · Responsive design isn’t about media queries anymore https://ilo.im/10tc2d“It’s about time we change our mindset and take the full potential of modern CSS.” — Ahmad Shadeed
_____
#UiDesign #WebDesign #ResponsiveDesign #FluidDesign #Frontend #CSS #Grid #Flexbox #MediaQuery #ContainerQuery