CSS kontrole: lijepe tipke

12. 3. 2019.

Ljepota je relativni pojam. Okusi programera i korisnika dramatično se razlikuju. Pojava Interneta i sveprisutna transformacija lokalnog programiranja u razvoj internetskih resursa, te korisnici programa u posjetitelje internetskih stranica nisu promijenili situaciju.

Predlošci, okviri, sustavi upravljanja mjestima i drugi "procesni akceleratori" razvoja prvi su stvorili zbirke izbornika, gumba, elemenata dizajna stranice i alata za upravljanje njime, a zatim su ponudili iznimno jednostavne opcije i prikladne dizajne za programere koji su razumljivi posjetiteljima.

Povijesni aspekt ljepote u programiranju

Budući lideri u području predstavljanja i obrade informacija započeli su s izbornikom. Ostatak softverske industrije slijedio je tradiciju budućih vođa. Tipke se nisu pojavile mnogo kasnije od izbornika, ali njihova izvorna ljepota bila je u volumenu, što je omogućilo razlikovanje gumba od prešanog ili nedostupnog.

„Primitivni

To je bio početak "prozora" ideja, dijaloga i tradicionalnog gumba "lijepo" rješenje: Ok i Odustani.

Omotači (okruženja, alati, IDE, ...), kao što je Turbo Vision, brzo su pronašli brojne roditelje i obitelj popularnog Visiona. Pojava grafike na osobnim računalima dovela je do prelaska u način "stvarnog volumena".

„Volumen

Bio je to "sivi volumen", ali stvarno sučelje prozora i početak dizajna gumba. Mnogi više ne pamte primitivna vremena na polju grafike, ali lijepi HTML / CSS gumbi "pojavili su se" čak i tada.

Kasnije se dogodio jednostavan dolazak dizajnera u razvoj web resursa.

Programer (programer), ako ne zovete ovu profesiju, nikada se nije razlikovao po sklonosti prikazivanju ljepote. Njegova karma je kod, ideja i tehnološki razvoj. Dizajner razmišlja u drugim kategorijama, a dolazak dizajnera prenio je dio stvarne ljepote u oblike u obliku gumba, ostavljajući na snazi:

  • ideju;
  • volumen;
  • stanje (postoji, pritisnut, nedostupan).

Ako ne idete u suptilnosti tehnološkog razvoja web resursa, produktivni 80-ih i 90-ih dali su svijetu ne samo Oracle, Microsoft i Google, već su također počeli provoditi "ljepotu" u stvarnom radnom i praktičnom sadržaju.

Prvo, dizajn, zatim praktičnost.

Preobrazba ideja ljepote u razvoj web resursa bila je jednostavna. Ideja hiperteksta je djelotvorna i konceptualno orijentirana sistematizacija svega što je do sada postignuto. Lijep stil pisanja koda zahtijeva stvaranje kvalitetnih HTML / CSS alata za dijalog. Prekrasni gumbi i izbornici - važan dio svakog web-resursa.

Važna komponenta web razvoja

Nije bitno kako je okvir uokviren: s oznakom popisa i popisom elemenata ili s oznakom bloka i sadrži gradacije funkcionalnosti. Blok izgled, razvoj hiperteksta, širenje funkcionalnosti kaskadnih stilova odmah stavlja na čelo dizajna, a ne praktičnost.

To je bila prva brzopleta odluka i privremeni uspjeh. Mjesto mora biti živo, stvarno praktično, a činjenica da njegov dizajn mora biti besprijekoran, jednostavno ne smije biti u nedoumici.

Primjer: karta na web-lokaciji s vremenskim uvjetima

Samo nacrtajte kartu (grad, okrug ili teritorij) i dodajte joj nekoliko gumba:

  • temperatura;
  • vlažnosti;
  • tlak.

Ali to nije najpraktičnije rješenje. Iskustvo razvijanja sličnih mjesta odmah donosi nedvosmislenu odluku kako napraviti “lijepi gumb”. CSS pravilo (jedno!) Za crtanje karata i potreban broj HTML oznaka za svaki lokalitet (možete to učiniti bez CSS pravila). Sve odluke.

Vremenska karta i gumbi

U takvoj odluci, usmjeravanje miša preko naselja pokrenut će događaj i omogućiti obradu određenog naselja. Vidljiva je samo karta - ona je stvarna i praktična. Pod kartom je dodijeljena funkcionalnost. Potrebni rukovatelji događaja sami će razraditi ispravnu funkcionalnost.

Stranica mora biti živa i stvarno praktična.

Dizajn web-resursa trebao bi biti savršen - to je nesumnjivo. Nema problema: na internetu postoji mnogo primjera čistog CSS-a (lijepi gumbi i izbornici, pop-up dijalozi, algoritmi za praćenje, savjeti s izbornim okvirima).

Problem nije u tome kako prikazati predložene skupove pravila za CSS. Problem je kako kombinirati predloženu ljepotu s oznakama web stranice. Nije lako izvaditi vanzemaljsku CSS datoteku na stranicu, ali prijenos ideje je uvijek praktičan i obogaćuje razvojnog inženjera iskustvom.

U pravilu, u verziji "Internet CSS", lijepi gumbi su popraćeni resursima, HTML umetcima, linkovima na predloške ili okvire trećih strana. Nije svaki programer ili vlasnik web-lokacije zainteresiran za bacanje svog koda s nekim drugim. To može biti zbog sigurnosnih razloga, a češće zbog nedostatka stvarne potrebe.

Jedinstvene tipke

Kopirajte i razvijte ideju dizajna i pravila CSS-a i lijepe gumbe vlastite izrade - spremni. Visoko kvalitetna i pravno čista odluka. Istina će morati provesti neko vrijeme na redizajnu i programiranju, ali igra je vrijedna svijeće.

Savršena web dizajn je aksiom web razvoja.

Jednostavnost je ključ uspjeha

Prva odluka dovela je do privremenog uspjeha, kada se sivi volumen pretvorio u šarene tipke i izvorna izbornička rješenja zahvaljujući sudjelovanju profesionalnih dizajnera. Ljepota je pobijedila posjetitelje na stranicama, ali vanjska šljokica postala je dosadna, a bljeskajući CSS pravila počela su skretati pozornost.

Drugo rješenje: iznimna jednostavnost s punom funkcionalnošću - postala je norma. Karakteristično je da je ova odluka donesena kao pitanje. Moderni sustavi upravljanja gradilištem (CMS) postali su iznimno jednostavni i praktični za postizanje svojih ciljeva.

Developer može danas, u bilo kojoj verziji stranice - ručno razvijenoj ili na temelju CMS-a - izvršavati lijepe gumbe na CSS-u po vašoj želji ili koristiti popularnu kolekciju s web-lokacije treće strane. To je riskantna odluka.

Ručni razvoj ili CMS

U prvom slučaju, izvođenjem ručnog razvoja stranice, nije greh tražiti mišljenje vodećih proizvođača popularnog CMS-a. Ipak, ne postoji stotinjak stručnjaka koji stavljaju svoja znanja i vještine, a razvojnu zajednicu mjere stotine tisuća stručnjaka.

U drugom slučaju, savijanje vlastite linije, kada je sve spremno pri ruci i možete jednostavno predati posao čisto i lijepo - gubitak vremena. Klijent možda ne cijeni, a posjetitelj jednostavno ne razumije autora.

U vrijeme kada su se tipke već pojavljivale, ali još nije bilo CS-a, lijepi gumbi uopće nisu traženi jer su doista lijepi. Bili su "jadni". Bio je to pseudo-grafički, tj. Tekstualni način! Ali imali su volumen, mogli su pokazati da su pritisnuti i da bi mogli postati nedostupni.

Lijepo nije samo ono što izvodi profesionalni dizajner, ali je uvijek lijepo da se izvodi profesionalno i nosi stvarnu praktičnu vrijednost.