CSS framework

CSS framework  je framework vytvořený za účelem zjednodušení práce designéra layoutu , urychlení vývoje a odstranění maximálního možného počtu chyb v layoutu ( problémy s kompatibilitou mezi různými verzemi prohlížečů atd.). Podobně jako knihovny skriptovacích jazyků jsou i knihovny CSS , obvykle ve formě externího souboru css, „připojeny“ k projektu (přidány do záhlaví webové stránky). Rámce s více funkcemi mají také více funkcí a doplňků založených na JavaScriptu, ale jsou většinou orientovány na design a zaměřují se na interaktivní vzory uživatelského rozhraní. Tento detail odlišuje frameworky CSS od jiných frameworků JavaScript.

Výhody

• Umožňuje programátorovi nebo návrháři, který nemá zkušenosti se složitostí rozvržení, správně vytvořit rozvržení HTML .
• Rozvržení založené na vrstvách, nikoli na tabulkách.
• Rychlejší vývoj.
• Kompatibilita s crossbrowserem .
• Schopnost používat generátory kódu [1] a vizuální editory .
• Jednotnost kódu při práci v týmu umožňuje snížit počet neshod při vývoji.

Nevýhody

• Knihovny mohou být velmi „nabušené“ – může tam být spousta kódu navíc, který se v projektu nepoužije.
• Návrh bude záviset na knihovně css.
• Nutnost přidat více tříd do jednoho prvku porušuje princip, pro který bylo CSS vytvořeno: oddělení popisů struktury a vzhledu.

Rozdíly

• Některé knihovny [2] používají resetování stylů ( reset.css ), aby odpovídaly výchozím stylům napříč prohlížeči, zatímco jiné [3] používají normalizaci ( Normalize.css ) ke snížení množství počátečního kódu knihovny.

Typy knihoven CSS

Kvůli zmíněným nedostatkům je používání knihoven CSS v odborné veřejnosti kontroverzní. To také vedlo ke vzniku různých typů knihoven CSS. Obvykle lze rozlišit dva typy: Komplexní a Limited. Třetí možností by bylo vyvinout vlastní knihovnu [4] . Tuto možnost upřednostňuje většina vývojářů, protože poskytuje výhody vlastního řešení a snižuje negativa závislosti na knihovnách třetích stran.

Komplexní knihovny CSS

Tento typ knihovny se snaží pokrýt většinu věcí, které by vývojář mohl potřebovat. Tento typ zahrnuje knihovny, které obsahují CSS pro rozvržení a reset (nebo nějaký druh frameworku).

Omezené knihovny CSS

Jak název napovídá, tento typ knihovny pokrývá pouze omezený okruh potřeb nebo má specifický účel.

Příklady knihoven CSS

Komplexní

• Bootstrap  je knihovna vytvořená vývojáři Twitteru .
• W3.css - CSS framework od w3schools.
• Twitter let
• modrotisk
• UIKit
• Materialize je framework CSS ve stylu Material Design .
• 960 Grid System  je knihovna pro rychlý vývoj rozvržení.
• Yet Another Multicolumn Layout (YAML)  – má nástroj pro generování kódu, schopnost vytvářet adaptivní rozhraní .
• css-framework  je ruská knihovna pro vývoj webových rozhraní.
• Foundation  je pokročilá knihovna pro vývoj citlivých rozhraní .
• Golden Grid System  je knihovna pro vývoj adaptivních rozhraní založených na zlatém řezu .
• Gumby Framework
• Topcoat  je malá knihovna od Adobe distribuovaná pod licencí Apache 2.0.
• Compass je framework CSS nezávislý na Rails.
• Zbytek CSS Framework

Limited

• jQuery UI CSS Framework
• Slideshow System založený na CSS  je knihovna pro vytváření prezentací.

Poznámky

1. ↑ YAML Builder . Datum přístupu: 20. srpna 2012. Archivováno z originálu 23. srpna 2012. (neurčitý)
2. ↑ Původní „reset meyerwebu“ našel cestu do Blueprintu . Datum přístupu: 20. srpna 2012. Archivováno z originálu 22. srpna 2012. (neurčitý)
3. ↑ Normalize.css se používá v Twitter Bootstrap, HTML5 Boilerplate, NASA atd . . Získáno 28. září 2017. Archivováno z originálu 3. dubna 2013. (neurčitý)
4. ↑ Pokyny pro vývoj vlastního CSS frameworku Archivováno 15. srpna 2012.

Odkazy

•  Porovnání CSS frameworků
• Rámce pro  designéry
• Konečný seznam rámců CSS – vyberte si svůj  styl
•  Knihovna CSS 960 Grid System
•  Bootstrap CSS Library na Github
• Vše o 960g - téměř vyčerpávající popis  (ruština)