CSS kontrole: lepi gumbi

Lepota je relativni koncept. Okus programerjev in uporabnikov se dramatično razlikuje. Pojav interneta in vseprisotno preoblikovanje lokalnega programiranja v razvoj spletnih virov ter uporabniki programov na obiskovalce spletnih strani niso spremenili položaja.

Predloge, okviri, sistemi za upravljanje spletnih mest in drugi "procesni pospeševalniki" razvoja so najprej ustvarili zbirke menijev, gumbov, elementov oblikovanja strani in orodij za upravljanje, nato pa so ponudili zelo preproste možnosti in priročne modele za razvijalce, ki so razumljivi obiskovalcem.

Zgodovinski vidik lepote pri programiranju

Prihodnji vodje na področju predstavljanja in obdelave informacij so se začeli z menijem. Preostali del industrije programske opreme je sledil tradiciji prihodnjih voditeljev. Gumbi se niso pojavili veliko kasneje kot v meniju, vendar je bila njihova prvotna lepota v obsegu, kar je omogočilo razlikovanje gumba od stisnjenega ali nedostopnega.

Bilo je začetek "okno" ideje, dialog in tradicionalni gumb "lepa" rešitev: Ok in Prekliči.

Ovojnice (okolja, orodja, IDE, ...), kot je Turbo Vision, so hitro odkrile številne starše in družino popularne Vision. Videz grafike na osebnih računalnikih je privedel do prehoda v način "realnega volumna".

Bila je »siva prostornina«, vendar resnično okenski vmesnik in začetek oblikovanja gumba. Mnogi se ne spomnijo več primitivnih časov na področju grafike, toda lepi gumbi HTML / CSS se "pojavijo" že takrat.

Kasneje je prišlo do preprostega prihoda oblikovalcev v razvoj spletnih virov.

Programer (razvijalec), če ne imenujete tega poklica, se nikoli ni razlikoval po nagnjenosti k prikazovanju lepote. Njegova karma je koda, ideje in tehnološki razvoj. Oblikovalec razmišlja v drugih kategorijah in prihod oblikovalcev je prenesel kos resnične lepote v oblike v obliki gumba, ki so ostale v veljavi:

• idejo;
• volumen;
• stanje (pritisnjeno, ni na voljo).

Če ne gredo v razlik tehnologije razvoja spletnih virov, produktivnih 80-ih in 90-ih je dal svetu ne le Oracle, Microsoft in Google, ampak tudi začel izvajati "lepoto" v resnično delovne in praktične vsebine.

Prvič, oblikovanje, nato praktičnost.

Preobrazba lepotnih idej v razvoj spletnih virov je bila preprosta. Ideja o hipertekstu je učinkovita in konceptualno usmerjena sistematizacija vsega, kar je bilo prej doseženo. Čudovit slog pisanja kode zahteva izdelavo visoko kakovostnih orodij za pogovorno okno HTML / CSS. Lepi gumbi in meniji - pomemben del vsakega spletnega vira.

Ni pomembno, kako je uokvirjen gumb: s oznako seznama in seznamom elementov ali z oznako bloka in vsebuje stopnjevanje funkcionalnosti. Blok postavitev, razvoj hiperteksta, širitev funkcionalnosti kaskadnih slogov takoj postavi v ospredje oblikovanja, ne pa praktičnosti.

To je bila prva hitra odločitev in začasni uspeh. Spletna stran mora biti živa, resnično praktična in dejstvo, da mora biti njegova zasnova brezhibna, preprosto ne sme biti v dvomih.

Primer: zemljevid na vremenski strani

Samo narišite zemljevid (mesto, okraj ali ozemlje) in vanj priložite več gumbov:

• temperatura;
• vlažnost;
• pritiska

Vendar to ni najbolj praktična rešitev. Izkušnje razvoja podobnih lokacij takoj dajejo nedvoumno odločitev, kako narediti »lep gumb«. Pravilo CSS (eno!) Za risanje zemljevidov in potrebno število oznak HTML za vsako lokacijo (to lahko storite brez pravil CSS). Vse odločitve.

S takšno odločitvijo se z miško usmeri na naselje, ki sproži dogodek in omogoči obdelavo določene poravnave. Viden je samo zemljevid - resničen in praktičen. Pod zemljevidom je dodeljena funkcionalnost. Potrebni upravljavci dogodkov sami določijo pravilno funkcionalnost.

Spletna stran mora biti živa in praktična.

Oblikovanje spletnega vira mora biti popolno - to je nedvomno. Ni problema: na internetu je veliko primerov za čisto CSS (lepi gumbi in meniji, pojavna okna, algoritmi za sledenje, namigi z izbirnimi polji).

Težava ni v tem, kako prikazati nabor pravil CSS. Problem je, kako predlagano lepoto združiti z oznakami spletne strani. Ni tako enostavno potegniti tujo CSS datoteko na stran, vendar je prenos ideje vedno praktičen in bogati razvijalca z izkušnjami.

Praviloma so v različici "Internet CSS" lepi gumbi opremljeni z viri, vstavki HTML, povezavami s predlogami ali okviri tretjih oseb. Vsak razvijalec ali lastnik spletnega mesta ne zanima, da bi svojo kodo prepustil nekomu drugemu. Razlog za to so lahko varnostni pomisleki in pogosteje pomanjkanje prave potrebe.

Kopirajte in razvijajte idejo o oblikovanju in pravilih CSS ter lepih gumbih lastne izdelave - pripravljeni. Visokokakovostna in pravno čista odločitev. Resnica bo morala preživeti nekaj časa na preoblikovanju in programiranju, vendar je igra vredna sveče.

Popolna zasnova spletne strani je aksiom razvoja spletnih strani.

Preprostost je ključ do uspeha

Prva odločitev je privedla do začasnega uspeha, ko se je siva glasnost spremenila v pisane gumbe in izvirne menijske rešitve, zahvaljujoč sodelovanju profesionalnih oblikovalcev. Lepota je osvojila obiskovalce na straneh, vendar je zunanja resica postala dolgočasna, in utripajoča pravila CSS so začela odvračati pozornost.

Druga rešitev: izjemna preprostost s polno funkcionalnostjo - je postala norma. Značilno je, da je bila ta odločitev sprejeta kot stvar. Sodobni sistemi za upravljanje lokacij (CMS) so postali zelo preprosti in priročni za doseganje svojih ciljev.

Razvijalec lahko danes, v kateri koli različici strani - ročno razvit ali na podlagi CMS - izvrši lepe gumbe na CSS po vaših željah ali uporabi priljubljeno zbirko s strani tretje osebe. To je tvegano odločitev.

V prvem primeru, ki opravlja ročni razvoj strani, ni greh zahtevati mnenja vodilnih proizvajalcev priljubljenega CMS-a. Še vedno pa ni sto strokovnjakov, ki bi svoje znanje in spretnosti postavili na svoje mesto, razvojno skupnost pa meri več sto tisoč strokovnjakov.

V drugem primeru, upogibanje svoje linije, ko je vse pripravljeno pri roki in lahko preprosto predajo delo čisto in lepo - izguba časa. Stranka ne more ceniti in obiskovalec preprosto ne razume avtorja.

V času, ko so se gumbi že pojavili, vendar še ni bilo CS-ja, lepe tipke sploh niso zahtevale, ker so bile res lepe. Bili so "nesrečni". To je bil psevdo-grafični, tj. Tekstovni način! Toda imeli so obseg, lahko pokažejo, da so bili pritisnjeni in bi lahko postali nedostopni.

Lepa je daleč od vsega, kar opravlja profesionalni oblikovalec, vendar je vedno lepo, da se izvaja profesionalno in ima resnično praktično vrednost.