JSIO URLs

Posted on by

The clever bit about JSIO is the placeholder URLs – i.e. the “jsio.gif#…” that goes in your image src attributes and background-image CSS properties. Everything after the “#” is the filename of the image that should be displayed. It doesn’t have to be the filename at all, it could just be a single letter or number or symbol or whatever. It doesn’t matter to JSIO. To JSIO, everything after the “#” is just a key into the resources object that holds data uri encoded images. As long as the key is unique (which it will be if you use filenames, since no two files in the same directory can have the same name), JSIO is happy.

Using filenames as keys into our resources object is beneficial to humans. Much more beneficial than coordinates in a sprite, simply because (hopefully) the filenames are meaningful; they describe the image. In comparison to sprites, the JSIO resources object also makes maintaining your image data much easier as it is trivial to add or remove images without having to move other images around within the sprite (and consequently all coordinates referencing your moved image).

Another benefit of using filenames as keys into the JSIO resources object is for fallback. If JSIO detects your browser is IE7 or lower, it’ll strip out “jsio.gif#” leaving just your image key as the image src, which is hopefully a valid URL to the original image. Also, if JSIO detects you’re running IE8 and the image data is larger than 32KB it’ll do the same thing*.

* …but not yet in v1.0.0 alpha

Since the image key is after the “#” (it is the URL “fragment”), your browser won’t send multiple requests for the 1*1px jsio.gif file – it’ll just send one request, cache the response, and use it again. By the way, the jsio.gif image is just a transparent 1*1px gif (for maximum efficiency), but it could be an “spinner” image or something, which is shown temporarily whilst the JSIO resources file is downloaded.

—

This post is about JSIO – JSIO is a tiny library that allows you to make fewer requests to your server by packaging all your site image data in a JavaScript file in data uri format. The official site for JSIO can be found here: jsio.freestyle-developments.co.uk. You can read more about why I started this project here.

13,190 thoughts on “JSIO URLs”

  1. Состояние пациента отслеживается на каждом этапе от первичной консультации до дальнейших рекомендаций. Получить дополнительную информацию – вывод из запоя на дому в новороссийске

  2. Информация об обращении не передается третьим лицам а детали лечения обсуждаются только с пациентом. Подробнее тут – http://www.domen.ru

  5. Здорова народ Отец не выходит из штопора Родственники не знают что делать В больницу тащить страшно Короче единственный кто реально помог — вызов нарколога на дом Москва недорого Дал рекомендации и успокоил семью В общем вся инфа по ссылке — вызов врача нарколога на дом вызов врача нарколога на дом Не ждите пока станет хуже Перешлите тем кто в такой же ситуации

  7. Здорова народ Отец не выходит из штопора Дети напуганы Таблетки не помогают Короче единственный кто реально помог — вызов нарколога на дом анонимно с гарантией Приехал через 40 минут В общем телефон и цены тут — вызвать нарколога на дом в москве вызвать нарколога на дом в москве Нарколог на дом — это реальный выход Перешлите тем кто в такой же ситуации

  13. no deposit bonus casinos canada, good gambling sites uk and united
    statesn casinos no deposit bonus, or vegas usa harrah’s cherokee valley river casino table games (Yasmin)

  14. Эта публикация исследует взаимосвязь зависимости и психологии. Мы обсудим как психологические аспекты влияют на появление зависимостей и процесс выздоровления. Читатели смогут понять важность профессиональной поддержки и применения научных подходов в терапии. Узнайте всю правду – самый опасный наркотик в мире

  20. best pokies app united kingdom, emu casino games list in cambodia (Lou) united
    kingdom and best free online slots canada, or free play online casino canada

  21. seriöse casinos mit eu lizenz

    Also visit my web site beste spielautomaten trustly (Mai)

  24. are there casinos in montreal australia, real money australian online pokies and united kingdom best online casino,
    or top 10 barona valley ranch casino (Ila) canada

  28. chukchansi casino reopen, best non usa casino business for sale
    (Jeffry) sites and deposit now
    pay later casino united states, or is online poker coming back to united states

  32. Помощь может включать консультацию детоксикацию стационар и дальнейшее сопровождение по показаниям. Получить дополнительные сведения – https://vyvod-iz-zapoya-v-gelendzhike6.ru

  36. В этой статье обсуждаются актуальные медицинские вопросы которые волнуют общество. Мы обращаем внимание на проблемы касающиеся здравоохранения и лечения а также на новшества в области медицины. Читатели будут осведомлены о последних событиях и смогут следить за тенденциями в медицине. Лучшее решение — прямо здесь – причины развития алкоголизма

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>