recentpopularlog in


« earlier   
Precise control over responsive typography
font-size: calc( 12px + (24 - 12) * ( (100vw - 400px) / ( 800 - 400) ));

Note: In the example above, 12px is the minimum font-size and 24px is the maximum. 400px is the start of the viewport range and 800px is where it should stop scaling. The inclusion or absence of the units after each value is important.
typography  responsive  webdev  blog-posts  tutorials 
yesterday by mikael
Responsive tables, revisited
The usual idea is turning the table into key-value pairs so that cells become rows and there are only 2 columns total, which fit in any screen. So I wondered, is there any way to create it without duplicating content either in the markup or in the CSS? After a bit of thinking, I came up with two ways, each with their own pros and cons.
fridayfrontend  css  html  accessibility  responsive  tables 
4 days ago by spaceninja
Responsive tables, revisited (Lea Verou)
Lea Verou даёт советы по вёрстке адаптивных таблиц.
UX  responsive  tables  coding  CSS  howto  issue  scripts 
4 days ago by jvetrau
tachyons-css/react-native-style-tachyons: Better styling for React Native
GitHub is where people build software. More than 27 million people use GitHub to discover, fork, and contribute to over 80 million projects.
reactnative  functional  css  responsive  style 
6 days ago by orlin

Copy this bookmark:

to read