Kehittäjä Todd Motto ja luova johtaja Mark Goodyear ovat julkaisseet Conditionizrin, ehdollisen perinnön, verkkokalvon, käsikirjoituksen ja tyylin lataajan. Conditionizr-verkkosivuston mukaan älykäs jQuery-laajennus havaitsee loppukäyttäjän selaimen ja pikselisuhteen, jolloin voit palvella tiettyjä heidän tarvitsemiaan ehdollisia JavaScript- ja CSS-tiedostoja. Puhuimme Mottolle siitä, miksi laajennus luotiin ja miten siitä voi olla hyötyä suunnittelijoille ja kehittäjille.
.net: Miksi loit Conditionizrin?
Motto: Jokaisessa verkkokehittäjän työkalupakissa on aukko Internet Explorerin ja vanhan sisällön tarjoamisen asianmukaisessa käsittelyssä. Luotamme ehdollisiin lausuntoihin, jotka sekoittavat verkkosivustomme. Se on ikivanha tekniikka, joka HTML5: n joukossa tuntuu väärältä.
Conditionizr syntyi "ehdollinen vapaa" -tavoite mielessä ja rakennettu puhtaampaa merkintätulevaisuutta varten älykästä JavaScriptiä käyttäen. Valitsimme Modernizr-tyylisen lähestymistavan - jos voimme luottaa ominaisuuksien havaitsemiseen JavaScriptillä, voimme tietysti käyttää sitä IE: n torjumiseen vapauttamalla kehittäjiä ehdollisten kommenttien käytöstä.
.net: Mihin käyttötapauksiin se sopii?
Motto: Se sopii kaikkiin tapauksiin, Conditionizr luotiin integroitavaksi mihin tahansa verkkosivustoprojektiin. Asiakastyöhön ja kaupallisiin verkkosivustoihin se on täydellinen ratkaisu, joka päivittää jopa IE6-tuen.
Lähdekoodin eheyden ylläpitäminen on valtava huolenaihe web-kehittäjille, joten varmistimme, että Conditionizr olisi älykäs ja näkymätön. Se tarjoaa tarvittavaa sisältöä vain tarvittaessa, mikä parantaa suorituskykyä kaikissa selaimissa, ei vain moderneissa.
.net: Kuinka se toimii?
Motto: Otetaan esimerkkinä IE7: selain saa globaalin eli luokka HTML-tagissa sekä eli 7 luokka, sen jälkeen verkkokalvon ja käyttöjärjestelmän tarkistus ja sitten liitetyt luokat. Tämä antaa sinulle täyden valikoiman luokkia tarkkaan kohdistamiseen.
Conditionizr sisältää myös mukautetun komentosarjan kyvyn, jonka avulla voit täyttää vanhat selaimet helposti ja ilman merkintöjä! Voit sisällyttää asioita, kuten HTML5 Shim, CSS3 mediaqueries.js ja paljon muuta. Lisäksi Conditionizr ei ole resursseja raskas ja pienennetty lähde on vain 3 kt. Vaikka lataat vain yhtä selainta, sillä ei ole mitään merkittävää eroa.
.net: Mitä verkkokalvopuolella on, mitä etuja Conditionizr tuo olemassa oleviin menetelmiin?
Motto: Olemassa olevat menetelmät sisältävät mediakyselyjä kuvien tarjoamiseksi Retina-laitteille kohdistamalla niiden DPI. Conditionizr: llä on sisäänrakennettu älykäs työkalu, joka lisää a verkkokalvo luokan HTML-tagiin ja a ei verkkokalvoa merkitse, jos se ei ole Retina-laite - joka mahdollistaa progressiiviset parannustekniikat Modernizr-mallin mukaisesti.
Sen avulla on myös helppo optimoida grafiikkaa, joka ei ole riippuvainen mediakyselyistä. Käyttämällä .retina ja .no-verkkokalvo on paljon yksinkertaisempi ja kevyempi CSS: ssä. Verkkokalvon tunnistustyökalu sisältää myös tyylin, komentosarjan ja kyvyn mukautetun komentosarjan lataamiseen. Tämä tekee integroinnista olemassa olevien Retina-laajennusten kanssa saumattomaksi.