CSS: hover. Originale hover-effekter

Radikalt ny var ideen å dele presentasjonen av informasjon fra kode det skapte og behandlet. Det var en sterk beslutning i rett tid, men denne gangen ble ikke gjenkjent så fullt. Når programmeringen er skilt fra en enkelt datamaskin, men ikke vinne i det lokale nettverket eller et enkelt domene sone, og umiddelbart spredt over hele plassen, men da det ble klart at utlevering av opplysninger (i form av design) og jobbe med det (i form av kode) - to side i det samme plan.

Tre fasetter av byggeplassen

Fra et formelt synspunkt, er det tre hovedkomponenter (i ulike forkledninger syntaks) som utgjør nettstedet: PHP-kode, Javascript-kode og beskrivelse av CSS-stiler. Det spiller ingen rolle hvordan den brukes og hvilken versjon av en bestemt komponent, hvilken versjon av HTML er brukt og hvilken versjon av nettleseren er verdt det. Kompatibel i dag ikke er holdt i høy aktelse, fordi enhver tid er forsinket: som er kodet og at det er kodet, kan vises og henrettet.

Hvis tidligere kjempet for ideen om språket, nå å kjempe forgjeves foretrekker produsenter standarder innen Internett-teknologi og nettlesere.

Privat og offentlig

De midler som gir tilgang til Internett, mye (datamaskiner, bærbare datamaskiner, tabletter, smarttelefoner), nettlesere, også, florerer. Det er ingen garanti for at den enkelte enhet vil vise området i den form den ble skapt av en utvikler. Ikke alltid nå målet siste forsøk, og gi en enhetlig web design har mange ansikter, er at essensen av samhold skjerm, uansett hvor den kan bli åpnet for besøkende.

Dele det private og det offentlige, med sistnevnte bare hva som fungerer, kan du oppnå betydelig fremgang i design. Skjønnhet, kunstnerisk øyeblikk og webdesign - arven av de relevante eksperter og talenter. CSS - en kode, men veldig merkelig. Hans bekymring for å beskrive stiler (visningsalternativer). Med bruk av mobile enheter CSS for å laste selve kodingen av mediespørringer. Slik at muligheten til å re-ekteskap mellom design og kode - det er ikke så urealistisk som det kan ha virket bare noen få år siden.

Utbygger engasjert i utvikling CSS-stiler basert på personlig erfaring og dokumenterte de CSS design som fungerer på de fleste nettlesere tilfredsstille de fleste besøkende. den første og andre minimum bør brukes så mye som mulig, så mye mer sannsynlig å få et resultat som fungerer nesten hvor som helst, når som helst.

Den første regelen: Standard håp, men også de som hjelper seg selv

CSS: hover - når musen er "borte" på elementsiden. Når musen er klikket på et element, blir det aktive, men når markøren går til side, kan det endre seg igjen, og viser seg i en aktiv tilstand. ": Hold", "aktiv" og "besøkt" - de mest populære pseudo-klasser i beskrivelsen av stiler.

Det er veldig praktisk i ditt område koden ikke å bekymre deg om slike bagateller som bevegelse av musen over elementene. Gir i tabellen beskriver to beskrivelser av stiler:

{element

color: black;

}

element: hover {

Farge: hvit;

background-color: green;

}

Får når du holder musen på elementet automatisk endre tekstfarge fra svart til hvitt, og endre bakgrunnen av elementet til grønn. Pseudo kan brukes på et hvilket som helst element, og oppnå et stort utvalg av visuelle effekter.

Den andre regelen: tillit standarder, er styrt av sin kode

Alt ville være fint hvis fremgangen holdt seg på datamaskiner og bærbare datamaskiner er utstyrt med våpen, og fremskritt innen mobil kommunikasjon har ikke ført til fremveksten av smarttelefoner, nettbrett og andre mobile enheter som kobler en slik enhet er svært problematisk.

På den annen side, bare utstyrt med en spesiell berøringsskjerm gadget er tilgjengelig direkte manipulere fingrene på berøringsskjermen, slik det har blitt vanlig å smartphones, tabletter og lignende enheter.

Det er en betydelig forskjell, og: hover arbeider her er ikke slik vi ønsker. Ingen kode kan ikke gjøre, og bruken av medieforespørsler bestemmer seg for ikke å alle spørsmålene.

Kompatibilitet - for dyrt i dagens verden av informasjon, og derfor å sikre riktig funksjonalitet på nettstedet innenfor de angitte krav til web design og implementering av en funksjonell, gjerne ledet av minste nødvendige bruksmåter: CSS hover, CSS hover fokus, CSS hover aktiv (besøkt) . Jo mer kode (som i nettleseren og på serveren) overvåker webdesign, jo bedre. Programmet - som kontroll, det er bedre når denne kontrollen er ikke til leie på nåde av gjeldende standarder, som ofte ikke vet hva du kan forvente.

Knapper og andre elementer på siden

Button hover CSS - en flott løsning, men i det lange løp, er hver side element på "knappen". Nettstedet må være primært en levende og hvis koden ikke er bygget, hvis oppgave er å lage et nettsted som utvikler tilstrekkelig omfang og handlinger basert på besøksatferd, så i hvert fall ved hjelp av CSS-stiler kan gi livlighet sideelementer.

Bruk hover-effekter praktisk. Med deres hjelp, kan du enkelt gi din sider livlighet, men koden ikke vet hva som gjør en mus på skjermen, hvis det ikke er mulig å spore bevegelser. Fra dette synspunkt, det vil si når koden kontrollmus bevegelse (= bevegelse av en finger på en smarttelefon), kan det uavhengig merke et element eller for å omdanne det. Det har ingenting å gjøre med pseudo-klasser, men gir full kontroll over kodesettet utseende, til adekvat vise det på forskjellige enheter i ulike nettlesere.

Fallgruver i stilark

Å si at standarden i feltet av CSS-stiler ikke vet hva de gjør, er det umulig, men å si at de fullt ut samarbeide med de andre standarder innen internett programmering er også umulig.

Stiler og pseudo-klasser kan beskrives på scenen på siden koding, når serveren genererer en side og i dynamikken er allerede inne i nettleseren, kan du enkelt lage en ny stil og endre en eksisterende.

Ved hjelp av AJAX, når det ikke er behov for å re-generere siden for å vise respons til handling av den besøkende, og det er nok til å endre et element eller flere elementer legger litt "pepper". "Friendship" kode - som allerede er i nettleseren (Javascript) og det faktum at serveren (PHP) - arven fra forfatteren (programmerer) nettsted.

Om hvordan algoritmen av denne interaksjonen vil bli utført, avhenger i stor grad ikke bare utstilt på siden av elementene, men også deres oppfatning av ytterligere kode. Enkelt sagt, pseudo (spesielt) er veldig bra for statiske, som for seilbåter i den klare sjøen med en lett bris - alt er klart, tilgjengelig og håndterbar. Hvis været forandrer seg, eller når vinden er sterkere, eller vil føre til at besøkende en uventet situasjon, kan du raskt ned på revet og mister den besøkende.

Standard og dens emulering

Stil CSS hover kan bli emulert via Javascript, gjennom bruk av onmouseover og onmouseout hendelser. Ofte er dette alle ender. Fra synspunkt av sunn fornuft når det gjelder å skape ekte arbeider nettsted, er det bedre å holde kontroll i sine hender, enn å gi den prisgitt de mytiske standarder som endrer er viljen og ønsket av utbygger.

Noen ganger kan du lese noe sånt som, "denne funksjonen er tilgjengelig selv i IE», men mer kan du lese om hvilke stiler oppfattes beskrive en bestemt nettleser. Mye mindre kan lære om hvordan Javascript er forskjellig i ulike nettlesere.

Evaluering av erfaring, beundrende funksjonene "Chrome" og "Opera", kritiserte treghet og treghet leseren fra produsenten (av den uforglemmelige, kjære til hjertet av hver programmerer IE, "Microsoft", "Den gode gamle Internet Explorer ikke forbannet bare lat. Eller den som på datamaskinen bare vet hvordan å spille "Solitaire", "- sitert en ukjent forfatter Internett), bør følge den gyldne middelvei: bruk det som fungerer overalt og til alle tider.

Folk trenger verktøy for å jobbe når de trenger å få spenning, de vanligvis går til registret kontor eller teater, men ikke Internett.

Emulering og kontroll

Tidligere, da programmering er å få på fote igjen, var det vanlig å lytte til eldre og skrive riktig. I dag for mange eldre, for fort alt er i endring, og hvis du lytter til hele tiden er ikke nok selv for en veldig enkel jobb, på minimum funksjonelt nettsted.

Programmering - er først og fremst en kontroll, og i tilfeller der standard partisk setter reglene, eller du kan forvente en kraftig endring av regler, dens avvikling og fremveksten av nye, har den beste løsningen alltid vært å ikke gjøre noen beslutninger, og til å gjennomføre den nødvendige funksjonaliteten i området minst mulig, men egentlig jobber kode .