WikiDer > CSS негізі
CSS framework
 | Бұл мақала үшін қосымша дәйексөздер қажет тексеру. (Ақпан 2017) (Бұл шаблон хабарламасын қалай және қашан жою керектігін біліп алыңыз) |
A CSS негізі көмегімен веб-дизайнды жеңілдетіп, стандарттарға сай жасауға мүмкіндік беретін кітапхана Каскадтық стиль парақтары тіл. Бұл рамкалардың көпшілігінде кем дегенде а болады тор. Неғұрлым функционалды құрылымдар қосымша мүмкіндіктермен және қосымша мүмкіндіктермен қамтамасыз етілген JavaScript негізделген функциялар, бірақ көбінесе дизайнға бағытталған және интерактивті интерфейс үлгілеріне бағытталған. Бұл егжей-тегжей CSS құрылымын басқаларынан ерекшелендіреді JavaScript жақтаулары.
Маңызды және кең қолданылатын екі мысал Жүктеуіш және Қор.
CSS шеңберлері әртүрлі модульдер мен құралдарды ұсынады:
- стильдер кестесін қалпына келтіру
- тор әсіресе жауап беретін веб-дизайн
- веб типография
- жиынтығы белгішелер жылы шприттер немесе белгішелі қаріптер
- үшін сәндеу кеңестер, түймелер, элементтері нысандары
- бөліктері графикалық интерфейстер сияқты баян, қойындылар, слайдшоу немесе модальды терезелер (Lightbox)
- тең биіктік мазмұнын құру үшін эквалайзер
- жиі пайдаланылатын CSS көмекші сыныптары (сол, жасыру)
Үлкен шеңберлерде CSS интерпретаторы қолданылады Аздау немесе Sass.
Көрнекті CSS құрылымдарының тізімі
Торлы жүйелер
| Аты-жөні | Соңғы шығарылым (күні) | Лицензия | Тор | Бірліктер | Ерекшеліктер | Жоқ бағандар |
|---|---|---|---|---|---|---|
| Atomic CSS / Atomizer | Atomizer 3.7.0 (31 наурыз 2020)[1] | BSD лицензиясы | Кез келген | Кез келген | Динамикалық 'Atomic CSS' кітапханасы | Кез келген |
| Конспект | 1.0.1 (2011 ж. 14 мамыр)[2] | MIT лицензиясы | Типография, формалар, баспа, батырмалар, қойындылар мен спрайттарға арналған плагиндер. | |||
| Жүктеуіш | 4.5.3 (2020 ж. 13 қазан)[3] | MIT лицензиясы (Apache лицензиясы 3.1.0 дейін) | тұрақты, сұйық, жауап береді | дана,% | Макет, типография, формалар, батырмалар, навигация, медиа сұраулар, .sass файлдары, JavaScript кітапханалары. | Кез келген, әдепкі 12[4] |
| Булма | 0.8.2 (2020 ж. 11 сәуір)[5] | MIT лицензиясы | Flexbox негізіндегі, толықтай жауап беретін, торлы | дана,% | Макет, типография, формалар, батырмалар, навигация, .sass файлдары, үйренуге оңай синтаксис, JavaScript жоқ. | Кез келген, әдепкі 12[6] |
| Желілік | 7.0.0 (2019 ж. 29 желтоқсан)[7] | MIT лицензиясы | Flexbox негізделген, жауап береді | px,%, em | Макет, типография, формалар, батырмалар, .scss файлдары, кеңейтілген каскадтық (қосымша), JavaScript кітапханалары, CDN дайын. | Кез келген, әдепкі 12[8] |
| Каскадтық негіз | 1.6 (2014 жылғы 16 желтоқсан) [9] | MIT | тұрақты, серпімді, сұйық, жауап береді | дана,% | Тор, макет, типография, формалар, батырмалар және медиа сұраулар. (көбірек енгізілген) | Кез келген |
| Қор | 6.6.3 (2020 ж. 8 сәуір) [10] | MIT лицензиясы | сұйықтық | дана,% | Жауапты орналасу, дереккөздерге тапсырыс беру, типография, формалар, батырмалар, навигация, медиа сұраулар және JavaScript кітапханалары. | Кез келген, әдепкі 12[11] |
| ЯМЛ | 4.1.2 (2013 жылғы 28 шілде)[12] | CC-BY 2.0 | тұрақты, серпімді, сұйық | px, em,% | Макет, торлар, бағандар, пішіндер, батырмалар, жауап беретін макеттерге арналған прогрессивті сызықтандыру, қалқымалы өңдеу, навигация, типография, қол жетімділік және қондырмалар. (қол жетімді қойындылар, RTL-қолдау және микро форматтар) | Кез келген |
| YUI CSS торлары | 3.18.1 (22.10.2014)[13] | BSD-3 | тұрақты және сұйық | |||
| Siimple CSS | 3.3.1 (2019 жылғы 30 сәуір)[14] | MIT | тұрақты, сұйық, жауап береді | px | Типография (блок-квота, код, тақырыптар, сілтемелер, абзац, шағын мәтін), көмекшілер (түстер, дисплей, қалқымалы, өлшем, интервал, мәтін көмекшілері), элементтер (түймелер, ереже, спиннер, тег, ұш), компоненттер (ескерту, нан үгіндісі) , карточка, тізім, мәзір, кесте, қойындылар), орналасу (қорап, жолақ, мазмұн, джумботрон, колонтитул), форма (өрістер, енгізу, ауыстырып қосқыш, құсбелгі, радио, таңдау, мәтіндер), тор және эксперименттер (модаль, прогресс жолағы және қадамдар). | Кез келген, әдепкі 12 |
| Йогурт | 1.1.2-сольдкорд (2 қараша, 2020)[15] | MIT | flexbox, сезімтал, тұрақты, сұйық | Кез келген | (Йогурт құжаттамасы) Қол жетімділік, анимациялар, фондар, шекаралар, сұйықтықтар, эффекттер, сүзгілер, өрнектер, флексбокс, интерактивтілік, макеттер, өрнектер, өлшемдер, аралық, SVG, кестелер, тақырып, түрлендірулер, ауысулар, типография, (javascript жоқ), (төменгі деңгей) CSS жазбай сәндеу манипуляциясы) | Кез келген |
Сондай-ақ қараңыз
Әдебиеттер тізімі
- ^ «Шығарылымдар · acss-io / atomizer · GitHub». GitHub. Алынған 23 сәуір, 2020.
- ^ «Шығарылымдар · joshuaclayton / blueprint-css · GitHub». GitHub. Алынған 23 сәуір 2020.
Бұл репозиторий иесімен мұрағатталған. Ол енді тек оқуға арналған.
- ^ «Шығарылымдар · twbs / bootstrap · GitHub». GitHub. Алынған 31 қазан, 2020.
- ^ Жүктеу кестесінің құжаттары - торды теңшеу
- ^ «Шығарылымдар · jgthms / bulma · GitHub». GitHub. Алынған 22 сәуір, 2020.
- ^ Bulma құжаттамасы - плиткалар
- ^ «Шығарылымдар · geotrev / undernet · GitHub». GitHub. Алынған 23 сәуір 2020.
- ^ Желілік құжаттама - Flex Grid
- ^ Cascade Framework (16 желтоқсан 2014 ж.). «Cascade Framework 1.6 шығарылды. --- http://www.cascade-framework.com/ #css #html #frontend # frameworkpic.twitter.com / 9Hmfgbt47X». @cascadecss. Алынған 24 сәуір 2020.
- ^ «Шығарылымдар · негіз / құрылтай сайттары · GitHub». GitHub. Алынған 24 сәуір 2020.
- ^ Құрылыстық құжаттама - Тор
- ^ «Шығарылымдар · yamlcss / yaml · GitHub». GitHub. Алынған 24 сәуір 2020.
- ^ «Шығарылымдар · yui / yui3 · GitHub». GitHub. Алынған 24 сәуір 2020.
- ^ «V3.3.1 нұсқасы · siimple / siimple · GitHub». GitHub. Алынған 24 сәуір 2020.
- ^ «V1.1.2-қатты шығарылым · йогурт-тоналды крем / йогурт-css · GitHub». GitHub. Алынған 2 қараша 2020.
Сыртқы сілтемелер
- Салыстырумен CSS Front-end Framework
- Керемет CSS Framework, танымалдығы бойынша санатталған және тапсырыс берілген CSS жақтауларының заманауи жинағы