Предлагаю к холивару сразу же две группы:
LESS vs SASS vs Stylus
Gulp vs Grunt
На какие из технологий стоит обратить присталное внимание? То есть какие останутся на рынке дольше всего?
Ну или хотя бы кто какие использует?
Цитата (waldicom @ 19.12.2015 - 23:21) |
Less, grunt |
Цитата (Invis1ble @ 20.12.2015 - 00:04) |
bootstrap'а на scss |
Цитата (Wind @ 20.12.2015 - 01:53) | ||
Наверное никогда не пойму использование этого фреймворка |
Цитата (Wind @ 20.12.2015 - 02:58) |
css стили на 100+ кб это ужас |
@original-bootstrap-less-dir: "../../../../../../../bower_components/bootstrap/less/";
// Core variables and mixins
@import "@{original-bootstrap-less-dir}variables.less";
@import "@{original-bootstrap-less-dir}mixins.less";
// Reset and dependencies
@import "@{original-bootstrap-less-dir}normalize.less";
@import "@{original-bootstrap-less-dir}print.less";
/*@import "@{original-bootstrap-less-dir}glyphicons.less";*/
// Core CSS
@import "@{original-bootstrap-less-dir}scaffolding.less";
@import "@{original-bootstrap-less-dir}type.less";
/*@import "@{original-bootstrap-less-dir}code.less";*/
@import "@{original-bootstrap-less-dir}grid.less";
@import "@{original-bootstrap-less-dir}tables.less";
@import "@{original-bootstrap-less-dir}forms.less";
@import "@{original-bootstrap-less-dir}buttons.less";
// Components
@import "@{original-bootstrap-less-dir}component-animations.less";
@import "@{original-bootstrap-less-dir}dropdowns.less";
@import "@{original-bootstrap-less-dir}button-groups.less";
/*@import "@{original-bootstrap-less-dir}input-groups.less";*/
@import "@{original-bootstrap-less-dir}navs.less";
@import "@{original-bootstrap-less-dir}navbar.less";
@import "@{original-bootstrap-less-dir}breadcrumbs.less";
@import "@{original-bootstrap-less-dir}pagination.less";
/*@import "@{original-bootstrap-less-dir}pager.less";*/
/*@import "@{original-bootstrap-less-dir}labels.less";*/
/*@import "@{original-bootstrap-less-dir}badges.less";*/
/*@import "@{original-bootstrap-less-dir}jumbotron.less";*/
/*@import "@{original-bootstrap-less-dir}thumbnails.less";*/
@import "@{original-bootstrap-less-dir}alerts.less";
@import "@{original-bootstrap-less-dir}progress-bars.less";
/*@import "@{original-bootstrap-less-dir}media.less";*/
/*@import "@{original-bootstrap-less-dir}list-group.less";*/
/*@import "@{original-bootstrap-less-dir}panels.less";*/
/*@import "@{original-bootstrap-less-dir}responsive-embed.less";*/
/*@import "@{original-bootstrap-less-dir}wells.less";*/
@import "@{original-bootstrap-less-dir}close.less";
// Components w/ JavaScript
@import "@{original-bootstrap-less-dir}modals.less";
@import "@{original-bootstrap-less-dir}tooltip.less";
/*@import "@{original-bootstrap-less-dir}popovers.less";*/
/*@import "@{original-bootstrap-less-dir}carousel.less";*/
// Utility classes
@import "@{original-bootstrap-less-dir}utilities.less";
@import "@{original-bootstrap-less-dir}responsive-utilities.less";
// Customization
@import "variables.less";
@import "mixins.less";