Dinamiskās attēlu nomaiņas praktiskās metodes un rīki

Kad runa ir par web dizainu, dizaina radošumam nevajadzētu aizturēt ierobežoto atbalstīto tīmekļa fontu izvēle tīmekļa drošos fontus. Dizaineriem vajadzētu būt brīvam izmantot jebkurus fontus, kurus viņi dod priekšroku nosaukumiem un saturam.

2005. gadā dinamiska attēla nomaiņa tika popularizēta ar izsaukto tehniku Mērogojama Inman Flash nomaiņa (sIFR). Izstrādāja Shaun Inman, sIFR izmanto JavaScript un Adobe Flash priekšrocības, lai ļautu web dizaineriem izmantot jebkurus pielāgotus fontus, kas viņiem patīk tīmekļa vietnē, un joprojām saglabā redzamību tiem, kam nav šāda fonta. Tā kā internets turpina attīstīties, šodien mums ir vairāk alternatīvu risinājumu, izmantojot dažādas tehnoloģijas, tikai gadījumā, ja neesat gluži Flash lietotājs.

Bez papildu domām, apskatīsim dažas no metodes, lai panāktu dinamisku attēlu nomaiņu.

Bieži lietotās metodes

Šeit ir daži no visbiežāk izmantotajiem paņēmieniem dinamiskai attēlu nomaiņai.

Mērogojama Inman Flash nomaiņa (sIFR)

sIFR ir viena no populārākajām metodēm, kā ievietot pielāgotus fontus tīmekļa vietnēs. Tā izmanto Javascript un Flash, lai izveidotu pielāgotus fontus jūsu vietnei, un ļauj pārveidot veidlapu izvēlēties. Neatkarīgi no tā, konvertētais šrifts paliek kā teksts avota kodos, lai meklētājprogramma tos varētu pārmeklēt.

sIFR 2 (ieteicams) ir pašreizējais stabils atbrīvojums, tomēr, ja jūs meklējat SIFR ieviešanu, jums tas arī jāzina siFR 3 beta ir pieejams arī lejupielādei. Tas varētu būt nedaudz buggy, bet vismaz tas atrisina fontu paplašināšanas problēmu sIFR 2.

SIFR rīki, kas var būt noderīgi:

• sIFRvaultsIFRvault ir sIFR fontu krātuve, kuru varat lejupielādēt.
• sIFR ģeneratorsTiešsaistes rīks, kas ļauj jums izveidot sIFR .swf failus ar dažiem peles klikšķiem. Vienkārši augšupielādējiet fonta fontu, kuru vēlaties konvertēt, priekšskatīt un lejupielādēt.
• Konvertējiet fontus sIFRAugšupielādējiet .TTF fontu un šī vietne tos pārvērš par sIFR Flash failu.

sIFR Lite

Sākotnējais sIFR ir 22 k, tāpēc Dave nolēma to pārstrādāt, izmantojot vairāk objektu orientētu pieeju, un rezultātu? 3x mazāks pie 3.7k.

PHP + CSS dinamiskās teksta nomaiņa (P + C DTR)

Kā norāda nosaukums, šī ir teksta aizvietošanas metode, kas izmanto PHP un CSS, kas izmanto sākotnēji aprakstīto metodi Steward Rosenberger. Tas ir arī uzlabojums no iepriekšējās versijas, ko izstrādājusi R. Marie Cox kas neatbalsta teksta iesaiņošanu un iekšējās atzīmes. Vēl viens atdzist lieta par P + C DTR ir, attēla tekstu var pielāgot ar CSS tagiem.

typeface.js

Kas padara typeface.js īpašs ir tas, ka viņi izmanto tikai Javascript, lai iegultu pielāgotus fontus, un stilu var vēl pielāgot ar HTML un CSS, nav nepieciešama Flash. Tas ir atvērtā koda un atbalsta lielāko daļu pārlūkprogrammu, ko mēs izmantojam šajās dienās, neatkarīgi no tā, vai tas ir Safari, Firefox, IE (6 un vairāk).

Personīgi pēc dažiem eksperimentiem ar typeface.js mēs domājam, ka varētu būt dažas iespējas uzlabojumiem. Pirmkārt, fonti parasti nedaudz atšķiras dažādās pārlūkprogrammās. Ja izmantojat typeface.js, iesakām veikt pārrobežu pārlūkprogrammas pārbaudi, pirms pieņemat, ka tas, ko jūs redzat Firefox, būs tas, ko jūs redzēsiet Safari. Teksts arī nav atlasāms ar typeface.js.

Pielāgoti fonti tipeface.js netiek apkopoti; nozīmē, ka lietotāji var lejupielādēt fontus. Tas var izraisīt autortiesību problēmu. Ir ieteicams rūpīgi pārbaudīt, lai pārliecinātos, ka izmantotie fonti ir kārtīgi, lai tos pārdotu.

Cufon

Nav nepieciešama zibspuldze, Cufon ir lieliska alternatīva sIFR, un tas ir diezgan vienkārši īstenot. Pirmkārt, jūs izmantojat Cufon ģeneratoru, lai ģenerētu un pielāgotu vajadzīgo fontu, pēc tam ievietojiet Cufon Javascript savā pirmkodā, un jūs pastāstāt skriptam, kurus atlasītājus vēlaties pielāgot fontiem.

Lielākā problēma ar Cufon būtu juridiskais jautājums par šo pielāgoto fontu izmantošanu tiešsaistē. Tā kā tas ir iebūvēts Javascript, to var viegli izvilkt ikviens, kas skatās pirmkodu. Cufon pielāgotie fonti nav atlasāmi, tas ir otrs izslēgts.

Facelift

Zināms arī kā Facelift attēla nomaiņa (FLIR), tā ir vēl viena lieliska metode sIFR, kas neprasa Flash. Izskatās, ka cita alternatīva ir sifr Flash jautājumā.

Facelift izmanto PHP un PHP GD bibliotēku. Viņi mantos mantojuma problēmu, kas saistīta ar pielāgotu fontu nomaiņu - nevar izvēlēties tekstu. Bez tam mēs domājam, ka tas ir lieliski.

Vairāk metožu

Iepriekš aprakstītās metodes var tikt izmantotas plašāk, bet mēs esam ievērojuši arī citus veidus, kā pārvērst tekstu par skaistām pielāgotās šriftiem.

Tips Izvēlieties

TypeSelect sviras uz typeface.js, jQuery, audekla, toDataURL, CSS fona īpašībām un reālu pārklātu tekstu, lai jūsu mājas lapā piešķirtu pielāgotu burtu. Teksta izvēle darbojas Firefox, Safari un pat Chrome, bet ne IE.

Swf attēla nomaiņa (swfIR)

swfIR dod jums iespēju piemērot vizuālo efektu sortimentu jebkuram vai visiem jūsu vietnes attēliem. Piemēram, savā tīmekļa vietnē varat pievienot visus attēlus un swfIR pievienos rounder robežu, pagriezīs pozicionēšanu vai pat pievienos tam ēnas.

Deviņas metodes CSS attēlu nomaiņai

Tie nav dinamiski teksta aizvietotāji, bet Chris Coyier demonstrē deviņas dažādas CSS metodes, lai aizstātu tekstu ar attēliem; katram ar atskaites karti, kurā norādīts stāvoklis - kas, ja attēli ir ieslēgti / izslēgti, CSS ir ieslēgts / izslēgts.

Fonta rakstītājs

Fonta rakstītājs izmantojiet Scalable Inman Flash nomaiņu (sIFR), lai mainītu nosaukumus pielāgotā fontā. Viss, kas jums jādara, ir atrast fontu, atlasīt to un ievietot kodu galvu, un jūsu nosaukums netiks mainīts.

WordPress + dinamiskā attēla nomaiņa

Ja esat WordPress lietotājs, kas meklē dinamisku attēla nomaiņas risinājumu jūsu emuāra nosaukumam vai pat saturam, ir iespēja, ka tiem ir spraudnis. Šeit ir daži teksta aizvietošanas spraudņi, par kuriem mēs uzzinām.

sIFR WordPress spraudnis - WP sIFRWP sIFR tika izveidots, lai noņemtu komplikācijas, kas saistītas ar pielāgotu fontu iegūšanu WordPress vietnē. Izmantojot WP sIFR, jums tikai augšupielādējiet SWF fontu failu spraudņa direktorijā un pēc tam piesakieties, aktivizējiet to un konfigurējiet tās stilus panelī Iestatījumi.

Cufon WordPress spraudnis - WP-CufonVienīgais, kas jums jādara, ir pārveidot fontfiles un augšupielādēt tos spraudņu direktorijā. Jūs varat iespējot objektus, kurus vēlaties saņemt, WordPress administratora izvēlnē.

Facelift attēla nomaiņa (FLIR) WordPress spraudnisFLIR WordPress ir SEO draudzīgs un tikai padara attēlu pārlūkprogrammā, ja JavaScript ir iespējots. Jūs HTML / XHTML kods paliek nemainīgs, meklētājprogrammās nolasot galvas tagus un lapu, kuru var lasīt tie, kam nav JavaScript.

Fontu degļa vadības panelisThe Fonta rakstītājs Kontroles paneļa spraudnis ļauj jums viegli pievienot jebkuru no 1000 + bezmaksas fontiem, kas pieejami fontu rakstītāja tīmekļa vietnē jūsu WordPress tēmai.