CSS: ŝvebado. Originala Hover efektoj

Radikale novaj estis la ideo dividi la prezento de informoj de la kodo ĝi kreis kaj pretigita. Ĝi estis forta decido gxustatempe, sed ĉi-foje ne estis rekonita tiam plene. Kiam programado estas disigita de ununura komputilo, sed ne venkis en la loka reto aŭ ununura havaĵo zono, kaj tuj disvastiĝis ĉie en la loko, sed poste ĝi iĝis klare ke la provizo de informo (en terminoj de dezajno) kaj labori kun ĝi (laŭ kodo) - du flanko en la sama aviadilo.

Tri facetoj de ejo konstruaĵo

De formala vidpunkto, estas tri ĉefaj komponantoj (en diversaj guises sintakso) kiuj konsistigas la retejo: PHP-kodo, JavaScript-kodo kaj priskribo de CSS stiloj. Negrave kiom ĝi estas uzata kaj kio versio de aparta komponanto, kion versio de HTML estas uzata kaj kio versio de la retumilo valoras ĝin. Kongrua hodiaŭ ne estas tenita en alta estimo, ĉar en momento donita estas posttempa: tio estas kodita kaj tio de kio estas kodita, povas esti montrata kaj ekzekutita.

Se antaŭe batalis por la ideo de lingvo, nun batali vane preferas fabrikantoj normojn en la kampo de interreto teknologioj kaj retumiloj.

Privataj kaj publikaj

La rimedo de kiu aliras al la interreto, multaj (komputiloj, tekkomputiloj, tabeloj, inteligentaj telefonoj), retumiloj ankaŭ abundas. Ne estas garantio, ke la individua aparato vidigas la retejo en la formo en kiu ĝi estis kreita de desarrollador. Ne ĉiam atingas la celon lasta penado, kaj provizas unuecan dezajno retejo havas multajn vizaĝojn, tiu estas la esenco de unueco display, kie ajn ĝi povas esti malfermita al la vizitanto.

Dividante la privata kaj la publika, uzante lasta nur kio funkcias, vi povas atingi signifa progreso en la dezajno. Beleco, arta momento kaj ttt dezajno - la heredaĵo de la gravaj spertuloj kaj talentoj. CSS - kodon, kvankam tre propra. Lia maltrankvilo por priskribi la stilojn (ekrano ebloj). Kun la alveno de porteblaj aparatoj CSS ŝargi la efektiva kodigon de amaskomunikiloj demandoj. Tiel ke la elekto de re-geedzeco inter dezajno kaj kodo - ĝi ne estas tiel nerealisma kiel ĝi povus ŝajni nur kelkaj jaroj.

La ellaboranto engaĝitaj en la evoluo CSS-stiloj bazitaj sur via persona sperto kaj elprovita tiuj CSS dezajnoj kiuj laboras sur plej retumiloj kontentigi plej vizitantoj. la unua kaj dua minimuma estu uzata tiom kiom eblas, tiam multe pli probable akiri rezulton kiu funkcias preskaŭ ie ajn, iam ajn.

La unua regulo: Norma espero, sed ankaŭ tiujn, kiuj helpas sin

CSS: ŝvebi - kiam la muso estas "iritaj" pri la temo paĝo. Kiam la muso estas alklakis elemento, ĝi fariĝas aktiva, sed kiam la kursoron iras al la flanko, ĝi povas ŝanĝi kaj vidigos en aktiva stato. ": Ŝvebi", "aktiva" kaj "vizitis" - la plej populara pseŭdo-klasoj en la priskribo de stiloj.

Estas tre oportuna en via retejo kodo ne zorgi pri tiaj bagateloj kiel la movado de la muso sur la elementoj. Provizante la tablo priskribante du priskriboj de stiloj:

elemento {

koloro: nigra;

}

elemento: ŝvebado {

koloro: blanka;

fono-koloro: verda;

}

Akiri kiam vi ŝvebi la muson sur la elemento aŭtomate ŝanĝi la tekston koloro de nigra al blanka, kaj ŝanĝi la fonon de la elemento al verda. Pseŭdo eblas aplikita al ajna elemento kaj atingi vasta gamo de vidaj efektoj.

La dua regulo: fidu normoj, estas gvidita de lia kodo

Ĉio estus bone se progreso restis ĉe komputiloj kaj tekkomputiloj ekipitaj kun armiloj, kaj ĝi antaŭas en movebla komunikado ne kaŭzis la apero de smartphones, tablojdoj kaj aliaj moveblaj aparatoj kiuj konektas tia aparato estas tre problema.

Aliflanke, nur ekipita kun speciala tuŝo ekrano gadget estas havebla rekte manipuli viajn fingrojn sur la ekrano táctil, kiel ĝi fariĝis kutima al smartphones, tabeloj kaj similaj aparatoj.

Ekzistas signifa diferenco kaj: ŝvebado laboras ĉi tie ne estas kiel ni ŝatus. Neniu kodo ne povas fari, kaj la uzo de amaskomunikiloj demandoj decidas ne ĉiujn demandojn.

Kongruo - tro multekosta en la hodiaŭa mondo de informoj do por certigi taŭgan funcionalidad de la retejo ene de la specifita postuloj por dezajno retejo kaj efektivigo de funkcia, prefere gvidita de la minimuma necesa uzo kazoj: CSS ŝvebado, CSS ŝvebado fokuso, CSS ŝvebado aktiva (vizitis) . Ju pli kodo (kiel en la retumilo kaj la servilo) monitoras Web dezajno, la bona. La programo - estas la kontrolo, estas pli bone, kiam tiu kontrolo ne por lupago sur la boneco de la nuna normoj, kiu ofte ne scias kion atendi.

Butonoj kaj aliaj elementoj de la paĝo

Butono ŝvebado CSS - mirinda solvo, sed en la longa, ĉiu paĝo elemento estas la "butono". La paĝaro devas esti ĉefe vivanta kaj se la kodo ne estas konstruita, se la tasko estas krei retejon kiu disvolvas taŭga amplekso kaj agoj surbaze vizitanto konduto, do almenaŭ per CSS-stiloj povas doni vigleco paĝon elementoj.

Uzu ŝvebado-efektoj oportuna. Kun ilia helpo, vi povas facile doni vian paĝoj vigleco, sed la kodo ne scias, kion faras muso sur la ekrano, se ĝi ne eblas spuri lia movado. De ĉi tiu vidpunkto, tio estas, kiam la kodo kontrolo muso movado (= movado de fingro sur smartphone), povas sendepende Emfazu eron aŭ konverti ĝin. Ĝi havas nenion komunan kun kvazaŭ-klasoj, sed donas plenan kontrolon super la kodon paĝo aspekto, por adekvate montri ĝin sur malsamaj aparatoj en malsamaj retumiloj.

Kaptiloj en stylesheets

Diri ke la normo en la kampo de la CSS stiloj ne scias kion ili faras, estas neeble, sed diri ke ili plene kunlabori kun la aliaj normoj sur la kampo de interreto programado ankaŭ estas neebla.

Stiloj kaj pseŭdo-klasoj povas esti priskribita en la stadio de la paĝo kodigo, kiam la servilo generas paĝo kaj en dinamikon jam ene de la retumilo, vi povas facile krei novan stilon kaj ŝanĝi ekzistantan unu.

Uzante AJAX, kiam ekzistas neniu bezono re-generi la paĝon por montri la respondo al la ago de la vizitanto, kaj tio sufiĉas por ŝanĝi eron aŭ multoblajn erojn aldonas iom "pipro". "Amikeco" kodo - tio jam estas en la retumilo (JavaScript) kaj la fakto ke la servilo (PHP) - la heredaĵo de la aŭtoro (programisto) ejo.

Pri kiel la algoritmo de ĉi tiu interago lanĉiĝos, signife dependas ne nur sur ekrano en la paĝo de ĝia elementojn, sed ankaŭ ilian percepton de plia kodo. Simple dirite, la pseudo (precipe) estas tre bona por statika, kiel por velado jaktoj en la klara maro kun facila vento - ĉio estas klara, atingebla kaj regebla. Se la vetero ŝanĝojn, aŭ kiam la vento estas pli forta, aŭ kaŭzos la vizitanto neatendita situacio, Vi povas rapide descendas sur la rifo kaj perdante la vizitanto.

Norma kaj ĝia kopiado

Stiligi la CSS la ŝvebado eblas emulada per JavaScript, tra la uzo de onmouseover kaj onmouseout okazaĵoj. Ofte ĉi ĉiuj finoj. De la vidpunkto de komuna senso kiam temas krei veran laborista ejo, estas pli bone konservi kontrolon en siaj manoj, ol doni ŝin al merced de la mítico normoj kiuj ŝanĝas estas la volo kaj deziro de la ellaboranto.

Kelkfoje vi povas legi ion kiel: "tiu kapablo haveblas eĉ en IE», sed pli povas legi pri kio stiloj estas perceptitaj priskribi specifan retumilo. Multe malpli povas lerni pri kiel JavaScript estas malsama en malsamaj retumiloj.

Taksante la sperto, admirante trajtoj "Chrome" kaj "Opero", kritikante la malrapideco kaj inercio de la retumilo de la fabrikanto (de la neforgesebla, kara al IE de "Microsoft" ajna programisto: "La bonaj malnovaj Internet Explorer ne malbenis nur pigra aŭ kiu ajn sur la komputilo. nur scipovas ludi "Solitaire", "- citis nekonata aŭtoro Interreto), devus sekvi la ora proporcio: uzu kion laboras ĉie kaj ĉiam.

Homoj bezonas ilojn por labori, kiam ili devas akiri emocioj, ili kutime iras al la registro oficejo aŭ la teatro, sed ne la Interreto.

Kopiado kaj Kontrolo

Antaŭe, kiam programado fartas lia piedoj, ĝi estis kutimita aŭskulti aĝuloj kaj skribi ĝuste. Hodiaŭ tro da maljunuloj, tro rapide ĉio ŝanĝiĝas, kaj se vi aŭskultos la tutan tempon ne sufiĉas eĉ por tre simpla tasko, en la minimuma funkcia ejo.

Programado - estas ĉefe kontrolon, kaj en kazoj kiam la norma dekliva aroj la reguloj, aŭ vi povas atendi akran ŝanĝon de reguloj, lia forvendo kaj la apero de la nova, la plej bona solvo ĉiam estis ne fari ajnan decidoj, kaj efektivigi la postulata retejon funcionalidad la plej malgranda ebla, sed vere funkcias kodo .