Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 46
Поддержка Flexbox
А не известно ли вдруг, есть у них в планах добавление вертикальных лэйаутов в каком-то виде, типа как в Foundation for Apps?
Отличные новости, ждем стабильного релиза и можно внедрять :)
Неплохо
Жаль, что SASS, а не Stylus… Надеюсь, форк обновят под альфу.
И у меня часто был такой вопрос. 3-4 года со Stylus, но большинство крупных open-source проектов на SASS. В чем прикол, то?
Жаль, что Stylus не получил достаточной популярности… А потом, похоже, популярным станет PostCSS…
У вас много опыта, не подскажите пару моментов насчет stylusa
1) Использование прозрачных миксинов неочевидно из кода, то есть если кто-то куда-то допишет такой миксин, то узнаешь об этом по факту из chrome developer tools.
2) Так как нет фигурных скобочек, то редактор не понимает где нужны отступы, и приходится добивать их, чтобы свойства были внутри селектора, а потом обратно удалять пробелы, чтобы вернуться на уровень селектора, чтобы написать следующий селектор, что я делаю не так? ( в scss все просто, открыл скобки, значит пишешь свойства, после закрытой скобки идет селектор)
3) zen coding от phpstorm не понимает этот stylus и уверенно расcтавляет двоеточие между свойство и значением, победить не смог, пример display: none
4) в styluse для БЭМ нотации есть клевая фишка с &__name, но после таких объявлений фиг чего по проекту по селектору найдешь.
и еще много таких неприятных мелочей, но подскажите, пожалуйста, хотя бы по этим, что не так делаю.
1) Использование прозрачных миксинов неочевидно из кода, то есть если кто-то куда-то допишет такой миксин, то узнаешь об этом по факту из chrome developer tools.
2) Так как нет фигурных скобочек, то редактор не понимает где нужны отступы, и приходится добивать их, чтобы свойства были внутри селектора, а потом обратно удалять пробелы, чтобы вернуться на уровень селектора, чтобы написать следующий селектор, что я делаю не так? ( в scss все просто, открыл скобки, значит пишешь свойства, после закрытой скобки идет селектор)
3) zen coding от phpstorm не понимает этот stylus и уверенно расcтавляет двоеточие между свойство и значением, победить не смог, пример display: none
4) в styluse для БЭМ нотации есть клевая фишка с &__name, но после таких объявлений фиг чего по проекту по селектору найдешь.
и еще много таких неприятных мелочей, но подскажите, пожалуйста, хотя бы по этим, что не так делаю.
1) То что неочевидно, очень даже плюс. Особенно когда не было автопрефиксера, я просто писал border-radius, а он раскрывал мне все как надо. Из акутальных text-overflow требует трех строчек, вместо одной. К тому-же можно писать непрозрачные — stripe()
2) Это проблема редактора и/или плагинов. Subime Text и Atom отлично работают со Stylus. Нужно поставить плагин.
3) Это тоже проблема редактора, я решал такую проблему с Sublime и с Atom, если пользуетесь чем-то из этого, напишите мне, я помогу.
4) Я разбиваю на множество маленьких модулей, и ищу по первой БЭМ класса по всем файлам .styl, пока что проблем не возникает. К тому-же можно настроить поддержку SourceMap, и прямо из дебагера посмотреть что и где поправить. Хотя такая проблема присуща и LESS/SASS.
2) Это проблема редактора и/или плагинов. Subime Text и Atom отлично работают со Stylus. Нужно поставить плагин.
3) Это тоже проблема редактора, я решал такую проблему с Sublime и с Atom, если пользуетесь чем-то из этого, напишите мне, я помогу.
4) Я разбиваю на множество маленьких модулей, и ищу по первой БЭМ класса по всем файлам .styl, пока что проблем не возникает. К тому-же можно настроить поддержку SourceMap, и прямо из дебагера посмотреть что и где поправить. Хотя такая проблема присуща и LESS/SASS.
Насчёт 2 и 3 — фигурные скобки и двоеточия спокойно распознаются Stylus'ом, я фигурные скобки вообще всегда использую для удобства.
Есть автоматическая конвертация less2stylus и sass2stylus же.
А чем Stylus хорош?
Он умеет всё то, что умеет и SASS, но к тому же позволяет различный синтаксис и Globbing. Ну и гемора с установкой под Виндой меньше, что тоже приятная фича.
Стилус безусловно имеет свои очень крутые плюшки (вроде переопределения свойств), но зависимость от переносов строк и пробелов — перечёркивает вообще все его плюсы, имхо.
Пользуясь случаем, как на стилусе написать код с таким форматированием?
Пользуясь случаем, как на стилусе написать код с таким форматированием?
box-shadow:
0 3px 2px rgba(#000, .2),
0 0 0 1px rgba(#000, .3),
0 -1px 0 1px rgba(#fff, .9);
Ну и гемора с установкой под Виндой меньше, что тоже приятная фича.Сейчас пилят официальный libsass на C++. Когда закончат — Ruby будет не нужен для его работы.
Я про него и говорил, у меня он не хочет компилиться. Разобраться можно, но проще SASS-код в Stylus преобразовать для старых проектов…
Ну, вряд ли его вот прям «закончат» — он уже давно в ходу и прекрасно работает.
Я имел в виду, когда он станет 100% совместимым с оригинальным Sass. Сейчас пишут, что последняя версия libsass совместима с версией на Ruby на 98.53%. Полагаю, что когда доберутся до 100%, на sass-lang.com появятся официальные билды sassc для Windows.
Это компилятор, который работает в виндовой комстроке?
Я тоже мучался с sass под виндой, заработал только Prepros — но он дико неудобный, да ещё к тому же и платный.
Я тоже мучался с sass под виндой, заработал только Prepros — но он дико неудобный, да ещё к тому же и платный.
Про Win ничего сказать не могу, к сожалению, давно ничего на нем не настраивал :) Но судя по докам libsass — Windows там тоже поддерживается, как для самого libsass, так и для программы sassc для запуска из командной строки.
Попробуйте node-sass — работает хорошо. Там выше писали про не 100% совместимость с оригинальной реализацией, но я пока не сталкивался с этой проблемой (возможно она действительно есть).
Вот че бы не сделать кнопочку up↑?
Переезд с Less на Sass
Пичалька. Мне лично Less как-то больше нравится
Да, меня тоже немного это опечалило. Переход скорее всего связан с большими возможностями sass + скорость компиляции выше.
Значит нужно просто менять свои принципы и переходить на sass :)
Значит нужно просто менять свои принципы и переходить на sass :)
Не спешите, известный tweet от создателя Bootstrap, Марка Отто:
Oh, btw—Bootstrap 4 will be in SCSS. And if you care, v5 will likely be in PostCSS because holy crap that sounds cool.
Переходите, не пожалеете. Сам раньше пользовался только Less, знаю о чем пишу)
>> Пока там 3 внушительные темы по $99 (dashboard, application, marketing).
С ценой они, конечно, переборщили. Шаблоны простенькие и намного менее функциональные, чем представленные в сети.
С ценой они, конечно, переборщили. Шаблоны простенькие и намного менее функциональные, чем представленные в сети.
Сегодня был запущен еще один проект – Official Bootstrap Themes
Есть такой небезызвестный сайт wrapbootstrap, я так понимаю Official Bootstrap Themes тоже самое, только пока на низком старте
Трижды ура!
Только из-за того, что включили поддержку flexbox, я безумно благодарен разработчикам.
Только из-за того, что включили поддержку flexbox, я безумно благодарен разработчикам.
Тема за 99$, конечно, такая тема… *кашляет в кулачок*
Немного странным показалось решение использовать Grunt в качестве билд-системы. Есть, конечно, стабильность и прочее, но всё же, многие давно пересели на Gulp. А так, новость очень даже хорошая.
А кто-нибудь из вас может предположить дату выхода в релиз Bootstrap 4?
К 1 июня 2016 это реально? Или это пару лет пилиться будет, никто не в курсе?
Требуется готовый шаблон к лету с админкой, который можно было бы купить.
К 1 июня 2016 это реально? Или это пару лет пилиться будет, никто не в курсе?
Требуется готовый шаблон к лету с админкой, который можно было бы купить.
Судя по тому, что 8 декабря 2015 вышла только вторая альфа релиз можно ожидать к концу 2016. Следовательно хорошие коммерческие шаблоны Bootstrap 4 следует ожидать к весне 2017. То есть если вы начинаете проект в 2016 году придётся делать это на Bootstrap 3. Хотя 4 версия конечно круче, но нужно время.
Для веба 1.5 года в статусе Alpha — это, ребята, жесть.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Bootstrap 4 вышел в alpha версии