CSS: hover. Oorspronklike hover-effekte

Radikaal nuwe was die idee om die aanbieding van inligting uit die kode dit geskep en verwerk verdeel. Dit was 'n sterk besluit op die regte tyd, maar hierdie keer is nie dan ten volle erken. Wanneer Programmering is geskei van 'n enkele rekenaar, maar het nie gewen in die plaaslike netwerk of 'n enkele domein sone, en onmiddellik versprei oor die hele plek, maar dan is dit duidelik dat die voorsiening van inligting (in terme van die ontwerp) en werk met dit (in terme van kode) - twee kant in dieselfde vlak.

Drie fasette van die werf gebou

Van 'n formele oogpunt, is daar drie hoofkomponente (in verskeie gedaantes sintaksis) wat deel uitmaak van die webwerf: PHP-kode, JavaScript-kode en beskrywing van CSS style. Dit maak nie saak hoe dit gebruik word en watter weergawe van 'n bepaalde komponent, watter weergawe van HTML gebruik en watter weergawe van die leser is die moeite werd. Versoenbaar vandag is nie verantwoordelik gehou in hoë agting, want op enige gegewe tyd is agterstallige: wat geïnkripteer en dat van wat geïnkripteer, kan vertoon en uitgevoer.

As voorheen geveg vir die idee van taal, nou om te veg vergeefs verkies vervaardigers standaarde op die gebied van Internet tegnologie en implementeer.

Private en openbare

Die wyse waarop toegang tot die Internet, 'n baie (rekenaars, skootrekenaars, tablette, slimfone), implementeer, te, is volop. Daar is geen waarborg dat die individuele toestel op die blad in die vorm waarin dit is geskep deur 'n ontwikkelaar sal vertoon. Nie altyd die teiken laaste poging bereik, en bied 'n verenigde web ontwerp het baie gesigte, dit is die essensie van eenheid vertoon, waar dit ook al mag wees oop vir die besoeker.

Deel die private en die openbare, die gebruik van die laasgenoemde net wat werk, kan jy beduidende vordering in die ontwerp te bereik. Skoonheid, kuns oomblik en web design - die erfenis van die betrokke kundiges en talente. CSS - 'n kode, hoewel baie vreemd. Sy kommer beskryf die style (vertoning opsies). Met die koms van mobiele toestelle CSS om die werklike kodering van media navrae laai. Sodat die opsie van re-huwelik tussen ontwerp en kode - dit is nie so onrealisties as dit net 'n paar jaar gelede sou gelyk het.

Die ontwikkelaar wat betrokke is by die ontwikkeling CSS-style gebaseer op jou persoonlike ervaring en bewese diegene CSS ontwerpe wat werk op die meeste blaaiers bevredig die meeste besoekers. die eerste en tweede minimum moet so veel as moontlik, dan baie meer geneig word om 'n resultaat wat feitlik oral werk te kry, enige tyd.

Die eerste reël: Standard hoop, maar ook diegene wat hulself help

CSS: hover - wanneer die muis is "weg" op die item bladsy. Wanneer die muis is gekliek 'n element, word dit aktief is, maar wanneer die wyser gaan na die kant, kan dit weer verander, en hulle wys in 'n aktiewe staat. ": Beweeg", "aktiewe" en "besoek" - die gewildste pseudo-klasse in die beskrywing van style.

Dit is baie handig in jou werf kode nie te bekommer oor sulke kleinighede soos die beweging van die muis oor die elemente. Die verskaffing van in die tabel beskryf twee beskrywings van style:

element {

Swart;

}

element: hover {

kleur: wit;

agtergrond-kleur: groen;

}

Verkry wanneer jy die muis hover oor die element die teks kleur van swart outomaties verander na wit, en verander die agtergrond van die element om groen. Pseudo aangewend kan word om enige element en bereik 'n wye verskeidenheid van visuele effekte.

Die tweede reël: vertroue standaarde, is gelei deur sy kode

Alles sal goed wees as vordering op rekenaars en skootrekenaars toegerus met arms gebly, en vooruitgang in mobiele kommunikasie het nie gelei tot die opkoms van slimfone, tablette en ander mobiele toestelle wat verbind so 'n toestel is baie problematies.

Aan die ander kant, net toegerus met 'n spesiale touch screen gadget is beskikbaar direk jou vingers te manipuleer op die touch screen, as dit gebruiklik geword om slimfone, tablette en soortgelyke toestelle.

Daar is 'n beduidende verskil en: hover werk hier is nie soos ons wil. Geen kode nie kan doen nie, en die gebruik van media navrae besluit om nie al die vrae.

Verenigbaarheid - te duur in vandag se wêreld van inligting, dus, om behoorlike funksie van die webwerf te verseker binne die gespesifiseerde vereistes vir web ontwerp en implementering van 'n funksionele, verkieslik gelei deur die minimum wat nodig is gebruik gevalle: CSS hover, CSS hover fokus, CSS hover aktiewe (besoek) . Die meer-kode (soos in die leser en op die bediener) monitor Web ontwerp, hoe beter. Die program - is die beheer, is dit beter as hierdie beheer is nie te huur op die genade van die huidige standaarde, wat dikwels nie weet wat om te verwag.

Knoppies en ander elemente van die bladsy

Knoppie hover CSS - 'n wonderlike oplossing, maar op die lange duur, elke bladsy element is die "knoppie". Die webwerf moet in die eerste plek 'n lewende en indien die kode is nie gebou, indien die taak is om 'n webwerf wat voldoende omvang en dade wat gebaseer is op die gedrag van besoekers ontwikkel skep, dan ten minste met behulp van CSS-style kan lewendigheid bladsy elemente gee.

Gebruik hover-effekte gerieflik. Met hul hulp, kan jy maklik gee jou bladsye lewendigheid, maar die kode nie weet wat 'n muis op die skerm, indien dit nie moontlik is om sy beweging op te spoor. Van hierdie oogpunt, dit is, wanneer die kode beheer muis beweging (= beweging van 'n vinger op 'n smartphone), kan dit onafhanklik eer jy 'n item of om dit te omskep. Dit het niks te doen met pseudo-klasse, maar gee volle beheer oor die kode bladsy voorkoms, om behoorlik te vertoon dit op verskillende toestelle in verskillende blaaiers.

Slaggate in style

Om te sê dat die standaard in die veld van die CSS style weet nie wat hulle doen nie, is dit onmoontlik, maar om te sê dat hulle ten volle saam met die ander standaarde op die gebied van internet programme is ook onmoontlik.

Style en pseudo-klasse kan beskryf word in die stadium van die bladsy kodering, wanneer die bediener genereer 'n bladsy en in dinamika is reeds binne die leser, kan jy maklik 'n nuwe styl te skep en te verander 'n bestaande een.

Met behulp van AJAX, wanneer daar geen behoefte om weer te genereer die bladsy om die reaksie op die optrede van die besoeker te vertoon, en dit is genoeg om 'n item of verskeie items te verander voeg 'n bietjie "peper". "Vriendskap" kode - dit is reeds in die leser (JavaScript) en die feit dat die bediener (die PHP) - die erfenis van die skrywer (programmeerder) site.

Oor hoe die algoritme van hierdie interaksie sal uitgevoer word, aansienlik hang nie net op mekaar op die bladsy van die elemente, maar ook hul persepsie van verdere kode. Eenvoudig gestel, die pseudo (in die besonder) is baie goed vir statiese, soos vir zeiljachten in die helder see met 'n ligte briesie - alles is duidelik, toeganklik en hanteerbaar. As die weer veranderinge, of wanneer die wind sterker is, of sal die besoeker veroorsaak 'n onverwagte situasie, kan jy vinnig daal op die rif en die verlies van die besoeker.

Standard en sy nydigheid

Styl van die CSS die hover kan via JavaScript word nagevolg, deur die gebruik van onMouseOver en onMouseOut gebeure. Dikwels dit alles eindig. Uit die oogpunt van gesonde verstand wanneer dit kom by die skep van werklike werk werf, is dit beter om beheer in hul hande hou, as om dit te gee aan die genade van die mitiese standaarde wat verander is die wil en begeerte van die ontwikkelaar.

Soms kan jy iets lees soos, "hierdie funksie is beskikbaar selfs in Internet Explorer", maar meer kan lees oor wat style beskou beskryf 'n spesifieke leser. Veel minder kan leer oor hoe JavaScript is anders in verskillende blaaiers.

Evaluering van die ervaring, bewonder funksies "Chrome" en "Opera", kritiek op die traagheid en traagheid van die leser van die vervaardiger (van die onvergeetlike, dierbaar IE uit "Microsoft" enige programmeerder: "Die goeie ou Internet Explorer nie vervloek net lui of wie ook al op die rekenaar. net weet hoe om "Solitaire" speel, "- aangehaal 'n onbekende skrywer Internet), moet die goue middeweg volg: gebruik wat oral en te alle tye werk.

Mense moet gereedskap om te werk wanneer hulle nodig het om opwinding te kry, het hulle gewoonlik gaan na die register kantoor of die teater, maar nie die Internet.

Nydigheid en beheer

Voorheen, toe programmering is om op sy voete, dit was gebruiklik om seniors te luister en korrek te skryf. Vandag te veel seniors, te vinnig alles verander, en as jy luister na al die tyd is nie eens genoeg geld vir 'n baie eenvoudige taak, by die minimum funksionele terrein.

Programmering - is in die eerste plek 'n beheer, en in gevalle waar die standaard bevooroordeeld stelle reëls, of jy kan verwag dat 'n skerp verandering van reëls, sy likwidasie en die opkoms van die nuwe, het die beste oplossing altyd enige besluite te maak nie, en implementeer die vereiste funksie van die webwerf die kleinste moontlike, maar regtig werk-kode .