typography   297408

« earlier    

Understanding and Using rem Units in CSS
The main problem with em units is that they are relative to the font size of their own element. As such they can cascade and cause unexpected results. Let’s consider the following example, where we want lists to have a font size of 12px, in the case where the root font size is the default 16px:

html {
font-size: 100%;
}

ul {
font-size: 0.75em;
}

If we have a list nested inside another list, the font size of the inner list will be 75% of the size of its parent (in this case 9px). We can still overcome this problem by using something along these lines:

ul ul {
font-size: 1em;
}

This does the trick, however we still have to pay a lot of attention to situations where nesting gets even deeper.

With rem units, things are a simpler:

html {
font-size: 100%;
}

ul {
font-size: 0.75rem;
}
typography  webdev  blog-posts  tutorials  css 
yesterday by mikael
Unique Characters
Each day they post a new type character that is unique and interesting.
typography  fonts 
yesterday by jpinnix
Letter Effects and Interaction Ideas (Codrops)
Интересная анимация декоративного текста на CSS.
design  typography  fonts  animation  CSS  coding  scripts  library 
yesterday by jvetrau
Typography Cheatsheet — A Comprehensive Guide to Smart Quotes, Dashes & Other Typographic Characters
Everything you need to know about setting proper typography—smart quotes, apostrophes, em dashes, en dashes, accented characters and more.
typography  reference  grammar  writing 
yesterday by shannonlucas

« earlier    

related tags

&  *****  ****  ***  **  adobe  animation  app  art  blog-posts  book  books  coding  codingfont  company  css  design  ebook  ebooks  font  fonts  free  fun  games  glyph  google  grammar  graphic-design  graphic.art  graphic  graphicdesign  grotesk  history  inspiration  inspire  interactive  interviews  issue  layout  learning  library  mac  news  nytimes  online  open-source  parametric  photoshop  portfolio  publicdomain  reading  reference  responsive  rounded  sans  scripts  serif  software  tech  tobuy  tools  tutorials  type  typeface  web-design  web-dev  webdesign  webdev  writing 

Copy this bookmark:



description:


tags: