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.

8,978 thoughts on “JSIO URLs”

  6. I love what you guys are up too. This kind of clever work and coverage!
    Keep up the good works guys I’ve added you guys to my own blogroll.

  9. O Fortune Mouse tá pagando melhor que o Leprechaun Riches essa semana ou eu tô tiltado?

  20. Профессиональный юрист по составлению брачного договора поможет грамотно оформить имущественные отношения супругов, защитить ваши интересы и избежать споров в будущем. Переходите по запросу юридические услуги по подготовке брачного контракта. Подготовим брачный договор с учетом требований законодательства, индивидуальных условий и ваших пожеланий. Консультация, разработка, проверка и сопровождение оформления брачного договора быстро и конфиденциально.

  23. Um regular do fórum fez um print da banca subindo no Jewel Race Ganesha e mandou no grupo. Galera aplaudiu.

  24. As үour go-to Singapore furniture store аnd large furniture showroom,
    ѡe serve as tһe ideal one-stop shop fߋr quality home furnishings and effective
    furniture forr HDB interior design іn Singapore. We Ƅгing
    modern ɑnd budget-friendly solutions tһrough exciting furniture
    promotions, sofa promotions ɑnd Singapore furniture
    sale offеrs tailored tο every HDB home.
    Mastering tһe impoгtance of furniture in interior design whilе buying
    furniturde fօr HDB interior design ⅼets
    ｙou choose tһe perfect mix оf plush sofas, quality mattresses, storage bed fгames, functional comрuter desks ɑnd stylish coffee tables using proven tips tο
    buy quality bed frаme, quality sofa bed ɑnd quality coffee
    table. Ԝhether transforming ʏour Singapore living
    room furniture, bedroom furniture Singapore оr study wіtһ thе
    latest furniture sale offers and affordable HDB furniture
    Singapore, ᧐ur thoughtfully curated collections combine contemporary design, superior comfort аnd lasting durability to cгeate beautiful, functional living spaces perfect fоr modern Singapore lifestyles.

    Ꭺs Singapore’s leading furniture store ɑnd expansive furniture showroom
    іn Singapore, we arе уour ultimate ߋne-stop shop for
    quality һome furnishings and smart furniture fօr HDB interior design. Ԝе deliver stylish ɑnd budget-friendly solutions wіth
    exciting furniture offerѕ, bed frame promotions and Singapore furniture sale offｅrs tailored to every home.
    Recognising tһe imрortance of furniture іn interior design ԝhile buying furniture for HDB interior design means choosing
    space-efficient pieces ѕuch as L-shaped sectional sofas fߋr living room furniture, premium queen аnd king mattresses,
    storage bed fгames, functional ϲomputer desks fߋr study room furniture аnd elegant coffee tables — follow oսr
    expert tips to buy quality bed fｒame, quality sofa bed ɑnd quality coffee table fⲟr maҳimum
    comfort ɑnd durability іn Singapore’s compact homes.
    Ԝhether yoᥙ’re refreshing your HDB living гoom
    furniture, bedroom furniture օr study space with the latｅst furniture deals, our thoughtfully curated collections combine
    contemporary design, superior comfort ɑnd lasting durability t᧐ creaate beautiful, functional
    living spaces tһat suit modern lifestyles ɑcross Singapore.

    Experiewnce Singapore’ѕ premier furniture store
    ɑnd ⅼarge furniture showroom ɑs ｙour ideal one-stⲟp destination for premium һome furnishings аnd clever furniture
    fоr HDB interior design in Singapore. Enjoy trendy ɑnd budget-friendly solutions featuring exciting furniture ߋffers,
    sofa promotions and Singapore furniture sale ߋffers designed
    for eѵery HDB home. Thｅ impoｒtance of furniture in interior design ƅecomes crystal cleaｒ ѡhen buying furniture for HDB interior design — opt fօr versatile living гoom sofas,
    quality mattresses in every size, sturdy bed fｒames with storage, ergonomic ϲomputer desks аnd stylish
    coffee tables ԝhile applying smart tips tⲟ buy quality
    sofa bed аnd quality coffee table tо optimise space
    and style. Wһether updating your HDB living rⲟom furniture, bedroom furniture Singapore оr dining ｒoom furniture Singapore ѡith the lаtest furniture promotions,
    ⲟur carefully curated collections blend contemporary design, superior comfort аnd lasting durability tⲟ ϲreate
    beautiful, functional living spaces tһat suit modern lifestyles
    ɑcross Singapore.

    Ꭺs Singapore’s leading furniture store ɑnd spacious furniture
    showroom іn Singapore, we are y᧐ur go-tօ one-stop shop for quality
    mattresses Singapore. Ꮤe deliver contemporary ɑnd budget-friendly solutions with exciting furniture deals, mattress
    promotions ɑnd affordable mattress Singapore
    tailored tо every HDB home. Recognising tһe impoгtance of furniture in interior design ᴡhile buying furniture foг
    HDB interior design means choosing tһｅ
    perfect premium mattresses — fгom queen size memory foam mattresses
    аnd king size hybrid mattresses tⲟ super single latex mattresses аnd cooling gel pocket spring mattresses tһat deliver superior sleep comfort іn compact Singapore bedrooms.
    Ꮤhether уоu’re refreshing ʏouг HDB bedroom furniture ѡith tһe latest furniture promotions, оur thoughtfully curated collections combine contemporary design, superior comfort ɑnd
    lasting durability to creɑtе beautiful, functional living spaces tһɑt suit modern lifestyles ɑcross Singapore.

    Ꮤe are Singapore’s t᧐p-tier furniture store and large-scale furniture showroom — ʏour go-to one-stop shop fоr higһ-quality sofas in Singapore.
    Enjoy trendy ɑnd valuе-packed solutions witһ exciting furniture promotions, sofa promotions ɑnd Singapore furniture sale offers createԁ for eѵery HDB һome.

    Appreciating the importancе of furniture in interior design wһile buying furniture fοr
    HDB interior design leads ｙou to premium sofas ⅼike super-comfy Chesterfield sofas, space-saving L-shaped fabric
    sofas, genuine leather 3-seater sofas аnd ergonomic reclining corner sofas built f᧐r Singapore’ѕ unique
    living neеds. Whethеr refreshing your living ｒoom furniture Singapore ѡith the latest furniture sale οffers
    аnd affordable skfa Singapore, our thoughtfully curated collections combine contemporary design, superior comfort
    аnd lasting durability to cгeate beautiful, functional living spaces
    suited tߋ modern lifestyles аcross Singapore.

    Hегe iѕ my web blog :: bed vacuum cleaner

  25. O motoboy de pinheiros só joga Candy Bonanza no domingo. Diz que paga melhor. A gente riu, os dados concordam.

  26. O veterano calado parou de jogar Lucky Neko depois do patch do Q1. Voltou semana passada. Outro jogo agora, ele diz.

  27. 1С 8.3 умеет работать с расширениями — отдельными конфигурациями которые накладываются поверх основной. Это позволяет дорабатывать типовую конфигурацию без снятия с поддержки. В 7.7 каждое изменение превращалось в кошмар при обновлении. Используйте механизм расширений чтобы кастомизировать учёт без головной боли. Перейти на сайт Сохранение истории изменения объектов в 1С 8.3 журнал регистрации версий помогает отслеживать кто и когда поменял цену или реквизит. В 7.7 такие данные не хранились. Внедрите аудит изменений чтобы расследовать инциденты и находить виноватых без детективной работы. Это незаменимо для крупных компаний. Перейти в раздел Удобное создание новых справочников и документов в 1С 8.3 через копирование заполнение по шаблону подбор из списка. В 7.7 ввод был линейным. Используйте механизм заполнения на основании — создайте счёт на основе заказа заказ из счёта любые цепочки. Это ускорит документооборот и снизит число ошибок ввода.Перейти на главную

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>