Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Snow Monkey における私の技術的偏愛

Snow Monkey における私の技術的偏愛

Takashi Kitajima

February 09, 2019
Tweet

More Decks by Takashi Kitajima

Other Decks in Technology

Transcript

  1. BEE@pMUFS 
 TOPX@NPOLFZ@HFU@UFNQMBUF@QBSU@BSHT 
 GVODUJPO BSHT \
  
 

    <
  TMVHTMVH 
  OBNFOBNF 
  WBSTWBST 
  >
  
 SFUVSOBSHT
 ^
 
  2. BEE@pMUFS 
 bTOPX@NPOLFZ@HFU@UFNQMBUF@QBSU@TMVH` 
 GVODUJPO OBNF WBST \
  


    EJWDMBTTlGPPz
 ͍͋͏͓͑
 EJW
  QIQ
 ^ 
  
 
 
  3. GVODUJPONZUIFNF@DVTUPNJ[F@SFHJTUFS XQ@DVTUPNJ[F \  XQ@DVTUPNJ[FBEE@TFUUJOH    IFBEFS@UFYUDPMPS 

      <    bEFGBVMU`b`    >    XQ@DVTUPNJ[FBEE@TFDUJPO    bNZUIFNF@OFX@TFDUJPO@OBNF`    <    bUJUMF`@@ b7JTJCMF4FDUJPO/BNF bNZUIFNF`    >    XQ@DVTUPNJ[FBEE@DPOUSPM    OFX81@$VTUPNJ[F@$PMPS@$POUSPM     XQ@DVTUPNJ[F     bIFBEFS@UFYUDPMPS`     <     bMBCFM`@@ b)FBEFS$PMPS` bNZUIFNF      bTFDUJPO`bNZUIFNF@OFX@TFDUJPO@OBNF`      bTFUUJOHT`bIFBEFS@UFYUDPMPS`     >      ^ BEE@BDUJPO bDVTUPNJ[F@SFHJTUFS` bNZUIFNF@DVTUPNJ[F@SFHJTUFS` 
  4. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa'SBNFXPSL DPOUSPM'SBNFXPSLDPOUSPM   bDPMPS`   bIFBEFS@UFYUDPMPS`  

    <   bMBCFM`@@ b)FBEFS$PMPS` bNZUIFNF`   >  JG JT@DVTUPNJ[F@QSFWJFX  \  TFDUJPO'SBNFXPSLTFDUJPO    bNZUIFNF@OFX@TFDUJPO@OBNF`    <    bUJUMF`@@ b7JTJCMF4FDUJPO/BNF` bNZUIFNF`    >    DPOUSPMKPJO TFDUJPO  ^
  5. GVODUJPONZUIFNF@DVTUPNJ[F@DTT \  IFBEFS@DPMPSHFU@UIFNF@NPE bIFBEFS@UFYUDPMPS` b`    

    TUZMF  I\   DPMPS QIQFDIPIFBEFS@DPMPS   ^  TUZMF   QIQ ^ BEE@BDUJPO bXQ@IFBE` bNZUIFNF@DVTUPNJ[F@DTT` 
  6. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa4UZMF VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa$PMPS 4UZMFSFHJTUFS   bMJHIUFO`   bDPMPSb$PMPSMJHIUFO b`

       4UZMFSFHJTUFS   bEBSLFO`   bDPMPSb$PMPSEBSLFO b`    4UZMFSFHJTUFS   bSHCB`   bDPMPSb$PMPSSHCB b`   
  7. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa4UZMF BEE@BDUJPO   bJOD@XQ@DVTUPNJ[FS@GSBNFXPSL@BGUFS@MPBE@TUZMFT`   GVODUJPO \ 

     4UZMFQMBDFIPMEFS     bCUO`     GVODUJPO TFMFDUPST \     4UZMFSFHJTUFS TFMFDUPST bCPSEFSDPMPS`     ^     ^  4UZMFFYUFOE bCUO` <bQSJNBSZCUO`> 
  8. @function _vertical-rhythm($font-size, $coefficient: 1) { $between-lines : _strip-unit(_rem2px($_between-lines)); $base-line-height: _strip-unit(_rem2px($_base-line-height));

    $base-font-size : _strip-unit(_rem2px($_base-font-size)); $font-size : _strip-unit($font-size); $line-height: $font-size + ($between-lines * $coefficient); @if ($line-height < $font-size + ($between-lines * 2)) { @return _vertical-rhythm($font-size, ($coefficient + 1)); } @else { @if ($font-size % $base-font-size == 0 and $font-size > $base-font-size) { @return $line-height - ($between-lines / 2); } @return $line-height; } }