CSS: zadržite pokazivač miša. Izvorni učinci lebdenja

U osnovi je nova bila ideja podijeliti prikaz informacija iz koda njegova stvaranja i obrade. To je bila jaka odluka u dogledno vrijeme, ali ovaj trenutak nije bio prepoznat u potpunosti. Kod programiranja je odvojen od jednog računala, ali nije osvojio u lokalnoj mreži ili pojedine zone domene, i odmah se proširila po cijelom mjestu, ali onda je postalo očito da je pružanje informacija (u pogledu dizajna) i raditi s njim (u smislu kod) - dvije strane u istoj ravnini.

Tri strane gradilišta

S formalne točke gledišta postoje tri glavne komponente (u različitim sintaktičkim oblicima) koje čine web mjesto: PHP kod, jаvascript kôd i opisi stila CSS. Nije bitno kako se upotrebljava verzija i koja verzija se upotrebljava, koja verzija HTML oznake upotrebljava i koja verzija preglednika vrijedi. Kompatibilnost se ne poštuje, jer u svakom trenutku vremena je stvarna: ono što je kodirano i što od onoga što je kodirano može se prikazati i izvršiti.

Ako se ranije ideje rješavaju jezicima, danas je više poput proizvođača standarda u području Internet tehnologija i preglednika.

Osobno i javno

Sredstva kojima je Internet dostupan, puno (računala, prijenosna računala, tablete, smartphone), preglednici, također, obiluju. Nema jamstva da će pojedini uređaj prikazivati ​​web mjesto u obliku u kojem ga je izradio programer. Ne uvijek su napori potonje doprijeti do cilja i pružiti web dizajn s jednim višestrukim aspektom, tj. Jedinstvom prikaza entiteta, gdje god otvara posjetitelju.

Dijeljenje osobnih i javnih, koristeći samo ono što funkcionira, možete postići značajan uspjeh u dizajnu. Ljepota, umjetnički trenutak i web dizajn dio su odgovarajućih stručnjaka i talenata. CSS je kod, iako je vrlo osebujno. Njegova briga je opisati stilove (opcije prikazivanja informacija). S pojavom mobilnih uređaja, CSS je učitan sa stvarnim kodiranjem u obliku medijskih upita. Dakle, mogućnost ponovnog braka između dizajna i koda nije tako nerealno da bi se moglo činiti samo prije nekoliko godina.

Razvojni programer, koji radi na razvoju CSS stilova, oslanja se na svoje osobno dokazano iskustvo i za one CSS dizajne koje rade na većini preglednika, zadovoljiti većinu posjetitelja na web mjestu. Potrebno je maksimalno iskoristiti prvu i minimalnu sekundu, a postoji mnogo veće šanse za dobivanje rezultata, radeći gotovo uvijek i svugdje.

Prvo pravilo: o standardu nade, ali nije loš

CSS: zadržite pokazivač miša - to je kada miš "ode" na element stranice. Kada miš klikne na element, on postaje aktivan, ali kada pokazivač ode na stranu, može se ponovno promijeniti i pokazati u aktivnom stanju. ": Hover", "active" i "visited" su najpopularniji pseudo-klasi kada se opisuju stilovi.

Vrlo je praktično u kodu stranice da se ne brinu o takvim sitnim stvarima kao što su kretanje miša preko elemenata. U tablici opisa stilova nalaze se dva opisa:

element {

boja: crna;

}

element: zadržite se {

boja: bijela;

boja pozadine: zelena;

}

Nabavite kada mišem na elementu automatski promijenite boju teksta od crne do bijele i promijenite pozadinu ovog elementa na zelenu boju. Pseudo-klase mogu se primijeniti na bilo koji element i postići različite vizualne efekte.

Drugo pravilo: pouzdanje u standarde, usredotočite se na vaš kôd

Sve će biti u redu ako napredak je i dalje na računala i prijenosna računala opremljena s rukama i napredak u mobilnoj komunikaciji nije dovelo do pojave pametnih telefona, tableta i drugih mobilnih uređaja koji su povezani takav uređaj je vrlo problematično.

S druge strane, samo gadgeti opremljeni posebnim gadgetom osjetljivim na dodir mogu se izravno manipulirati prstima na dodirnom zaslonu, kao što je već postalo uobičajeno za pametne telefone, tablete i slične uređaje.

Postoji značajna razlika i: ​​lebdjenje ovdje uopće ne radi što bismo željeli. Ne možete ovdje bez koda, a ne sva pitanja rješavaju upotrebu medijskih upita.

Kompatibilnost - preskupo u današnjem svijetu informacija, dakle, kako bi se osiguralo pravilno funkcioniranje stranice unutar specificiranih uvjeta za web dizajn i implementaciju funkcionalna, po mogućnosti vođeni minimalnim potrebnim slučajevima upotreba: CSS lebde, CSS lebde fokus, CSS zadržavanja pokazivača aktivno (posjetilo) , Što više koda (kako unutar preglednika tako i na poslužitelju) kontrolira web dizajn, to bolje. Program je kontrola, to je bolje kada se ova kontrola ne predaje standardima djelovanja, od kojih često ne znate što očekivati.

Gumbi i ostali elementi stranice

Gumb za pokazivanje miša CSS-a prekrasno je rješenje, ali svaki je dio stranice "gumb". Stranica mora biti prije svega živa i ako kod nije izgrađen, ako je zadatak stvoriti web-mjesto koje razvija adekvatnu opsegu i akata na temelju ponašanja posjetitelja, onda barem pomoću CSS stilova može dati elemente živosti stranice.

Koristite hover-učinke povoljno. Pomoću njihove pomoći možete lako napraviti stranice življe, no kôd ne zna što miš radi na zaslonu ako nema sposobnost pratiti njegovo kretanje. S ove točke gledišta, tj. Kada kôd kontrolira kretanje miša (= kretanje prsta na pametnom telefonu), može samostalno osvijetliti element ili ga pretvoriti. To nema nikakve veze s pseudoklasama, već daje potpunu kontrolu nad kodom vanjskog izgleda stranice, što vam omogućuje adekvatno prikazivanje na različitim uređajima u različitim preglednicima.

Zamke u stilskim listovima

Reći da su standardni u opisu stilova CSS ne zna što rade, to je nemoguće, ali ne može se reći da u potpunosti interakciju s ostatkom standarda u području Internet programa.

Stilovi i pseudo-klasi mogu se opisati na fazi kodiranja stranice, u trenutku kada poslužitelj oblikuje stranicu i dinamiku: već se nalazi unutar preglednika, lako možete stvoriti novi stil i promijeniti postojeći.

Korištenje AJAX-a, kada nema potrebe za obnovom stranice kako bi odražavala reakciju na akciju posjetitelja, samo promijenite njezin element ili nekoliko elemenata dodaje malo "papra". Kodovi "Prijateljstvo" - onaj koji je već u pregledniku (jаvascript) i činjenica da je poslužitelj (PHP) - sudbina autora (programer).

Od kako će se izvršiti algoritam ove interakcije, bitno ne ovisi samo prikaz elemenata na stranici, već i njihova daljnja percepcija kodom. Jednostavno rečeno, pseudo (naročito) su vrlo dobri za statični, kao i za krstarice u čistom moru uz lagani povjetarac - sve je jasno, pristupačan i rukovanje. Ako se vrijeme mijenja, ili kad se vjetar povećava ili posjetitelj izaziva nepredvidljivu situaciju, možete brzo letjeti u greben i izgubiti posjetitelja.

Standard i njegova emulacija

CSS stil lebdenje se može emulirati putem jаvascript-a, koristeći onmouseover i onmouseout događaje. Često to sve završava. S gledišta zdravog razuma, kada je u pitanju stvaranje stvarnog radnog mjesta, bolje je držati kontrolu u svojim rukama nego da ga odnesete na mitske standarde koji se mijenjaju izvan volje i želje developera.

Ponekad možete pročitati nešto poput "ova značajka je dostupna čak iu IE", ali češće možete pročitati o tome koji opisi stila percipiraju ovaj ili taj preglednik. Manje je vjerojatno da će saznati kako se jаvascript razlikuje u određenim preglednicima.

Procjena iskustva, diveći značajke „Chrome” i „Opera”, kritizira sporost i inertnost pregledniku od proizvođača (od nezaboravan, dragi do srca svakog programera iz IE, „Microsoft”: "Dobar stari Internet Explorer nije kriknuo samo lijen. Ili netko tko na računalu može igrati samo u "marama" ", - citiranje nepoznatih internetskih autora), trebali biste se pridržavati zlatne sredine: koristiti nešto što radi svugdje i uvijek.

Ljudi trebaju novac za rad kad im je potrebno da bi dobili uzbuđenje koje obično idu u matični ured ili kazalište, ali ne i na internetu.

Emulacija i kontrola

Ranije, kad je programiranje stizalo na noge, bilo je uobičajeno slušati starješine i pisati ispravno. Sada ima previše starješina, sve se prebrzo mijenja, a ako slušate sve, onda neće biti dovoljno vremena za čak ni vrlo jednostavan posao na minimalnoj funkcionalnoj web stranici.

Programiranje - je prije svega kontrola, te u slučajevima kada standardna pristrane postavlja pravila, ili možete očekivati ​​oštru promjenu pravila, njegovu likvidaciju i pojavu novih, najbolje rješenje je uvijek bio da ne bi bilo kakve odluke, i provesti potrebne funkcije, najmanja moguća, ali stvarno rade kod ,