CSS: Pakimba. Originalios užvedamiesiems poveikis

Radikaliai naujo buvo idėja padalinti informacijos pristatymą kodas ji sukūrė ir tvarkomi. Tai buvo stiprus sprendimas laiku, bet šį kartą nebuvo pripažintas tada iki galo. Kai programavimas yra atskirtas nuo vieno kompiuterio, bet ne laimėti vietiniame tinkle arba vienu domeno zonoje, ir iš karto skleisti visur, bet tada tapo aišku, kad informacijos (kalbant apie dizainą) nuostata ir dirbti su juo (kalbant kodo) - dvi pusė toje pačioje plokštumoje.

Trys aspektai dėl svetainės kūrimo

Nuo formaliai žiūrint, yra trys pagrindiniai komponentai (įvairiomis pavidalais sintaksę), kurie sudaro svetainė: PHP-kodą, JavaScript kodą ir aprašymą CSS stilių. Nesvarbu, kaip ji yra naudojama ir kokia versija konkretaus komponento, kokia versija HTML naudojamas ir kokia versija naršyklėje yra verta. Suderinamas šiandien vyks ne didelę pagarbą, nes bet kuriuo metu vėluoja: tai yra užkoduota, ir kad tai, kas užkoduota, gali būti rodomas ir įvykdytas.

Jei anksčiau kovojo už kalbos idėja, dabar kovoti veltui nori gamintojams standartus į interneto technologijas ir naršyklių srityje.

Privataus ir viešojo

Priemonės, kuriomis prieigą prie interneto, iš (kompiuteriai, nešiojamieji kompiuteriai, tabletės, smartphonach) Pirkimo, Naršyklės, taip pat gausu. Nėra jokios garantijos, kad individualus prietaisas rodys tokia forma, kurioje jis buvo sukurtas kūrėjas svetainę. Ne visada pasiekia tikslą paskutinis pastangų ir užtikrinti vieningą web dizainas turi daug veidų, tai yra vienybės ekrane, kur jis gali būti atidarytas lankytojas esmė.

Dalijimasis privatus ir viešasis, naudojant pastarasis tik tai, kas veikia, galite pasiekti didelės pažangos dizainas. Grožio, meno momentas ir interneto dizainas - atitinkamų ekspertų ir talentų paveldėjimas. CSS - kodas, nors ir labai savotiška. Jo rūpestis apibūdinti stilių (Rodyti variantų). Su mobiliaisiais įrenginiais CSS atėjimas įkelti faktinį kodavimo žiniasklaidos užklausomis. Taigi, kad naują santuoką tarp dizaino ir kodo variantas - tai nėra taip nerealu, kaip ji galėjo atrodė vos prieš kelerius metus.

Kūrėjas užsiima plėtra CSS stilius pagal jūsų asmeninės patirties ir įrodyta tuos CSS dizainus, kurie veikia daugelyje naršyklių patenkinti dauguma lankytojų. pirmas ir antras mažiausias turėtų būti naudojami tiek, kiek įmanoma, tada daug labiau tikėtina, kad gauti rezultatą, kuris veikia beveik visur ir visada.

Pirmoji taisyklė: Standartinė viltis, bet ir tiems, kurie padėti sau

CSS: hover - kai pelė yra "Gone" ant elemento puslapio. Kai pelės paspaudus ant elemento, jis tampa aktyvus, bet kai žymeklis eina į šoną, ji gali vėl pakeisti, ir parodyti save į aktyvią būseną. ": Užveskite", "aktyvius" ir "aplankė", - populiariausius pseudo-klases stilių aprašo.

Tai labai patogu savo svetainę kodas nesijaudinti apie tokių smulkmenų kaip per elementais pele judėjimas. Teikti lentelėje aprašomas du aprašymus stilių:

elementas {

spalva: juoda;

}

elementas: hover {

spalva: balta;

background-color: žalia;

}

Gauti, kai jūs užveskite pelę ant elemento automatiškai pakeisti teksto spalvą iš juodos į baltą, ir pakeisti elemento fonas žalias. Pseudo gali būti taikoma bet kurio elemento ir pasiekti platų efektų.

Antroji taisyklė: trust standartai, vadovaujasi savo kodą

Viskas būtų gerai, jei pažanga išliko kompiuterių ir nešiojamųjų kompiuterių įrengti ginklų ir pasiekimai mobiliojo ryšio nesukėlė smartphonach, tabletės ir kituose mobiliuosiuose įrenginiuose, kurios jungia toks prietaisas yra labai problemiškas atsiradimą.

Kita vertus, tik įrengta speciali jutiklinis ekranas įtaisą yra prieinama tiesiogiai manipuliuoti savo pirštus ant jutiklinio ekrano, nes tai tapo įprasta smartphonach, tabletės ir panašių įrenginių.

Yra didelis skirtumas ir: Pakimba čia dirba ne kaip mes norėtume. Nėra kodas negali padaryti, ir žiniasklaidos užklausas naudojimas nusprendžia į visus klausimus.

Suderinamumas - per brangu šiandienos pasaulyje informacijos, todėl, siekiant užtikrinti tinkamą funkcionalumą svetainėje per nustatytus reikalavimus web dizainas ir įgyvendinant funkcionalus, pageidautina vadovautis minimalių būtinų naudojimo atvejais: CSS, CSS Focus, CSS aktyvus (aplankė) , Kuo daugiau kodas (naršyklėje ir serveryje) stebi Web dizainas, tuo geriau. Programa - tai kontrolė, tai yra geriau, kai ši kontrolė yra ne Nuoma dėl dabartinių standartų, kurie dažnai nežino, ko tikėtis malonės.

Mygtukai ir kiti elementai puslapyje

Mygtukas Hover CSS - puikus sprendimas, tačiau ilgainiui, kiekvienas puslapis elementas yra "mygtukas". Svetainė turi būti visų pirma gyvenimo ir jei kodas yra pastatyta ne, jei užduotis yra sukurti svetainę, kuri vystosi tinkamą sritį ir paremtų aktų lankytojų elgesį, tai bent jau naudojant CSS stilius gali suteikti gyvybingumo puslapio elementus.

Naudokite užvedamiesiems poveikis patogu. Su jų pagalba, jūs galite lengvai duoti savo puslapius gyvumą, bet kodas nežino, ką daro su pele ekrane, jei neįmanoma sekti savo judėjimą. Nuo šio taško, tai yra, kai kodas kontrolės pelės judėjimas (= judėjimas pirštu smartfon), jis gali nepriklausomai pažymėti elementą arba ją konvertuoti. Tai neturi nieko bendro su pseudo-klases, bet suteikia pilną kontrolę puslapio kodą išvaizda, tinkamai jį rodyti įvairių įrenginių skirtingose naršyklėse.

Keblumų stilių

Pasakyti, kad atsižvelgiant į CSS stilių srityje standartas nežinau, ką jie daro, tai neįmanoma, bet pasakyti, kad jie visapusiškai bendradarbiauti su kitomis standartus interneto programavimo srityje yra taip pat neįmanoma.

Stiliai ir pseudo-klasės gali būti aprašyta ties puslapio kodavimo, kai serveris generuoja puslapį etape ir dinamikos jau viduje naršyklėje, jūs galite lengvai sukurti naują stilių ir pakeisti esamą.

Naudojant AJAX, kai nereikia iš naujo kurti puslapį rodyti atsakymą į lankytojo veiksmų, ir tai yra pakankamai pakeisti daiktą ar kelis daiktus prideda šiek tiek "pipirų". "Draugystė" kodas - tai jau naršykle (JavaScript) ir tai, kad serveris (PHP) - autoriaus (programuotojas) svetainėje paveldėjimas.

Apie tai, kaip šios sąveikos algoritmas bus įvykdytas, labai priklauso ne tik ekrane dėl jos elementų puslapyje, bet taip pat jų suvokimas toliau kodą. Paprasčiau tariant, pseudo (ypač) yra labai geras statiškas, kaip buriavimo jachtų aiškiai jūros su šviesos vėjas - viskas aišku, prieinama ir valdomas. Jei oras pasikeičia, arba, kai vėjas yra stipresnis, ar sukels lankytojas netikėtą situaciją, galite greitai nusileisti ant rifo ir prarasti lankytojas.

Standartinė ir jos emuliacija

Stilius CSS Hover galima emulowane naudodama JavaScript, per onmouseover ir onmouseout renginių naudojimui. Dažnai tai visi galai. Nuo sveiko proto, kai kalbama apie sukurti realias darbo vietoje, tai geriau išlaikyti kontrolę į savo rankas, negu duoti jį į mitinių standartus, pakeisti gailestingumo požiūriu yra valia ir noras kūrėjas.

Kartais galite skaityti kažką panašaus ", ši funkcija yra prieinama netgi IE», bet daugiau galima paskaityti apie tai, ką stiliai yra suvokiamas apibūdinti konkrečią naršyklę. Daug mažiau gali sužinoti apie tai, kaip įjungti skiriasi skirtingose naršyklėse.

Vertinant patirtį, žavisi funkcijas "Chrome" "ir" Opera "", kritikuoja lėtumas ir inercijos naršyklės iš gamintojo (iš nepamirštamas, brangūs ty nuo "Microsoft" bet programuotojas: "senas geras" Internet Explorer "nėra prakeikė tiesiog tingus ar kas kompiuteryje. tik žino, kaip žaisti "Solitaire", "- cituojamas nežinomo autoriaus internetu), turėtų laikytis aukso vidurį: naudoti kas veikia visur ir visais laikais.

Žmonės turi įrankius, dirbti, kada jie turi gauti emocijų, jie paprastai eiti į metrikacijos įstaigoje ar į teatrą, bet ne internetu.

Emuliacija ir kontrolės

Anksčiau, kai programavimo vis ant kojų, tai buvo įprasta klausytis senjorams ir rašyti teisingai. Šiandien per daug senjorams, per greitai viskas keičiasi, ir jei jūs klausytis visą laiką nepakanka net dėl labai paprastos darbo, bent minimalaus funkcinės svetainėje.

Programavimas - tai visų pirma kontrolės ir tais atvejais, kai standartiniai šališki nustato taisykles, arba galite tikėtis staigaus taisyklių pakeitimą, dėl jo likvidavimo ir naujos atsiradimą, geriausias sprendimas visada buvo ne padaryti bet kokius sprendimus ir įgyvendinti tinkamą Svetainės funkcionalumo galimas mažiausias, bet tikrai dirba kodą ,