NilColor

Решил тут кусочек внутреннего проекта сделать доступным с iPhone. И естественно, полез поискать, какие-нибуть рекомендации — как же писать веб-приложения для айФонов. Нашлось много чего, в том числе и вот такой вот кусочек css всплыл. “Ух ты!” подумалось… А это интересная идея вообще… Это же можно делать такой вот “тяжелый” css-файл, в котором лежит все(!), т.е. реально все оформление! Есть тут конечно и минусы — по идее будут передаваться лишние данные на клиента в том случае, если в оформлении используется много одинаковых изображений… С другой стороны плюсы тоже есть… В любом случае это интересно. Работает в Safari 3 (второго нет – не проверил), Firefox 3b3 (второго пока тоже близко не оказалось – но думаю работает). Не проверил с Opera, но уверен что тоже ОК. В IE не проверял вообще. Вот наконец соберусь духом и Parallels Desktop поставлю — тогда и проверим.

#toolbar {
    box-sizing: border-box;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    padding: 10px;
    height: 45px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCC) #6d84a2 repeat-x;
}

P.S.
А вышло кстати очень даже красиво ;) Жаль скринов не могу выложить…