Dinaminiai vaizdo pakeitimo praktiniai metodai ir įrankiai

Kalbant apie interneto dizainą, dizaino kūrybiškumas neturėtų būti sulaikytas dėl ribotų palaikomų interneto šriftų pasirinkimo saugūs šriftai. Dizaineriai turėtų turėti laisvę naudoti bet kokius šriftus, kuriuos jie pageidauja antraštėms ir turiniui.

2005 m. Dinamiškas vaizdo keitimas buvo populiarus naudojant vadinamą techniką Scalable Inman Flash pakeitimas (sIFR). Sukurta Shaun Inman, SIFR pasinaudoja „Javascript“ ir „Adobe Flash“, kad interneto dizaineriai galėtų naudoti bet kokius tinkamus šriftus, kuriuos jie mėgsta svetainėje, ir vis dar išlaikyti matomumą tiems, kurie neturi šio šrifto. Kadangi internetas toliau vystosi, šiandien turime daugiau alternatyvių sprendimų, naudojant įvairias technologijas, tik tuo atveju, jei nesate visiškai „Flash“ gerbėjas.

Be tolesnių veiksmų, pažvelkime kai kuriuos Dinaminių vaizdo pakeitimų pasiekimo būdai.

Dažniausiai naudojami metodai

Štai keletas dažniausiai naudojamų dinaminių vaizdo pakeitimų metodų.

Scalable Inman Flash pakeitimas (sIFR)

sIFR yra vienas iš populiariausių būdų įdėti pasirinktinius šriftus svetainėse. Jis naudoja „Javascript“ ir „Flash“, kad sukurtų pasirinktinį šriftą jūsų svetainei ir leidžia konvertuotą šriftą pasirinkti. Be to, konvertuotas šriftas išlieka teksto šaltiniu, todėl paieškos variklis vis tiek gali juos nuskaityti.

sIFR 2 (rekomenduojama) yra dabartinis stabilus išleidimas, tačiau, jei ieškote įgyvendinti SIFR, taip pat turėtumėte tai žinoti siFR 3 beta versija taip pat galima atsisiųsti. Tai gali būti šiek tiek klaidinga, bet bent jau išsprendžiama šrifto plėtimo problema sIFR 2.

SIFR įrankiai, kurie gali būti naudingi:

• sIFRvaultsIFRvault yra sIFR šriftų, kuriuos galite atsisiųsti, saugykla.
• sIFR generatoriusInternetinis įrankis, leidžiantis sukurti kelis paspaudimus iš pelės spustelėjus sIFR .swf failus. Tiesiog įkelkite šrifto, kurį norite konvertuoti, peržiūrėti ir atsisiųsti, TTF šriftą.
• Konvertuoti šriftus į sIFRĮkelkite .TTF šriftą ir ši svetainė bus konvertuojama į sIFR „Flash“ failą.

sIFR Lite

Originalus sIFR yra 22 k Dave nusprendė jį pertvarkyti naudojant labiau į objektą orientuotą požiūrį ir rezultatą? 3x mažesnis, esant 3.7k.

PHP + CSS dinaminio teksto pakeitimas (P + C DTR)

Kaip rodo pavadinimas, tai yra teksto pakeitimo metodas, kuris naudoja PHP ir CSS, kurios naudoja pradinį metodą, aprašytą Steward Rosenberger. Tai taip pat yra ankstesnės versijos patobulinimas R. Marie Cox kuri nepalaiko teksto įvyniojimo ir vidinių žymių. Kitas geras dalykas apie „P + C DTR“ yra tai, kad vaizdo tekstas gali būti pritaikomas naudojant CSS žymes.

typeface.js

Kas daro typeface.js ypatingas yra tai, kad jie naudoja tik „Javascript“, kad įdėtų pasirinktinius šriftus, o stilius gali būti papildomai pritaikytas naudojant HTML ir CSS, nereikalaujama „Flash“. Jis yra atviro kodo ir palaiko daugumą naršyklių, kurias naudojame šiomis dienomis, nesvarbu, ar tai yra „Safari“, „Firefox“, IE (6 ir naujesnės versijos).

Asmeniškai po kai kurių eksperimentų su typeface.js manome, kad gali būti tam tikrų galimybių patobulinti. Pirma, šriftai dažniausiai skiriasi skirtingose ​​naršyklėse. Jei naudojate typeface.js, rekomenduojame atlikti kryžminį naršyklės patikrinimą prieš prisiimdami, ką matote „Firefox“ bus tai, ką matysite „Safari“. Tekstas taip pat nėra pasirenkamas su typeface.js.

Pasirinktiniai šriftai typeface.js nėra sukompiliuoti; reiškia, kad vartotojai gali atsisiųsti šriftus. Tai gali sukelti autorių teisių problemą. Patartina kruopščiai patikrinti, ar naudojami šriftai yra tinkami perskirstymui.

Cufon

Nereikia Flash, Cufon yra puiki alternatyva sIFR ir yra gana paprasta įgyvendinti. Visų pirma, naudodami „Cufon“ generatorių, norėdami sukurti ir tinkinti šriftą, įdėkite „Cufon Javascript“ į savo pradinį kodą ir pasakykite scenarijui, kuriuos pasirinktuvus norite, kad šriftai būtų pritaikyti.

Didžiausia problema su „Cufon“ būtų teisinis šių pritaikytų šriftų naudojimas internete. Kadangi jis yra įterptas į „Javascript“, jį gali lengvai užgrobti visi, kurie žiūri į pradinį kodą. „Cufon“ pasirinktiniai šriftai nėra pasirenkami, tai yra kitas išjungimas.

„Facelift“

Taip pat žinomas kaip „Facelift“ vaizdo pakeitimas (FLIR), tai dar vienas puikus metodas sIFR, kad nereikalauja Flash. Atrodo, kad kita alternatyva yra sIFR „Flash“ problemoje.

„Facelift“ naudoja PHP ir PHP GD biblioteką. Jie paveldi paveldėtą pasirinktinių šrifto pakeitimų problemą - negali pasirinkti teksto. Be to, mes manome, kad tai puiku.

Daugiau metodų

Pirmiau minėti metodai gali būti plačiau naudojami, tačiau pastebėjome ir kitus būdus, kaip paversti tekstą į gražius pasirinktinius šriftus.

Tipas Pasirinkite

„TypeSelect“ pasižymi „typeface.js“, „jQuery“, drobės, „DDDDURL“, „CSS“ fono savybėmis ir tikru perdengtu tekstu, kad jūsų tinklapyje būtų sukurtas pasirinktinis šriftas. Teksto pasirinkimas veikia „Firefox“, „Safari“ ir net „Chrome“, bet ne „IE“.

Swf vaizdo pakeitimas (swfIR)

swfIR suteikia galimybę pritaikyti vizualinių efektų asortimentą bet kuriam ar visiems jūsų svetainės vaizdams. Pvz., Galite įtraukti bet kokius vaizdus į savo svetainę, o swfIR pridės apvalesnę sieną, pasuks poziciją arba net prideda šešėlių.

Devyni CSS vaizdo pakeitimo būdai

Tai nėra dinaminiai teksto pakeitimai, bet Chris Coyier demonstruoja net devynis skirtingus CSS metodus tekstui pakeisti vaizdais; kiekvienas turi ataskaitos kortelę, kurioje nurodoma, kokia būklė - kas, jei vaizdai yra įjungti / išjungti, CSS yra įjungta / išjungta.

Šrifto degiklis

Šrifto degiklis „Scalable Inman Flash Replacement“ (sIFR), kad pakeistumėte savo pavadinimus į pasirinktinį šriftą. Viskas, ką jums reikia padaryti, yra rasti šriftą, jį pasirinkti ir įterpti kodą į galvą ir jūsų pavadinimas nebus keičiamas.

„WordPress“ + dinaminis vaizdo pakeitimas

Jei esate „WordPress“ vartotojas, ieškantis dinamiško vaizdo pakeitimo sprendimo dėl savo dienoraščio pavadinimo ar net turinio, yra tikimybė, kad yra jų papildinys. Štai keletas teksto pakeitimo įskiepių, apie kuriuos mes žinome.

sIFR WordPress įskiepis - WP sIFRWP sIFR buvo sukurta siekiant pašalinti komplikacijas, gaunamas pritaikius šriftus „WordPress“ svetainėje. Naudodami WP sIFR, turite įkelti tik SWF šrifto failą į „plugin“ katalogą ir tada prisijungti, suaktyvinti ir konfigūruoti visus stiliaus nustatymus skydelyje „Nustatymai“.

„Cufon WordPress Plugin“ - „WP-Cufon“Vienintelis dalykas, kurį turite padaryti, yra konvertuoti savo fontfiles ir įkelti juos į „plugins“ katalogą. „WordPress“ administratoriaus meniu galite įjungti norimus pakeisti objektus.

„Facelift“ vaizdo pakeitimas (FLIR) „Wordpress Plugin“FLIR „WordPress“ yra „SEO“ draugiškas ir tik atveria vaizdą naršyklėje, jei „JavaScript“ yra įjungtas. Jūs HTML / XHTML kodas lieka nepakitęs, o paieškos varikliai gali nuskaityti jūsų galvos žymes ir puslapį, kurį gali skaityti tie, kurie neturi „JavaScript“.

Šrifto degiklio valdymo skydasThe Šrifto degiklis Valdymo skydo įskiepiai leidžia lengvai įterpti bet kurį iš 1000 + nemokamų šriftų, esančių „Font Burner“ svetainėje, į „WordPress“ temą.