responsive   77093

« 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 
11 hours ago 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 
3 days ago by spaceninja
Responsive tables, revisited (Lea Verou)
Lea Verou даёт советы по вёрстке адаптивных таблиц.
UX  responsive  tables  coding  CSS  howto  issue  scripts 
3 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 
5 days ago by orlin

« earlier    

related tags

a11y  accessibility  accessible  adaptive  amp  analyze  articles  atomic  bestpractice  better  blog-posts  boilerplate  build  bulma  cards  cli  coding  comparison  component  components  construct  construction  crossbrowser  css-grid  css  css3  cssbasics  cssgrid  design  dev  development  disable  email  embed  example  examples  flexbox  flow  fluid  fonts  foundation  framework  fridayfrontend  frontend  functional  galleries  gallery  generator  gold-pressed-latinum  google  grid-layout  grid  grids  guide  howto  html  icon  ie  ie9  ifttt  illustrated  image-gallery  image  images  inspiration  interactive  interface  ipad  iphone  issue  javascript  jquery  js  layout  libraries  live  mac  mailing_list  make  marketing  mediaqueries  megamenu  menu  mjml  mobile  more  nav  navigation  newsletter  opensource  optimization  overflow  pattern  patterns  performance  photography  photos  plugin  pocket  portfolio  preview  pwa  rachelandrew  react-native  reactnative  responsiv  responsivedesign  responsivetables  roi  rwd  scaling  scripts  scss  seo  site  srcset  style  styleguide  tab  tabell  tabeller  table  tables  tabs  techniques  template  templates  test  text  tile  tool  toolkit  tools  tutorial  tutorials  typography  ui  units  ux  vanilla  video  videos  viewport  vue  web  web_design  webdesign  webdev  webfonts  website  weekly.rc  wordpress  wrap  youtube 

Copy this bookmark: