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

grayshift

New Member


Привет,

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

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

Компоненти

Теми

Изтегли
 

ReminD

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

grayshift

New Member
Интересен проект, но много работа има докато може да се използва. Няколко въпроса -> каква му е идеята, ако екстендва 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 препроцесор е дори по-предпочитан.
 

ReminD

Well-Known Member
Да, но пък в bootstrap можеш да махнеш каквото не ти трябва, да си компилираш нещата и да няма излишен css. При теб май това не е възможно по лесен начин? За пример, искам само грида на bootstrap, и cards / navigation на Semantic UI -> импортвам си от препроцесорите само _grid.scss + 2та scss на semantic и си работя с олекотен css.
 

grayshift

New Member
Да, но пък в bootstrap можеш да махнеш каквото не ти трябва, да си компилираш нещата и да няма излишен css. При теб май това не е възможно по лесен начин? За пример, искам само грида на bootstrap, и cards / navigation на Semantic UI -> импортвам си от препроцесорите само _grid.scss + 2та scss на semantic и си работя с олекотен css.
Едното отнема пет секунди, другото десет. Заслужава ли си? Според мен - не. Да не говорим за всички купища глупости, които трябва да инсталираш, преди да можеш да компилираш.
 

Горе