Rámec CSS - CSS framework
 | tento článek potřebuje další citace pro ověření. (Února 2017) (Zjistěte, jak a kdy odstranit tuto zprávu šablony) |
A Rámec CSS je knihovna umožňující snadnější a standardizovanější webový design pomocí Kaskádové styly Jazyk. Většina z těchto rámců obsahuje alespoň a mřížka. Více funkčních rámců také přichází s více funkcemi a dalšími JavaScript založené na funkcích, ale jsou většinou designově orientované a zaměřené na interaktivní vzory uživatelského rozhraní. Tento detail odlišuje rámce CSS od ostatních Rámce JavaScriptu.
Dva pozoruhodné a široce používané příklady jsou Bootstrap a Nadace.
Rámečky CSS nabízejí různé moduly a nástroje:
- obnovit styl
- mřížka speciálně pro responzivní webdesign
- webová typografie
- množina ikony v skřítci nebo ikonová písma
- styling pro popisky, tlačítka, prvky formuláře
- části grafická uživatelská rozhraní jako akordeon, záložky, prezentace nebo modální okna (Světelný box )
- ekvalizér pro vytvoření obsahu stejné výšky
- často používané pomocné třídy CSS (vlevo, odjet, skrýt)
Větší rámce používají překladač CSS Méně nebo Sass.
Seznam pozoruhodných rámců CSS
Mřížkové systémy
| název | Poslední vydání (datum) | Licence | Mřížka | Jednotky | Funkce | Ne. sloupců |
|---|---|---|---|---|---|---|
| Atomic CSS / Atomizer | Atomizer 3.7.0 (31. března 2020)[1] | Licence BSD | Žádný | Žádný | Dynamická knihovna „Atomic CSS“ | Žádný |
| Modrotisk | 1.0.1 (14. května 2011)[2] | Licence MIT | Typografie, formuláře, tisk, doplňky pro tlačítka, karty a skřítky. | |||
| Bootstrap | 4.5.3 (13. října 2020)[3] | Licence MIT (Licence Apache před 3.1.0) | pevné, plynulé, citlivé | px,% | Rozložení, typografie, formuláře, tlačítka, navigace, dotazy na média, soubory .sass, knihovny JavaScriptu. | Libovolné, výchozí 12[4] |
| Bulma | 0.8.2 (11. dubna 2020)[5] | Licence MIT | Flexbox založený, plně reagující, mřížka | px,% | Rozložení, typografie, formuláře, tlačítka, navigace, soubory .sass, snadno naučitelná syntaxe, žádný JavaScript. | Libovolné, výchozí 12[6] |
| Undernet | 7.0.0 (29. prosince 2019)[7] | Licence MIT | Flexbox založený, citlivý | px,%, em | Rozvržení, typografie, formuláře, tlačítka, soubory .scss, kaskádový rozsah (volitelně), knihovny JavaScriptu, připraveno pro CDN. | Libovolné, výchozí 12[8] |
| Kaskádový rámec | 1.6 (16. prosince 2014) [9] | MIT | pevné, pružné, pružné, citlivé | px,% | Mřížka, rozložení, typografie, formuláře, tlačítka a mediální dotazy. (více v ceně) | Žádný |
| Nadace | 6.6.3 (8. dubna 2020) [10] | Licence MIT | tekutina | px,% | Responzivní rozložení, objednávání zdrojů, typografie, formuláře, tlačítka, navigace, dotazy médií a knihovny JavaScriptu. | Libovolné, výchozí 12[11] |
| YAML | 4.1.2 (28. července 2013)[12] | CC-BY 2.0 | pevné, elastické, tekuté | px, em,% | Rozvržení, mřížky, sloupce, formuláře, tlačítka, progresivní linearizace pro responzivní rozvržení, manipulace s floatem, navigace, typografie, přístupnost a doplňky. (přístupné karty, podpora RTL a mikroformáty) | Žádný |
| Mřížky YUI CSS | 3.18.1 (22. října 2014)[13] | BSD-3 | pevné a tekuté | |||
| Jednoduché CSS | 3.3.1 (30. dubna 2019)[14] | MIT | pevné, plynulé, citlivé | px | Typografie (blockquote, kód, nadpisy, odkazy, odstavec, malý text), pomocníci (barvy, displej, float, velikost, mezery, textové pomocníky), prvky (tlačítka, pravidlo, číselník, značka, tip), komponenty (výstraha, strouhanka , karta, seznam, nabídka, tabulka, karty), rozložení (rámeček, navigační lišta, obsah, jumbotron, zápatí), formulář (pole, vstup, přepínač, zaškrtávací políčko, rádio, výběr, textová oblast), mřížka a experimenty (modální, ukazatel průběhu a kroky). | Libovolné, výchozí 12 |
| Jogurt | 1.1.2-solidcore (2. listopadu 2020)[15] | MIT | flexbox, citlivý, pevný, plynulý | Žádný | (Jogurtová dokumentace ) Přístupnost, Animace, Pozadí, Hranice, Tekutiny, Efekty, Filtry, Vzory, Flexbox, Interaktivita, Rozvržení, Vzory, Dimenzování, Mezery, SVG, Tabulky, Témata, Transformace, Přechody, Typografie, (bez JavaScriptu), (nízkoúrovňový) manipulace se stylem bez psaní CSS) | Žádný |
Viz také
Reference
- ^ „Vydání · acss-io / atomizer · GitHub“. GitHub. Citováno 23. dubna 2020.
- ^ „Vydání · joshuaclayton / blueprint-css · GitHub“. GitHub. Citováno 23. dubna 2020.
Toto úložiště bylo archivováno vlastníkem. Nyní je jen pro čtení.
- ^ „Vydání · twbs / bootstrap · GitHub“. GitHub. Citováno 31. října 2020.
- ^ Bootstrap dokumentace - Přizpůsobení mřížky
- ^ „Vydání · jgthms / bulma · GitHub“. GitHub. Citováno 22. dubna 2020.
- ^ Bulma dokumentace - Dlaždice
- ^ „Vydání · geotrev / undernet · GitHub“. GitHub. Citováno 23. dubna 2020.
- ^ Dokumentace Undernet - Flex Grid
- ^ Cascade Framework (16. prosince 2014). „Byla vydána verze Cascade Framework 1.6. --- http://www.cascade-framework.com/ #css #html #frontend # frameworkpic.twitter.com / 9Hmfgbt47X“. @svatebnik. Citováno 24. dubna 2020.
- ^ „Vydání · nadace / nadační weby · GitHub“. GitHub. Citováno 24. dubna 2020.
- ^ Dokumentace nadace - Grid
- ^ „Vydání · yamlcss / yaml · GitHub“. GitHub. Citováno 24. dubna 2020.
- ^ „Vydání · yui / yui3 · GitHub“. GitHub. Citováno 24. dubna 2020.
- ^ „Release v3.3.1 · siimple / siimple · GitHub“. GitHub. Citováno 24. dubna 2020.
- ^ „Release v1.1.2-solidcore · jogurtový základ / jogurtový css · GitHub“. GitHub. Citováno 2. listopadu 2020.
externí odkazy
- Front-endové rámce CSS s porovnáním
- Úžasné rámce CSS, nejnovější kolekce rámců CSS kategorizovaných a seřazených podle popularity