Skip to content

Instantly share code, notes, and snippets.

View rafaelsales's full-sized avatar
💻
Compiling...

Rafael Sales rafaelsales

💻
Compiling...
View GitHub Profile
@rafaelsales
rafaelsales / 1 General info.md
Created April 22, 2016 17:48 — forked from igorsantos07/1 General info.md
CSS tools on React

Main comparison

  1. Traditional CSS

  • Simple approach, known API
  • we would have to deal with namespace conflicts
  • leverages browser caching, storing the entire app style in the first load and reducing following reloads
  1. Style-based implementations
<DT><H3 FOLDED>iPhones</H3>
<DL><p>
<DT><A HREF="javascript:open(location,'iPhone:portrait','innerWidth='+(640+15)+',innerHeight='+(1136+15)+',scrollbars=yes');">iPhone 5 - Portrait</A>
<DT><A HREF="javascript:open(location,'iPhone:landscape','innerWidth='+(1136+15)+',innerHeight='+(640+15)+',scrollbars=yes');">iPhone 5 - Landscape</A>
<DT><A HREF="javascript:open(location,'iPhone:portrait','innerWidth='+(640+15)+',innerHeight='+(960+15)+',scrollbars=yes');">iPhone 4 - Portrait</A>
<DT><A HREF="javascript:open(location,'iPhone:landscape','innerWidth='+(960+15)+',innerHeight='+(640+15)+',scrollbars=yes');">iPhone 4 - Landscape</A>
<DT><A HREF="javascript:open(location,'iPhone:portrait','innerWidth='+(320+15)+',innerHeight='+(480+15)+',scrollbars=yes');">iPhone 3 - Portrait</A>
<DT><A HREF="javascript:open(location,'iPhone:landscape','innerWidth='+(480+15)+',innerHeight='+(320+15)+',scrollbars=yes');">iPhone 3 - Landscape</A>
<DT><A HREF="http://www.iphoneresolution.com/">What's the iPhone Screen Resolut