Ovládací prvky CSS: krásná tlačítka

12. 3. 2019

Krása je relativní koncept. Chuť programátorů a uživatelů se dramaticky liší. Vznik internetu a všudypřítomná transformace místního programování do vývoje webových zdrojů a uživatelé programů do návštěvníků webových stránek nezměnil situaci.

Šablony, rámce, systémy řízení webu a další "procesní urychlovače" vývoje vytvořily nejprve kolekce nabídek, knoflíků, prvků návrhu stránek a nástrojů pro jejich správu a poté nabídly extrémně jednoduché možnosti a praktické návrhy pro vývojáře, které jsou pro návštěvníky srozumitelné.

Historický aspekt krásy v programování

Budoucí lídři v oblasti zpracování a zpracování informací začali s nabídkou. Zbytek softwarového průmyslu sledoval tradice budoucích vůdců. Tlačítka se objevily ne později než menu, ale jejich původní krása byla v objemu, což umožnilo odlišit tlačítko od lisovaného nebo nepřístupného.

"Primitivní

Byl to začátek "okna" nápady, dialog a tradiční tlačítko "krásné" řešení: Ok a Zrušit.

Obaly (prostředí, nástroje, IDE, ...), jako je například Turbo Vision, rychle našli mnoho rodičů a rodina populárních Vision začala růst. Vzhled grafiky na osobních počítačích vedl k přechodu do režimu "skutečné hlasitosti".

"Hromadné

Byl to "šedý objem", ale skutečně rozhraní okna a začátek návrhu tlačítka. Mnozí už si nepamatují primitivní časy v oblasti grafiky, ale krásné HTML / CSS tlačítka se objevily i tehdy.

Co se stalo později, byl jednoduchý příchod návrhářů do vývoje webových zdrojů.

Programátor (vývojář), pokud tuto profesi nenahlásíte, nebyl nikdy vyznamenán zálibou pro zobrazení krásy. Jeho karmou je vývoj kódu, myšlenek a technologií. Návrhář si myslí v jiných kategoriích a příchod návrhářů přenesl kus skutečné krásy do tlačítek ve tvaru knoflíku a zanechal v platnosti:

  • nápad;
  • objem;
  • stav (je zde, stisknuto, není k dispozici).

Pokud se nedostanete do jemnosti technologického vývoje webových zdrojů, produktivní 80. a 90. roky poskytly světu nejen Oracle, Microsoft a Google, ale také začaly realizovat "krásu" v reálném pracovním a praktickém obsahu.

Za prvé, design, pak praktičnost.

Transformace nápadů krásy do vývoje webových zdrojů byla jednoduchá. Myšlenka hypertextu je efektivní a koncepčně orientovaná systematizace všeho, co bylo dříve dosaženo. Krásný styl psaní kódu vyžaduje vytváření vysoce kvalitních dialogových nástrojů HTML / CSS. Krásná tlačítka a menu - důležitá součást každého webového zdroje.

Důležitou součástí vývoje webu

Nezáleží na tom, jak je toto tlačítko zarámováno: se seznamem tagů a seznamem prvků nebo s blokovacím tagem a obsahuje gradienty funkčnosti. Rozložení bloku, vývoj hypertextu, rozšiřování funkčnosti kaskádových stylových listů, které se okamžitě dostaly do popředí návrhu, spíše než praktickosti.

Toto bylo první urychlené rozhodnutí a dočasný úspěch. Místo musí být naživu, skutečně praktické a skutečnost, že jeho návrh musí být bezchybný, prostě by neměl být pochyb.

Příklad: mapa na místě počasí

Stačí kreslit mapu (město, okres nebo území) a připojit několik tlačítek:

  • teplota;
  • vlhkost;
  • tlaku

Ale toto není nejpraktičtější řešení. Zkušenosti s vývojem podobných stránek okamžitě dávají jednoznačné rozhodnutí, jak vytvořit "krásné tlačítko". Pravidlo CSS (jedno!) Pro kreslení map a potřebného počtu značek HTML pro každou lokalitu (můžete to udělat bez pravidel CSS). Všechna rozhodnutí.

Mapa počasí a tlačítka

V takovémto rozhodnutí ukazatel myši nad dohodou spustí událost a umožní zpracování konkrétního vypořádání. Pouze mapa je viditelná - je skutečná a praktická. Pod mapou je přiřazení funkčnosti. Potřebné obslužné rutiny událostí vyřeší správnou funkčnost.

Místo musí být naživu a skutečně praktické.

Návrh webového zdroje by měl být perfektní - to je nepochybné. Žádný problém: existuje spousta příkladů čistého CSS (hezké knoflíky a nabídky, vyskakovací dialogy, algoritmy pro sledování, rady s výběrovými schránek) na internetu.

Problémem není, jak zobrazit navržené sady pravidel CSS. Problémem je, jak kombinovat navrhovanou krásu se značkami webové stránky. Není to tak snadné vytáhnout cizí soubor CSS na stránku, ale přenášení nápadu je vždy praktické a obohatí vývojáře se zkušenostmi.

Ve zprávě "Internet CSS" se zpravidla nacházejí spousty zdrojů, vkládání HTML, odkazy na šablony nebo rámce třetích stran. Ne každý vývojář nebo majitel webu se zajímá o to, že svůj kód ukládá někomu jinému. Může to být kvůli obavám o bezpečnost a častěji k nedostatku skutečných potřeb.

Jedinečná tlačítka

Kopírujte a rozvíjejte myšlenku designu a pravidel CSS a krásné knoflíky vlastní výroby. Vysoce kvalitní a právně čisté rozhodnutí. Pravda bude muset strávit nějaký čas na redesign a programování, ale hra stojí za svatbu.

Perfektní design webových stránek je axiomem pro vývoj webu.

Jednoduchost je klíčem k úspěchu

První rozhodnutí vedlo k dočasnému úspěchu, kdy se šedá svačina změnila díky barevným tlačítkům a originálním nabídkám menu díky účasti profesionálních designérů. Krása vyhrála návštěvníky míst, ale externí pozlátko se stalo nudným a blikající pravidla CSS začala odvádět pozornost.

Druhé řešení: extrémní jednoduchost s plnou funkčností - se stala normou. Rozhodnutí bylo rozhodně samozřejmě přijato. Moderní systémy řízení webu (CMS) jsou pro dosažení svých cílů extrémně jednoduché a pohodlné.

Vývojář může dnes ve všech verzích webu - ručně vyvinutých nebo na základě CMS - spustit krásná tlačítka na CSS podle vašich představ nebo použít oblíbenou sbírku ze stránek třetích stran. Toto je riskantní rozhodnutí.

Manuální vývoj nebo CMS

V prvním případě prováděním ručního vývoje webu není hříchem požádat o názory předních výrobců populárního CMS. Stále však není známo ani sto profesionálů a vývojářská komunita měří stovky tisíc specialistů.

Ve druhém případě, ohýbání vlastní linie, když je vše připraveno a můžete prostě jednoduše a krásně odevzdat práci - ztrátu času. Zákazník nemusí ocenit a návštěvník prostě nerozumí autorovi.

V době, kdy se knoflíky již objevily, ale ještě nebylo žádné CS, krásné knoflíky nebyly vůbec nárokovány, protože byly skutečně krásné. Byl to "úbohý". Byl to pseudo-grafický, tj. Textový režim! Ale měli hlasitost, dokázali, že jsou stlačeni a mohou se stát nepřístupnými.

Krásné není vše, co provádí profesionální návrhář, ale je vždy krásné, že se provádí profesionálně a má praktickou hodnotu.