Open-source toolkit за разработване с HTML и CSS.

grayshift

grayshift

New Member
ca7ea2d3e6ea6849484d4b93ca4484c5.jpg


Привет,

През последните няколко месеца работя върху инструмент за разработка на страници с HTML и CSS. Започнах го с идеята да улесня работния си процес, но в последствие реших да го пусна за всеобщо ползване.

Накратко, базиран е на Bootstrap, не е писан с CSS препроцесор, използвал съм custom properties. Смяната на light и dark mod-а става с помощта на prefers-color-scheme media query. Смяна на тема за Windows 10 - Смяна на тема за Mac

Компоненти

Теми

Изтегли
 
Интересен проект, но много работа има докато може да се използва. Няколко въпроса -> каква му е идеята, ако екстендва bootstrap - > какви проблеми решава, които bootstrap не може да реши? Понеже буутстрапа идва с less/sass и много лесно се сменят цветовете, ти какъв тип таргет търсиш като downloads/community? Admin panel/dashboards? Front ends? Много малко документация, със сигурност си разглеждал подобни фреймове и знаеш, че всеки елемент, освен демо има и разни опции, dark/light, статик , и т.н.. и т.н.. . Тоест за card имаш 5-6 варианта, при теб компонентите са директно демо, а и на бял фон се виждат малко трудно спрямо gray цветовете.
 
ReminD каза:
Интересен проект, но много работа има докато може да се използва. Няколко въпроса -> каква му е идеята, ако екстендва bootstrap - > какви проблеми решава, които bootstrap не може да реши? Понеже буутстрапа идва с less/sass и много лесно се сменят цветовете, ти какъв тип таргет търсиш като downloads/community? Admin panel/dashboards? Front ends? Много малко документация, със сигурност си разглеждал подобни фреймове и знаеш, че всеки елемент, освен демо има и разни опции, dark/light, статик , и т.н.. и т.н.. . Тоест за card имаш 5-6 варианта, при теб компонентите са директно демо, а и на бял фон се виждат малко трудно спрямо gray цветовете.
Увеличете...

Направата на документация е следващата стъпка. Не използвам препроцесори, като SASS & LESS, защото смятам, че създават повече проблеми, отколкото решават. Освен това, с навлизането на CSS variables (custom properties) употребата им напълно ще се обезсмили. В конкретния пример за смяната на цветовете, използването на CSS variables пред CSS препроцесор е дори по-предпочитан.
 
Да, но пък в bootstrap можеш да махнеш каквото не ти трябва, да си компилираш нещата и да няма излишен css. При теб май това не е възможно по лесен начин? За пример, искам само грида на bootstrap, и cards / navigation на Semantic UI -> импортвам си от препроцесорите само _grid.scss + 2та scss на semantic и си работя с олекотен css.
 
ReminD каза:
Да, но пък в bootstrap можеш да махнеш каквото не ти трябва, да си компилираш нещата и да няма излишен css. При теб май това не е възможно по лесен начин? За пример, искам само грида на bootstrap, и cards / navigation на Semantic UI -> импортвам си от препроцесорите само _grid.scss + 2та scss на semantic и си работя с олекотен css.
Увеличете...

Едното отнема пет секунди, другото десет. Заслужава ли си? Според мен - не. Да не говорим за всички купища глупости, които трябва да инсталираш, преди да можеш да компилираш.
 
Добре изглежда, много олекотен CSS, обаче на пръв поглед това е просто... Буутстрап тема?

Зарежда един и същ stylesheet всички демота. Май не мога да си избирам кои компоненти да зареди?

От инструментите за опаковане (webpack, parcel) в днешно време трудно може да се избяга, освен за бързи бейзик проекти. Мъката е само първия път докато ги нагласиш - веднъж фанеш ли им цаката е просто копи-пейст + малко донагласяне от проект в проект. Твърде много благинки предлагат към CSS препроцесинга.

Щеше да е по-интересно ако бяха резнати jQuery-то и Буустрапския бъндъл. Вярно че са минимални, ама в последно време е някакси маркетингово да се изтупаш в гърдите че не зареждаш jQuery...

TLDR: Що не го предложиш в Буутстрап маркетплейса за премиум теми? Мн добре изглежда, има собствен(edit: не бил собствен) сет икони, темплет за чат апп и т.н.
 
Последно редактирано:
Noke каза:
Добре изглежда, много олекотен CSS, обаче на пръв поглед това е просто... Буутстрап тема?

Зарежда един и същ stylesheet всички демота. Май не мога да си избирам кои компоненти да зареди?

От инструментите за опаковане (webpack, parcel) в днешно време трудно може да се избяга, освен за бързи бейзик проекти. Мъката е само първия път докато ги нагласиш - веднъж фанеш ли им цаката е просто копи-пейст + малко донагласяне от проект в проект. Твърде много благинки предлагат към CSS препроцесинга.

Щеше да е по-интересно ако бяха резнати jQuery-то и Буустрапския бъндъл. Вярно че са минимални, ама в последно време е някакси маркетингово да се изтупаш в гърдите че не зареждаш jQuery...

TLDR: Що не го предложиш в Буутстрап маркетплейса за премиум теми? Мн добре изглежда, има собствен(edit: не бил собствен) сет икони, темплет за чат апп и т.н.
Увеличете...

Не бих го описал като framework, по-скоро UI Kit, който е взаимствал build процеса си от Bootstrap с тънката разлика, че Bootstrap е mobile-first, докато Grayshift е повече фокусиран в theming-а.

Ако трябва да бъда честен, подхождам доста егоистично спрямо този проект и правя това, което на мен ми харесва и няма да крия, че не харесвам да ползвам CSS препроцесори. Просто намирам решението за по-лошо от проблема.

Между другото, Bootstrap v5 спира поддръжката на jQuery и Internet Explorer. Премиум темите ги предлагам в themeforest, Bootstrap marketplace-а се управлява от двама души и всичко става много бавно, буквално отнема месеци да получиш одобрение.
 
grayshift каза:
Между другото, Bootstrap v5 спира поддръжката на jQuery и Internet Explorer. Премиум темите ги предлагам в themeforest, Bootstrap marketplace-а се управлява от двама души и всичко става много бавно, буквално отнема месеци да получиш одобрение.
Увеличете...
УАУ, найс! От 5 години в който и проект да вляза гледам да го разкарам. Радвам се че се случва и на други места.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе