CSS: Zadržite. Original hover efekti

Radikalno novi je ideja podijeliti prezentaciju informacija iz koda je stvorio i obrađuje. To je bila jaka odluka u dogledno vrijeme, ali ovaj put nije bilo tada priznat u potpunosti. Kada Programiranje je odvojena od jednom kompjuteru, ali nije osvojila u lokalnoj mreži ili jedan zoni domena, i odmah proširio na sve strane, ali onda je postalo jasno da je pružanje informacija (u smislu dizajna) i raditi s njim (u smislu koda) - dva strane u istoj ravni.

Tri aspekti gradilištu

Od formalnog gledišta, postoje tri glavne komponente (u raznim oblicima sintaksi) koje čine stranice: PHP-kod, JavaScript-kod i opis CSS stilova. Nije bitno kako se koristi i koju verziju određene komponente, koju verziju HTML se koristi i koju verziju pretraživača se isplati. danas kompatibilan se ne održava u visoko poštovanje, jer u svakom trenutku je kasni: da je kodiran i da je ono što je kodiran mogu biti prikazani, i pogubljen.

Ako je ranije borili za ideju jezika, sada se bore uzalud vole proizvođača standarda u oblasti Internet tehnologija i preglednicima.

Privatnog i javnog

Sredstvo kojim pristup internetu, dosta (kompjuteri, laptopi, tableti, pametni telefoni), pretraživače, takođe, ima u izobilju. Ne postoji nikakva garancija da pojedinac uređaj će prikazati stranice u obliku u kojem je kreiran od strane programera. Nije uvijek do ciljne posljednji napor, i pružiti jedinstvenu web dizajn ima mnogo lica, to je suština jedinstva ekrana, gdje god to može biti otvoren za posjetioce.

Dijeljenje privatnog i javnog, koristeći drugi samo ono što radi, možete postići značajan napredak u dizajnu. Ljepota, umjetnički trenutak i web dizajn - baština relevantnih stručnjaka i talente. CSS - a kod, iako vrlo čudan. Svoju zabrinutost da opiše stilova (opcije prikaza). Sa pojavom mobilnih uređaja CSS za učitavanje stvarni kodiranje medija upita. Tako da je mogućnost ponovnog braka između dizajna i kod - to nije tako nerealno kako je možda izgledalo prije samo nekoliko godina.

Programer bavi razvojem CSS stilova na osnovu vašeg ličnog iskustva i dokazane CSS dizajna koji rade na većini preglednicima zadovoljiti većinu posjetitelja. prvi i drugi minimum treba što je više moguće, a zatim mnogo češće koriste da bi rezultat koji radi gotovo bilo gdje, bilo kada.

Prvo pravilo: Standard nadu, ali i oni koji sami sebi pomognu

CSS: hover - kada je "otišao" na stranici stavku miša. Kada se miš klikne na element, ona postaje aktivan, ali kada kursor ide u stranu, može ponovo promijeniti, i pokazati se u aktivnom stanju. ": Zadržite", "aktivni" i "posjetio" - najpopularniji pseudo-klase u opis stilova.

To je vrlo povoljno u svoje stranice kod da ne brine o takvim sitnicama kao kretanje miša nad elementima. Pružanje u tabeli opisuju dva opisa stilova:

element {

boja: crna;

}

element: hover {

boja: bijela;

background-color: green;

}

Dobiti kada lebdite mišem na element automatski promijeniti boju teksta od crne do bijele, i promijeniti pozadinu elementa u zelenu. Pseudo se može primijeniti na bilo koji element i postići širok spektar vizualnih efekata.

Drugo pravilo: standardi povjerenje, se vodi svoj kod

Sve bi bilo u redu ako napredak ostao na računara i laptopova opremljena oružjem, i napredak u mobilnoj komunikaciji nije dovela do pojave pametnih telefona, tableta i drugih mobilnih uređaja koji se povezuju takav uređaj je vrlo problematična.

S druge strane, opremljen samo sa posebnim gadget ekranom osjetljivim na dodir dostupan je direktno manipulirati prste na zaslon osjetljiv na dodir, kao što je postalo uobičajeno da se pametnih telefona, tableta i sličnih uređaja.

Postoji značajna razlika i: hover radi ovdje nije tako bismo željeli. Nema koda ne može učiniti, te korištenje medija upita odluči da ne na sva pitanja.

Kompatibilnost - preskupo u današnjem svijetu informacija, dakle, kako bi se osiguralo pravilno funkcioniranje stranice u okviru propisane uslove za web dizajn i implementaciju funkcionalan, po mogućnosti vođena minimalno potrebna upotreba slučajevima: CSS hover, CSS hover fokus, CSS hover aktivna (posjetila) . Što više kod (kao u pretraživaču i na serveru) prati Web dizajn, to bolje. Program - je kontrola, to je bolje kada ta kontrola nije za najam na milost i nemilost trenutne standarde, koji često ne znaju šta da očekujem.

Tipke i druge elemente stranice

Button Hover CSS - divan rješenje, ali na duge staze, svaki element stranice je "gumb". Sajt mora biti pre svega života i ako se ne gradi kod, ako je zadatak da stvori mjesto koje razvija adekvatan obim i djeluje na osnovu ponašanja posjetitelja, onda barem putem CSS-stilova može dati živost elemente stranice.

Koristite hover efekti zgodno. Uz njihovu pomoć, možete lako dati svoje stranice živost, ali kod ne zna šta čini miša na ekranu, ako to nije moguće pratiti njegovo kretanje. Iz ove perspektive, to jest, kada je pokret kontrole kod miša (= kretanje prsta na pametnom telefonu), može samostalno označili stavku ili ga pretvoriti. To nema nikakve veze sa pseudo-klase, ali daje potpunu kontrolu nad kod izgled stranice, na odgovarajući način prikazati na različitim uređajima u različitim pretraživačima.

Zamke u stilove

Da bi se reći da je standard u oblasti CSS stilova ne znaju što rade, to je nemoguće, ali reći da su oni u potpunosti sarađuje sa drugim standardima u oblasti internet programiranja je nemoguće.

Stilovi i pseudo-klase može se opisati u fazi stranice kodiranje, kada server generira stranicu i dinamike je već unutar preglednika, možete lako kreirati novi stil i promijeniti postojeću.

Koristeći AJAX, kada nema potrebe da se ponovo generirati stranicu za prikaz odgovor na djelovanje posjetitelja, i to je dovoljno da promeni stavku ili više stavki dodaje malo "paprika". "Prijateljstva" kod - koji je već u browser (JavaScript) i činjenicu da je server (PHP) - baština (programer) sajt autora.

O tome kako će algoritam ove interakcije biti pogubljeni, znatno ovisi ne samo na prikaz na stranici njegovih elemenata, ali i njihovu percepciju dalje koda. Jednostavno rečeno, pseudo (posebno) su vrlo dobri za statički, kao što je za jedrilice, u čistom moru uz lagani povjetarac - sve je jasno, pristupačan i upravljati. Ako vremenske promjene, ili kada je vjetar jači, ili će uzrokovati posjetitelja neočekivani situaciji, možete brzo spustiti na grebenu i gubitka posjetitelja.

Standard i njegove emulacije

Stil CSS hover se treba ugledati preko JavaScript, kroz upotrebu onmouseover i onmouseout događaja. Često sve ovo završi. Sa stanovišta zdravog razuma kada je u pitanju stvaranje realnom radnom mjestu, bolje je zadržati kontrolu u svojim rukama, nego da ga na milost i nemilost mitskog standarda koji mijenjaju je volja i želja programera.

Ponekad možete pročitati nešto poput, "dostupna je čak i IE» ovu mogućnost, ali još se može čitati o tome šta stilova doživljavaju opisuju određenu preglednika. Mnogo manje možete saznati više o tome kako JavaScript je različita u različitim pretraživačima.

Evaluacija iskustvo, diveći funkcija "Chrome" i "Opera", kritikuje sporost i inertnost browser od proizvođača (od nezaboravnih, dragi odnosno od "Microsofta" bilo koji programer: "Dobri stari Internet Explorer ne proklet samo lijen ili ko na računaru. samo zna kako se igra "Solitaire", "- izjavio je nepoznati autor Internet), treba pratiti zlatna sredina: koristi ono što radi svuda iu svakom trenutku.

Ljudi treba alat za rad, kada im je potrebno da se uzbuđenja, oni obično idu u pisarnici ili pozorište, ali ne i interneta.

Emulacije i kontrola

Ranije, kada programiranje ide na noge, bilo je uobičajeno da slušaju starije i pisati ispravno. Danas previše seniori, prebrzo se sve mijenja, a ako slušate cijelo vrijeme nije dovoljno čak i za vrlo jednostavan posao, na minimum funkcionalne stranice.

Programiranje - je prije svega kontrola, au slučajevima kada standardni pristran postavlja pravila, ili možete očekivati oštar promjenu pravila, njegove likvidacije i pojavu novih, najbolje rješenje je uvijek bio da se ne donosi nikakve odluke, i provesti potrebne funkcionalnosti stranice najmanja moguća, ali stvarno rade kod .