Praktične tehnike in orodja za zamenjavo dinamične slike

Ko gre za spletno oblikovanje, se kreativnost oblikovanja ne sme zadrževati zaradi omejenih izbir podprtih spletnih pisav, ki jih imenujemo spletne varne pisave. Oblikovalci bi morali imeti svobodo pri uporabi pisav, ki jih imajo na naslovih in vsebinah.

Leta 2005 je bila dinamična zamenjava slike narejena s popularno tehniko Nadomestna zamenjava Flash datotek (sIFR). Razvil Shaun Inman, sIFR izkoristijo prednosti Javascripta in Adobe Flash, da lahko spletni oblikovalci uporabljajo spletna pisava po meri in še vedno ohranjajo vidnost tistim, ki nimajo te pisave. Ker se splet nadaljuje, se danes z različnimi tehnologijami ukvarjamo z več alternativnimi rešitvami..

Brez nadaljnjega odlašanja si poglejmo nekaj tehnike za doseganje dinamičnih zamenjav slike.

Običajno uporabljene tehnike

Tukaj je nekaj najpogosteje uporabljenih tehnik za zamenjavo dinamične slike.

Nadomestna zamenjava Flash datotek (sIFR)

sIFR je ena najbolj priljubljenih načinov za vdelavo pisav po meri na spletne strani. Uporablja Javascript in Flash za ustvarjanje osebne tipografije za vašo spletno stran in omogoča, da se spremenjena tipografija lahko izbere. Poleg tega pretvorjena pisava ostane kot besedilo v izvornih kodah, zato jih iskalnik še vedno lahko išče.

sIFR 2 (priporočeno) je trenutna stabilna izdaja, vendar če iščete uvajanje sistema sIFR, morate to tudi vedeti siFR 3 beta je na voljo tudi za prenos. Morda je malo napako, vendar vsaj rešuje problem širjenja pisave sIFR 2.

Orodja za sIFR, ki bi lahko koristila:

sIFRvaultsIFRvault je skladišče sIFR pisav, ki jih lahko prenesete.
Generator sIFRSpletno orodje, ki omogoča ustvarjanje datotek sIFR .swf z nekaj kliki miške. Preprosto naložite pisavo TTF pisave, ki jo želite pretvoriti, predogled in prenos.
Pretvarjanje pisav v sIFRNaložite .TTF pisave in ta spletna stran jih bo pretvorila v datoteko sIFR Flash.

sIFR Lite

Prvotni sIFR je 22k, torej Dave se odločili, da jo preoblikujejo z bolj objektno usmerjenim pristopom in rezultatom? 3x manjši pri 3.7k.

Dinamično zamenjavo besedila PHP + CSS (P + C DTR)

Kot že ime pove, gre za metodo zamenjave besedila, ki uporablja PHP in CSS, ki uporabljata izvirno metodo, ki jo opisuje Steward Rosenberger. To je tudi izboljšava iz prejšnje različice, ki jo je razvil R. Marie Cox ki ne podpira prelivanja besedila in notranjih oznak. Še ena kul stvar pri P + C DTR je, da je slikovno besedilo mogoče prilagoditi z oznakami CSS.

typeface.js

Kar naredi typeface.js posebno je, da uporabljajo samo Javascript za vdelavo pisav po meri in slog lahko dodatno prilagodite s HTML in CSS, ne potrebujete Flash-a. Je odprtokodna in podpira večino brskalnikov, ki jih uporabljamo danes, pa naj bo to Safari, Firefox, IE (6 in novejši).

Osebno po nekaterih poskusih z typeface.js menimo, da lahko obstaja nekaj možnosti za izboljšave. Prvič, pisave se rahlo razlikujejo med različnimi brskalniki. Če uporabljate typeface.js, vam predlagamo, da naredite preverjanje navzkrižnih brskalnikov, preden domnevate, kaj boste videli v Firefoxu, kar boste videli v Safariju. Besedila tudi s typeface.js ni mogoče izbrati.

Pisave po meri v typeface.js niso prevedene; kar pomeni, da lahko uporabniki prenesejo pisave. To bi lahko povzročilo problem z avtorskimi pravicami. Svetujemo vam, da temeljito preverite, ali so pisave, ki jih uporabljate, v redu za prerazporeditev.

Cufon

Flash ni potreben, Cufon je odlična alternativa sIFR in je zelo preprosta za izvajanje. Najprej uporabite generator Cufon za ustvarjanje in prilagajanje želene pisave, nato pa v izvorno kodo vnesete Javascript Cufon in določite, kateri selektorji želite prilagoditi pisave..

Največja težava pri Cufonu bi bila pravno vprašanje uporabe teh pisav po meri na spletu. Ker je vdelana v Javascript, jo lahko zlahka kopira vsak, ki si ogleda izvorno kodo. Pisave po meri Cufon niso izbrane, druga pa je izklopljena.

Facelift

Poznan tudi kot Zamenjava podobe facelift (FLIR), to je še ena odlična metoda za sIFR, ki ne potrebuje Flash-a. Zdi se, da je zelo drugačna alternativa v izdaji Flash sIFR.

Facelift uporablja PHP in PHP knjižnico GD. Podedujejo podedovane težave z zamenjavo pisave po meri - ne morejo izbrati besedila. Poleg tega menimo, da je tudi to super.

Več metod

Zgoraj opisane tehnike bi lahko bile bolj razširjene, vendar smo opazili tudi druge načine, kako pretvoriti besedilo v čudovite pisave po meri.

Vnesite Select

TypeSelect izkorišča na typeface.js, jQuery, platno, toDataURL, lastnosti za ozadje CSS in resnično prekrito besedilo, da na vaši spletni strani poda pisave po meri. Izbira besedila deluje v brskalnikih Firefox, Safari in celo v Chromu, ne pa v IE.

Zamenjava swf slike (swfIR)

swfIR vam omogoča, da uporabite izbor vizualnih učinkov za katero koli ali vse slike na vašem spletnem mestu. Na primer, na svoje spletno mesto lahko dodate slike, swfIR pa doda okroglo obrobo, zavrti položaj ali ji celo doda sence.

Devet tehnik za zamenjavo slike CSS

To niso zamenjave dinamičnega besedila, ampak Chris Coyier prikaže kar devet različnih tehnik CSS za zamenjavo besedila s slikami; vsak s prijavno kartico s seznamom pogojev - kaj če so slike vklopljene / izklopljene, CSS je vklopljen / izklopljen.

Zapisovalnik pisav

Zapisovalnik pisav vzvod na Scalable Inman Flash Replacement (sIFR), da spremenite svoje naslove v pisave po meri. Vse kar morate storiti je, da poiščete pisavo, jo izberete in vstavite kodo v glavo, vaš naslov pa bo kmalu spremenjen.

WordPress + Dinamična zamenjava slike

Če ste uporabnik WordPress, ki išče dinamično rešitev za zamenjavo slike za naslov ali celo vsebino vašega spletnega dnevnika, obstaja velika verjetnost, da za njih obstaja vtičnik. Tukaj je nekaj vtičnikov za nadomestitev besedila, o katerih vemo.

sIFR plugin za WordPress - WP sIFRWP sIFR je bil ustvarjen za odstranitev zapletov pri pridobivanju pisav po meri na spletnem mestu WordPress. S programom WP sIFR morate prenesti datoteko pisav SWF v imenik vtičnikov, nato se prijaviti, aktivirati in konfigurirati vse sloge v plošči »Nastavitve«..

Cufon plugin za WordPress - WP-CufonEdina stvar, ki jo morate storiti, je pretvorba vaših pisav pisav in njihovo nalaganje v imenik vtičnikov. Predmete, ki jih želite zamenjati, lahko omogočite v meniju Admin WordPress.

Facelift Image Replacment (FLIR) vtičnik za WordpressFLIR za WordPress je SEO prijazen in samo prikaže sliko v brskalniku, če je omogočen JavaScript. Koda HTML / XHTML ostaja nespremenjena, pri čemer so vaše glave označene z berljivimi iskalniki, strani pa lahko berejo tisti brez JavaScripta.

Nadzorna plošča za zapisovanje pisavThe Zapisovalnik pisav Vtičnik nadzorne plošče omogoča preprosto dodajanje katere koli od 1000 brezplačnih pisav, ki so na voljo na spletnem mestu Font Burner v WordPress temi.