!Y
!Yը૾ͷৼΓ͚
K2VFSZͰʮdevicePixelRatioʯΛผ͢Δ
$(function(){
if( 'devicePixelRatio' in window && window.devicePixelRatio > 1 ){
var imgHidpi = $( 'img.hidpi' ).get();
var imgHidpiLength = imgHidpi.length;
for (var i=0,l=imgHidpiLength; i
Slide 48
Slide 48 text
!Y
!Yը૾ͷৼΓ͚
@ࢀߟ
Adaptation for Retina
display
http://egorkhmelev.github.com/retina/
Optimising for High
Pixel Density Displays.
http://menacingcloud.com/?
c=highPixelDensityDisplays
'JSFXPSLTతϏοτϚοϓ
Data URI Scheme
w #BTFܗࣜͰɺ
)5.-$44ʹهड़
w H[JQ͕༗ޮʹͳΔ ͍ܰ
w ࣮ɺϏοτϚοϓͰ͕͢
w ม֦ுػೳ͕ग़Δӟ
data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgA
AAABQCAYAAABoMayFAAAABHNCSVQICAgIf
AAAAAlwSFlzAAALEgAACxIB0t1+/
AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRml
vcmtzIENTNui8sowAAAJ/
cHJWV3ic7ZffkZswEMZlEclaiSJSgm/
ck5+vHXeSpxSQcQXXRBrIhOxKAvNH4nwzh
1hYBPJvdz+B5F9/f/5W7+q9k+3W3Xi/
drdLd712Vz6eu8ulu/BRdedzd1ad4sdgsP
O9t7ABx988MEHH3zwwQcffPDBBx988MEHH
+MTb34nK/P3ovsKP9BeVuR72m0v8kOKrs2
iD+FF28L3Q1NZ/z7CQNv49+tK/jQS6Wn+T
Slide 62
Slide 62 text
'JSFXPSLTతϏοτϚοϓ
Data URI Scheme ͷมπʔϧ
Data URI Converter
http://www.macupdate.com/app/mac/
46143/data-uri-converter
duri.me a super simple dataURI tool
http://duri.me
Slide 63
Slide 63 text
'JSFXPSLTతϏοτϚοϓ
Data URI Scheme ͷมπʔϧ
Sublime Text 2 + Image2Base64
https://github.com/tm-minty/sublime-text-2-image2base64