How to make a website Retina-ready?

Discussion in 'Web Design and Development' started by Nielsenius, Jun 21, 2012.

  1. Nielsenius macrumors 6502a

    Joined:
    Apr 16, 2011
    Location:
    Virginia
    #1
    During the winter I created a WordPress tech blog as a hobby and pastime (link in my sig). I haven't worked on it much lately, but with the release of the MacBook Pro with Retina Display I'm interested in making my blog Retina-ready. I've Googled this and come up with nothing. Does anybody know how to assign 2x images to be shown on Retina Displays and normal images to be shown on regular displays?
     
  2. phantasmagoria macrumors regular

    Joined:
    Nov 15, 2006
    Location:
    UK
    #2
    Check out retina.js which is a script for detecting retina displays and loading hi-res images for those devices.
     
  3. ppc_michael Guest

    ppc_michael

    Joined:
    Apr 26, 2005
    Location:
    Los Angeles, CA
  4. Nielsenius thread starter macrumors 6502a

    Joined:
    Apr 16, 2011
    Location:
    Virginia
    #4
    Thanks, that looks very promising. I'll try it out.
    Unfortunately, I don't know much CSS (if any). The reason I chose WordPress is because it's easy to use. I'll be taking a lot of computer science classes this fall in college. At that point I may be able to do some more advanced things.
     
  5. olup macrumors 6502

    Joined:
    Oct 11, 2011
    #5

Share This Page