Generating Multiple Dimension Icon Sprites for Retina Display

Generating Multiple Dimension Icon Sprites for Retina Display

⚡️ talk for ID Ruby March 2016 Meetup

C24ae68993d2245ac88e24ccc8457a8c?s=128

Didik Wicaksono

March 03, 2016
Tweet

Transcript

  1. (FOFSBUJOH.VMUJQMF %JNFOTJPO*DPO4QSJUFT GPS3FUJOB%JTQMBZ ⚡UBML!*%3VCZ.FFUVQ

  2. w (JUIVC!pSFXBMLFS w 5XJUUFS!EJEL w 8PSL!$PPLQBE(MPCBM "

  3. familiar?

  4. &WFSZCPEZVTF$444QSJUFT

  5. 8IBUCSPXTFSEJEZPVVTF JOZPVSNPCJMFQIPOF

  6. 8IBUCSPXTFSEJEZPVS VTFSVTFJOUIFJSNPCJMF QIPOF

  7. None
  8. None
  9. 6$#SPXTFS0QFSB.JOJ TUJMMPDDVQJFTdPG $PPLQBE*OEPOFTJBVTFST

  10. 1BJOQPJOUT wMJNJUFE+4FYFDVUJPOT wNPTU$44OPU TVQQPSUFE ‣ UIBUJODMVEFTXFCGPOU,TPXF TUVDLXJUIDTTTQSJUFT

  11. TQSJUFGBDUPSZ wIUUQTHJUIVCDPNKBLFTHPSEPO TQSJUFGBDUPSZ wHFOFSBUFTDTTTQSJUFTGSPNJDPO pMFT

  12. (SPVQJDPOTJOUPGPMEFS CBTFEPOTJ[F BQQBTTFUTTQSJUFT ᵓᴷᴷMBSHF ᴹᵓᴷᴷSFDJQFQOH ᴹᵓᴷᴷSFQPSUQOH ᴹᵋᴷᴷTFUUJOHQOH ᵓᴷᴷNFEJVN ᴹᵓᴷᴷTFBSDIQOH ᴹᵓᴷᴷTIBSFQOH

    ᴹᵋᴷᴷUSBTIQOH ᵋᴷᴷTNBMM ᵓᴷᴷQSJOUQOH ᵓᴷᴷSFDJQFQOH ᵋᴷᴷUJNFSQOH wBWPJEMPBEJOHJO BTTFUQJQFMJOFT  GBTUFSBTTFUT DPNQJMFUBTL
  13. 0VUQVUJDPOJOJNBHFTGPMEFS BQQBTTFUTJNBHFTTQSJUFT ᵓᴷᴷMBSHFQOH ᵓᴷᴷNFEJVNQOH ᵋᴷᴷTNBMMQOH

  14. 4BTTQBSUJBMTPVUQVU BQQBTTFUTTUZMFTIFFUT TQSJUFT ᵓᴷᴷ@TQSJUFMBSHFTDTT ᵓᴷᴷ@TQSJUFNFEJVNTDTT ᵋᴷᴷ@TQSJUFTNBMMTDTT

  15. None
  16. HFUTQSJUFTXJEUI EJWJEFCZ SFUJOB

  17. 8FHPUMVDLZ IUUQDBOJVTFDPNTFBSDICBDLHSPVOETJ[F

  18. None
  19. None
  20. 5IFUBTL $ bundle exec rake assets:resprite wHFUBMMJDPOTJ[FT wTFUVQTQSJUFGBDUPSZDPOpHVSBUJPOT wFYFDVUF4QSJUF'BDUPSZSVO wEPTPNFUXFBLJOHGPSSFUJOBSVMFT

  21. %FNP DPEFBWBJMBCMFJOIUUQTHJUIVCDPN pSFXBMLFSSVCZ@NFFUVQ@NBSDI@

  22. $PODMVTJPOT w$444QSJUFTTUJMMVTFEFWFSZXIFSF wMFU`TIPQFNPSFCSPXTFSTFOBCMFT XFCGPOUTPXFEPO`UIBWFUPVTFJU BOZNPSF