CSS: lebdite. Original lebdeči učinki

Na splošno je bila nova zamisel, da se predstavitev informacij razdeli iz kodeksa njene izdelave in obdelave. To je bila odločna odločitev pravočasno, vendar ta trenutek v celoti ni bil priznan. Ko je programiranje ločen od enem računalniku, vendar ni zmagal v lokalnem omrežju ali eno samo domeno območju, in takoj razširila po vsem mestu, potem pa je postalo jasno, da je zagotavljanje informacij (v smislu oblikovanja) in delo z njim (glede na oznako) - dva strani v isti ravnini.

Trije strani zgradbe

Z uradnega vidika so tri glavne komponente (v različnih sintaktičnih oblikah), ki sestavljajo spletno mesto: PHP kodo, jаvascript kodo in opise stilov CSS. Ni pomembno, kako se uporablja različica in katero različico je uporabljena, katera različica oznake HTML in katera različica brskalnika je vredna. Združljivost zdaj ni spoštovana, ker v vsakem trenutku je dejanski: kaj je kodirano, in kaj od kodiranega je mogoče prikazati in izvršiti.

Če so se ideje že zgodile z jeziki, je danes bolj kot proizvajalci standardov na področju internetnih tehnologij in brskalnikov.

Osebno in javno

Sredstva, s katerimi je dostopen internet, veliko (računalniki, prenosni računalniki, tablični računalniki, pametni telefoni), brskalniki so tudi precej. Ni nobenega zagotovila, da bo posamezna naprava prikazala spletno mesto v obliki, v kateri jo je ustvaril razvijalec. Njena prizadevanja vedno ne dosežejo cilja in zagotavljajo spletno oblikovanje z enim samim večstranskim, to je enotnostjo prikaza podjetja, ne glede na to, kje se odpre obiskovalcu.

Delitev osebnega in javnega, pri uporabi v slednjem pa le, kaj deluje, lahko dosežete opazen uspeh pri oblikovanju. Lepota, umetniški trenutek in spletno oblikovanje so del ustreznih strokovnjakov in talentov. CSS je koda, čeprav je zelo nenavadna. Njegova skrb je opisati sloge (možnosti prikaza informacij). S prihodom mobilnih naprav je bila CSS naložena s pravim kodiranjem v obliki medijskih poizvedb. Torej možnost ponovnega poroka med oblikovanjem in kodo ni tako nerealna, kot bi se lahko zdela le nekaj let nazaj.

Razvijalec, ki se ukvarja z razvojem stilov CSS, se opira na svoje osebne izkušnje in za tiste CSS modele, ki delujejo na večini brskalnikov, zadovoljujejo večino obiskovalcev spletne strani. Potrebno je maksimalno izkoristiti prvo in najmanj drugo, potem je veliko več možnosti, da dobimo rezultat, delamo skoraj vedno in povsod.

Prvo pravilo: na standardu upanja, vendar ni slab

CSS: hover - to je, ko je miška "šla" na element strani. Ko je miška kliknila na element, postane aktivna, ko pa kurzor preide na stran, se lahko znova spremeni in prikaže v aktivnem stanju. »Prikažejo«, »aktivni« in »obiskani« so najbolj priljubljeni psevdo-razredi pri opisovanju slogov.

Zelo priročno je v kodi spletnega mesta, da ne skrbi za take majhne stvari, kot je premik miške nad elementi. V tabeli opisov slogov sta dva opise:

element {

barva: črna;

}

element: hover {

barva: bela;

barva ozadja: zelena;

}

Pridobite, ko miško miške na elementu samodejno spremenite barvo besedila iz črne v belo in spremenite ozadje tega elementa v zeleno. Pseudo-razredi se lahko uporabljajo za vse elemente in dosegajo različne vizualne učinke.

Drugo pravilo: zaupanje v standarde, se osredotočite na kodo

Vse bi bilo v redu, če napredek ostala na računalnikih in prenosnih računalnikov, opremljenih z orožjem, in napredek v mobilnih komunikacij ni privedlo do nastanka pametnih telefonov, tabličnih računalnikih in drugih mobilnih naprav, ki povezujejo taka naprava je zelo problematično.

Po drugi strani pa je opremljen le s posebnim pripomočkom zaslonom na dotik je na voljo neposredno manipulirati prstov na zaslonu na dotik, saj je postalo običajno, da pametne telefone, tablične računalnike in podobne naprave.

Obstaja velika razlika in: hover tukaj sploh ne deluje, kot bi želeli. Tukaj ne morete storiti brez kode in vsa vprašanja ne rešujejo uporabe medijskih poizvedb.

Združljivost - predrago v današnjem svetu informacij, zato, da se zagotovi pravilno delovanje spletne strani, v določenih zahtev za spletno oblikovanje in izvajanje funkcionalna, najbolje voden z minimalnimi potrebnimi primerov uporabe: lebdenja CSS, CSS hover focus, lebdenja CSS aktivna (obiskal) . Več kode (tako v brskalniku kot na strežniku) nadzira spletno oblikovanje, tem bolje. Program je nadzor, bolje je, če se ta kontrola ne preda delovnim standardom, iz katerih pogosto ne veste, kaj pričakovati.

Gumbi in drugi elementi strani

Button hover CSS je čudovita rešitev, vendar je vsak element elementa na strani "gumb". Spletna stran mora biti predvsem živ in če je koda ni zgrajena, če je naloga je ustvariti spletno stran, ki razvija ustrezen obseg in aktov, ki temeljijo na vedenje obiskovalcev, pa vsaj s pomočjo CSS stilov lahko ponudi elemente strani živahnosti.

Uporabite lebdeče učinke prikladno. Z njihovo pomočjo lahko enostavno naredite strani bolj živahne, vendar koda ne ve, kaj miši počne na zaslonu, če nima možnosti slediti njegovemu gibanju. S tega vidika, to pomeni, ko koda nadzira premikanje miške (= premikanje prsta na pametni telefon), lahko neodvisno osvetli element ali ga pretvori. To nima nič opraviti s psevdo-razredi, ampak daje popoln nadzor nad kodo zunanjega videza strani, omogoča ustrezno prikazovanje na različnih napravah v različnih brskalnikih.

Pasti v slogovih

Če rečemo, da je standard na področju slogov CSS ne vedo, kaj počnejo, da je nemogoče, ampak pravijo, da v celoti sodeluje z drugimi standardi na področju interneta programiranja je tudi nemogoče.

Slogi in psevdo-razredi se lahko opiše v fazi stran kodiranja, ko strežnik generira stran in dinamike je že znotraj brskalnika, lahko preprosto ustvarite nov slog in spremeniti obstoječo.

Uporaba AJAX, ko ni potrebe, da ponovno ustvarjanje stran, da se prikaže odgovor na vloženo tožbo obiskovalca, in to je dovolj, da se spremeni predmeta ali več predmetov dodaja malo "poper". Kode »Prijateljstvo« - tiste, ki so že v brskalniku (jаvascript), in dejstvo, da je strežnik (PHP) - usoda avtorja (programatorja).

Od tega, kako se bo izvedel algoritem te interakcije, ne bo samo prikaz njegovih elementov na strani v bistvu odvisna, temveč tudi njihova nadaljnja zaznava s kodo. Preprosto povedano, pseudo-razredi (zlasti) so zelo dobri za statiko, podobno kot pri jadrnici v čistem morju z lahkim vetrom - vse je očitno, dostopno in obvladljivo. Če se vreme spremeni ali ko se veter poveča, ali obiskovalec povzroči nepredvidene razmere, lahko hitro vstopite v greben in izgubite obiskovalca.

Standard in njegova emulacija

Slog CSS hover lahko emulira prek jаvascripta, in sicer z uporabo onmouseover in onmouseout dogodkov. Pogosto se to konča. Z vidika razumnega razumevanja, ko gre za ustvarjanje resničnega delovnega mesta, je bolje držati nadzor v rokah, kot da bi ga oddaljili mitičnim standardom, ki se spreminjajo zunaj volje in želje razvijalca.

Včasih lahko preberete nekaj, kot je »ta funkcija je na voljo tudi v IE«, vendar pogosteje lahko preberete, kaj opisuje slog tega ali tega brskalnika. Zelo manj je verjetnosti, da se seznanijo, kako se v nekaterih brskalnikih razlikuje jаvascript.

Vrednotenje izkušnje, občudovali funkcije "Chrome" in "Opera", kritizira počasnost in vztrajnost brskalnika od proizvajalca (za nepozabno, dragi v srce vsakega programer iz IE, "Microsoft": "Dober stari Internet Explorer ni pokopal le len. Ali pa nekdo, ki v računalniku lahko igra samo v "mario" ", - navedba neznanega internetnega avtorja), se morate držati zlate besede: uporabite nekaj, kar deluje povsod in vedno.

Ljudje potrebujejo denar za delo, ko potrebujejo vznemirjenje, ki ga običajno obiščejo v matični pisarni ali gledališču, ne pa tudi na internetu.

Emulacija in nadzor

Prej, ko je programiranje postalo na noge, je bilo običajno poslušati starejše in pravilno zapisati. Zdaj je preveč staršev, vse se prehitro spreminja in če poslušate vsakogar, ne bo dovolj časa za zelo preprosto delo na minimalni funkcionalni spletni strani.

Programiranje - je predvsem nadzor, in v primerih, ko standardne pristranski določa pravila, ali lahko pričakujemo oster spremembo pravil, njegovo likvidacijo in nastanek novega, je najboljša rešitev je bila vedno, da ne bo nobenih odločitev, in izvajati zahtevano funkcionalnost mestu najmanjša možna, ampak res delajo kodo .