Konštrukcia ovládacích prvkov CSS: krásne tlačidlá

Krása - koncept je relatívny. Chuť programátorov a užívateľov je pozoruhodná. Vznik internetu a rozšírené transformácie miestnej programovanie v rozvoji internetových zdrojov a aplikácií užívateľov - návštevníkov sa nemení veci. Vzory, rámy, systém pre správu obsahu a ďalších "boostery proces návrh pôvodne vytvorený súbor ponuky, tlačidiel, grafických prvkov a nástrojov pre správu stránok, a ponúkol veľmi jednoduché a pohodlné dizajnové možnosti pre vývojárov pochopil návštevníkov.

Historické hľadisko krásy v programovaní

Budúce Lídri v reprezentácii a spracovanie spustiť z ponuky. Iný softvérový priemysel sa riadil tradíciami budúcich lídrov. Tlačidlá sa objavila o niečo neskôr ako v ponuke, ale to bolo rýdzi krása miery, že bolo možné rozlíšiť tlačidlo alebo neprístupné.


To bol začiatok "okná" myšlienok, dialógu a tradičné tlačidlovú "krásny" riešenie: Ok a zrušiť. Program shell (životné prostredie, nástroje, IDE,) typu Turbo Vision rýchlo našiel mnoho rodičov a rodiny z populárnej Vision začala rásť. Vznik grafiky na osobných počítačoch viedol k prechodu na "skutočne hromadný režim.
Toto bol "sivý objem", ale skutočné okno rozhranie a začiatok dizajnu tlačidiel. Mnohí ľudia už si pamätajú na primitívne časy v grafickej oblasti, ale už sú známe krásne tlačidlá HTML /CSSpotom. Čo sa stalo neskôr, bol samotný príchod dizajnérov v oblasti vývoja webových zdrojov. Programátor (developer), ako názov tejto profesie, sa nikdy nerozlišoval v tendencii zobrazovať krásnu. Jeho karma - kód, myšlienky a technológie vývoja. Projektant si myslia, že ostatné kategórie, a prichádzajú dizajnéri pohyboval kúsok skutočnú krásu v tlačidle forme, takže v platnosti

  • predstavu;
  • objem;
  • uvádza (klik, nie je k dispozícii).
  • Ak nechcete ísť do zložitosti vývoja technológie webových zdrojov, produktívne 80. a 90. rokoch dala svetu nielen Oracle, Microsoft a Google, ale aj počiatok "krása" je skutočný a praktický zmysel.

    Po prvé dizajn, praktickosť a potom

    Transformácia predstavy o kráse v rozvoji internetových zdrojov bol jednoduchý. Myšlienka hypertextu je efektívna a konceptuálne orientovaná systematizácia všetkého, čo bolo predtým dosiahnuté. Dobrý štýl písania kódu vyžadoval vytvorenie vysoko kvalitných dialógových nástrojov v HTML /CSS. Krásne tlačidlá a ponuky sú dôležitou súčasťou ľubovoľného webového zdroja.
    Bez ohľadu na to, ako zarámované tlačidlá: Zoznam tag a tag položky zoznamu alebo jednotka a obsahuje funkcie triedenia. Blok kódovanie vývoj Hypertext rozšírenie funkčnosti kaskádových štýlov okamžite prepusteného do dizajnu uhla hlavy, nie praktickosť. Toto bolo prvé urputné rozhodnutie a dočasný úspech. Miesto musí byť nažive, naozaj praktické a skutočnosť, že jeho návrh by mal byť bezchybný, jednoducho by nemal spôsobovať pochybnosti.

    Príklad: mapa na lokalite počasia

    Jednoducho nakreslite mapu (mesto, oblasť alebo územie) a pridajte niektoré tlačidlá:
  • teplota;
  • vlhkosť;
  • .
  • Toto však nie je veľmi praktické rozhodnutie. Skúsenosti s vývojom podobných lokalít naraz dáva jednoznačné rozhodnutie o tom, ako vytvoriť "dobré tlačidlo". Pravidlo CSS (jedno!) Na výkrese mapy a požadovaný počet značiek HTML na jedno miesto (je to možné bez akýchkoľvek pravidiel CSS). Všetky rozhodnutia.
    V takomto rozhodnutí bude cieľová myš pre danú lokalitu spôsobovať udalosť a umožní spracovanie konkrétneho vyrovnania. Iba mapa je viditeľná - je to skutočné a praktické. Pod mapou je funkcia funkcie. Požadované spracovatelia udalostí vyhotovia správne funkcie.

    Stránka musí byť nažive a naozaj praktická.

    Návrh webového zdroja musí byť bezchybný - nie je pochýb o tom. Neexistujú žiadne problémy: príklady čistého CSS (krásne tlačidlá a menu, rozbalovacie dialógy, algoritmy na sledovanie, rady s voľbou blokov) na internete sú bohaté.
    Problémom nie je, ako zobraziť navrhovaný súbor pravidiel CSS. Problém je v tom, ako kombinovať navrhovanú krásu so značkami webovej stránky. Nie je tak ľahké "natiahnuť" stránku na cudzí súbor CSS, ale pohybovať sa myšlienka je vždy praktická a obohacuje vývojára so skúsenosťami. V pravidle "Internet CSS" sú krásne tlačidlá sprevádzané zdrojmi, vložkami HTML, odkazmi na šablóny alebo rámčeky tretích strán. Nie každý developer alebo majiteľ stránok má záujem zablokovať svoj kód niekomu inému. Môže to byťspôsobené bezpečnostnými faktormi a častejšie než nedostatok skutočnej potreby.
    Kopírujte a rozvíjajte myšlienku dizajnu a pravidiel CSS a pekné domáce tlačidlá sú pripravené. Kvalitatívne a právne čisté riešenie. Je pravda, že musíte stráviť nejaký čas na redesign a programovanie, ale hra stojí za sviečky. Bezchybný dizajn stránky je axiómom vývoja webu.

    Jednoduchosť je kľúčom k úspechu.

    Prvé riešenie viedlo k dočasnému úspechu, keď sa sivý objem zmenil na farebné tlačidlá a pôvodné rozhodnutia v menu vďaka účasti profesionálnych dizajnérov. Krása dobila návštevníkov miest, ale prišiel vonkajší lístia a blikajúce pravidlá CSS začali odvádzať pozornosť.

    Druhé riešenie: okrajová jednoduchosť s plnou funkčnosťou - sa stala normou. Toto rozhodnutie bolo rozhodne prijaté, pretože je samozrejmé. Moderné systémy správy stránok (CMS) sa stali extrémne jednoduchými a čo najpomalejšími na dosiahnutie svojich cieľov. Vývojár môže dnes v ľubovoľnej verzii stránky - manuálny vývoj alebo na základe CMS - vykonávať CSS krásne tlačidlá podľa vášho vkusu alebo použiť populárnu kolekciu z inej stránky. Toto je riskantné rozhodnutie.
    V prvom prípade, robiť manuálny vývoj stránky, nie je hriech, požiadať o názory popredných výrobcov populárnych CMS. Napriek tomu nie je ani sto profesionálov, ktorí dali svoje vedomosti a zručnosti a vývojové komunity sú merané stovkami tisíc odborníkov. V druhom prípade ohýbajte linku, keď je všetko pripravené a môžete ju len očistiťJe to prekrásny čas prestať pracovať - ​​strávenie času. Zákazník nemusí oceniť a návštevník jednoducho nechápe autora. V čase, keď sa tlačidlá už objavili, ale ešte nebola žiadna CS, krásne gombíky boli nárokované vôbec, pretože boli skutočne krásne. Boli "chudobní". Toto bolo pseudo-grafika, teda textový režim! Mali však objem, ktorý by mohol dokázať, že boli tlačené a mohli sa stať nedostupnými. No nie všetko, čo urobil profesionálny dizajnér, ale vždy krásne urobil, že profesionálne a má skutočnú praktickú hodnotu.

    Súvisiace publikácie