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.
А вышло кстати очень даже красиво Жаль скринов не могу выложить…

[jQuery][1] – небольшая и крайне удобная JavaScript библиотека позволяющая сильно расширить возможности вэб-приложения не рисую при этом жутковатых конструкций если надо сделать AJAX-запрос или потеребить DOM документа. Вот например вполне себе работающий кусок JavaScript с использованием jQuery:

$alertHolder = $('<div></div>')  
.attr('id', 'tsm_alert')  
.addClass('tsm_alert')  
.append($('<h1 id="alert_title"></h1>'))  
.append($('<img src="/media/tsm/img/close.gif" title="Закрыть" />').click(tsm_alert_close))  
.append($('<div id="alert_text"></div>'))  
.insertBefore(document.body.firstChild)  
.hide();

Что тут делается? Это кусок из кода, который приделывает к вэб-приложению аналог alert’а, но не такой раздражающий

Ну и как и положено такого рода библиотекам (да и JavaScript’у в целом) – ее можно расширять своими плагинами.

Read the rest of this entry »