CSS: vznášejte se. Původní efekty vznášení

Základní myšlenka byla myšlenka rozdělit zobrazení informací z kódu jeho vytváření a zpracování. Toto bylo včasné rozhodnutí silné, ale tento okamžik nebyl plně uznán. Při programování je oddělena od jednoho počítače, ale nevyhrál v lokální síti nebo jediné domény zóny, a okamžitě se rozšířil všude možně, ale pak se ukázalo, že poskytování informací (z hlediska designu) a pracovat s ním (pokud jde o kód) - dva strany ve stejné rovině.

Tři strany stavby

Z formálního hlediska existují tři hlavní komponenty (v různých syntaktických formách), které tvoří web: PHP kód, kód jаvascript a popisy stylu CSS. Nezáleží na tom, jak je použita verze a jaká verze je použita, jakou verzi HTML značky používáte a jakou verzi prohlížeče stojí. Kompatibilita se nyní nedodržuje, protože v každém okamžiku je aktuální: co je zakódováno a co od toho, co je zakódováno, může být zobrazeno a provedeno.

Pokud dříve byly myšlenky bojovány s jazyky, dnes je spíš výrobci standardů v oblasti internetových technologií a prohlížečů.

Osobní a veřejné

Prostředky, kterými je internet přístupný, hodně (počítače, notebooky, tablety, chytré telefony), prohlížeče, jsou také hojné. Neexistuje žádná záruka, že jednotlivé zařízení zobrazí stránky ve formě, ve které byly vytvořeny vývojáři. Ne vždy je snaha druhého cíle dosáhnout cíle a poskytovat webový design s jediným multi-faceted, to je jednota zobrazení subjektu, kdekoli se otevírá návštěvník.

Sdílení osobních i veřejností, pomocí toho, co funguje, můžete dosáhnout významného úspěchu v designu. Krása, umělecký moment a web design jsou součástí odpovídajících specialistů a talentů. CSS je kód, i když je velmi zvláštní. Jeho zájmem je popsat styly (možnosti zobrazení informací). S příchodem mobilních zařízení bylo CSS načteno skutečným kódováním ve formě mediálních dotazů. Takže možnost nového manželství mezi designem a kódem není tak nerealistická, jak se to mohlo zdát jen před pár lety.

Vývojář, který pracuje na vývoji stylů CSS, spoléhá na svou osobně prokázanou zkušenost a na ty návrhy CSS, které pracují na většině prohlížečů, uspokojí většinu návštěvníků webu. Je nutné maximálně využít prvního a minima sekundy, pak je mnohem větší šance na získání výsledku, pracovat téměř vždy a všude.

První pravidlo: na úroveň naděje, ale není špatný

CSS: Hover - to je, když myš "šla" na element stránky. Po kliknutí myší na prvek se aktivuje, ale když kurzor přejde na stranu, může se znovu změnit a zobrazit v aktivním stavu. ": Hover", "active" a "visited" jsou nejoblíbenější pseudotřídy při popisování stylů.

Velmi pohodlné je v kódu místa, aby se nestaral o takové malé věci, jako je pohyb myši nad prvky. V tabulce popisů stylů jsou uvedeny dva popisy:

element {

barva: černá;

}}

element: hover {

barva: bílá;

barva pozadí: zelená;

}}

Získejte, když umístíte ukazatel myši na prvek, změníte barvu textu z černé na bílou a změníte pozadí tohoto prvku na zelenou. Pseudo-třídy lze aplikovat na jakýkoli prvek a dosáhnout různých vizuálních efektů.

Druhé pravidlo: důvěřujte normám, zaměřte se na váš kód

Všechno by bylo v pořádku, pokud pokrok zůstal u počítačů a notebooků vybavených rameny, a pokroky v oblasti mobilní komunikace nevedla ke vzniku chytrých telefonů, tabletů a dalších mobilních zařízení, která se připojují takové zařízení je velmi problematické.

Na druhou stranu, jen vybaven speciálním dotykovým displejem gadget je k dispozici přímo manipulovat s prsty na dotykovém displeji, jak se stalo zvykem, aby chytré telefony, tablety a podobná zařízení.

Existuje významný rozdíl a: vznášadlo zde nefunguje vůbec, jak bychom rádi. Zde nemůžete bez kódu a ne všechny otázky řeší použití mediálních dotazů.

Kompatibilita - v dnešním světě informací příliš drahé, a proto pro zajištění správné funkčnosti webu ve stanovených požadavků na web design a realizace funkční, s výhodou vedeno nezbytné minimum případy použití: CSS hover, CSS vznášet ostření, CSS hover aktivní (na) . Čím více kódu (jak uvnitř prohlížeče, tak i na serveru) řídí webový design, tím lépe. Program je ovládán, je lepší, když se tato kontrola neodevzdává standardům, od kterých často nevíte, co očekávat.

Tlačítka a další prvky stránky

Tlačítko CSS je skvělé řešení, ale většinou každý prvek stránky je "tlačítko". Místo musí být nejprve naživu a pokud není zahrnuto do kódu, je-li úkolem vytvořit web, který se odpovídajícím způsobem rozvíjí v oblasti aplikace a pracuje s přihlédnutím k chování návštěvníka, pak alespoň používání stylů CSS může dát živost prvkům stránky.

Použijte efekty hover-efektu. S jejich pomocí můžete snadno vytvořit stránky živější, ale kód neví, co myš dělá na obrazovce, pokud nemá schopnost sledovat jeho pohyb. Z tohoto hlediska, tj. Když kód ovládá pohyb myši (= pohyb prstu na smartphonu), může tento prvek samostatně osvětlovat nebo převést. To nemá nic společného s pseudo-třídami, ale poskytuje plnou kontrolu nad kódem vnějšího vzhledu stránky, dovoluje vám to odpovídajícím způsobem zobrazit na různých zařízeních v různých prohlížečích.

Úskalí ve stylu listů

Chcete-li říci, že jsou standardní v popisu stylů, CSS neví, co dělají, je to nemožné, ale nelze říci, že plně komunikují s ostatními standardy v oblasti internetového programování.

Styly a pseudotřídy lze popsat na fázi kódování stránky v okamžiku, kdy server vytváří stránku a v dynamice: již v prohlížeči, můžete snadno vytvořit nový styl a změnit existující styl.

Pomocí AJAX, když není potřeba regenerovat stránku tak, aby odrážela reakci na akci návštěvníka, ale pouze změnit její prvek nebo několik elementů přidá trochu "pepř". Kódy "přátelství" - ty, které jsou již v prohlížeči (jаvascript) a skutečnost, že server (PHP) - osud autorského (programátora) webu.

Z toho, jak bude algoritmus této interakce proveden, závisí nejen zobrazení jeho prvků na stránce, ale také jejich další vnímání kódem. Jednoduše řečeno, pseudo-třídy (zvláště) jsou velmi dobré pro statiky, něco jako plachetnice v čistém moři s lehkým větrem - všechno je zřejmé, přístupné a zvládnutelné. Pokud se počasí změní nebo vítr vzroste nebo návštěvník způsobí nepředvídatelnou situaci, můžete rychle letět do útesu a ztratit návštěvníka.

Standard a jeho emulace

Styl CSS vznášet se můžete pomocí jаvascriptu pomocí událostí onmouseover a onmouseout. Často to všechno končí. Z pohledu zdravého rozumu, pokud jde o vytvoření skutečného pracoviště, je lepší držet kontrolu nad vašimi rukama, než abyste se vzdali mytickým standardům, které se mění mimo vůli a touhu developera.

Někdy můžete přečíst něco jako "tato funkce je k dispozici i v IE", ale častěji si můžete přečíst o tom, jaké popisy stylů vnímá tento nebo ten prohlížeč. Je mnohem méně pravděpodobné, že se dozvíte, jak se v určitých prohlížečích liší jаvascript.

Vyhodnocování zkušeností, obdivoval funkce „Chrome“ a „Opera“, které kritizovaly pomalost a setrvačnost prohlížeče od výrobcem (nezapomenutelná, milý k srdci každého programátora z IE, „Microsoft“: "Dobrý starý prohlížeč Internet Explorer neposlouchal jen líný. Nebo někdo, kdo na počítači může hrát pouze v "šátku", - citace neznámého autora internetu), měli byste dodržovat zlatý prostředek: použijte něco, co funguje všude a vždy.

Lidé potřebují peníze, aby mohli pracovat, když potřebují získat vzrušení, které obvykle přicházejí do kanceláře nebo divadla, ale ne na internetu.

Emulace a řízení

Dříve, když se programování dostalo na nohy, bylo obvyklé poslouchat starší a psát správně. Nyní je příliš mnoho starších, všechno se mění příliš rychle, a pokud posloucháte všechny, pak nebude mít dost času na dokonce ani velmi jednoduchou práci na minimálním funkčním webu.

Programování - je především kontrola, a v případech, kdy standardní neobjektivní stanovuje pravidla, nebo si můžete očekávat prudké změně pravidel, jeho likvidaci a vznik nového, že nejlepším řešením bylo vždy aby nebyly činěny žádné rozhodnutí, a implementovat požadované funkcionality stránce nejmenší, ale ve skutečnosti pracuje kód .