Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:26.3.2015 23:48

Ahoj,

už jako fakt hoooodně dlouhou, a tím myslím sakramentsky dlouho, přemýšlím o tvořbě vlastního CSS frameworku. Prostě chci udělat něco, na co já i hromada dalších lidí řekne 'tyvole, vážně dobrá práce'.

Bootstrap, Foundation - to jsou velké zrůdy s poměrně dobrým UI, avšak dá se na nich vylepšit hromada věcí, hlavně zjednodušit.

Kdyby se tedy někdo chtěl zapojit a pomoci mi 'rozjet' nový CSS framework, který bychom mohli konečně s radostí používat, určitě se přidejte! :)

https://twitter.com/owlcss
https://github.com/owlcss

Práce:
Celý framework by se měl skládat z malých CSS komponent, který budou psány v Sass (pokud chcete, klidně můžete dělat překlad do LESS), po vzoru objektového CSSka se syntaxí BEM.

// To jsou ty divný pomlčky a podtržítka

block__element--modifier

Pro jednoduchou správu budeme používat Gulp http://gulpjs.com/

A pro komunikaci budeme využívat https://gitter.im/owlcss/owlcss

Neboj a napiš - jediné co můžeš je naučit se prima věci!

Editováno
Odpovědět
26.3.2015 23:48
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Tomáš Maňhal
Člen
Avatar
Odpovídá na Honza Bittner
Tomáš Maňhal:27.3.2015 0:03

Vypadá to zajímavě :-) Budu z dálky sledovat vývoj zatím :-)

 
Nahoru Odpovědět
27.3.2015 0:03
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:28.3.2015 21:48

Vytvořil jsem jednoduchou webovou stránku -> http://owlcss.github.io :)

Editováno
Nahoru Odpovědět
28.3.2015 21:48
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Vakos
Tvůrce
Avatar
Odpovídá na Honza Bittner
Vakos:30.3.2015 20:05

Je už vymyšleno, co vše tento CSS framework bude umět a jak to bude pro grafické stránce?
Bude Owl CSS obsahovat také javascript nebo je to pouze o CSS?

Nahoru Odpovědět
30.3.2015 20:05
"Jediný způsob, jak dělat skvělou práci, je milovat to, co děláte. Pokud jste to ještě nenašli, hledejte dál. Ne...
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Vakos
Honza Bittner:30.3.2015 20:36

Owl CSS bude front-end framework pro html/css komponenty, které budou obsahovat navíc případnou JS podporu (přemýšlím také nad využitím Dartu). Krom podpory komponent bude JS (nebo ten Dart) spravovat také různé efekty/funkce jako smoothscroll, sticky menu, a už mě teď momentálně nenapadá nic cool. :D

Owl CSS bude, narozdíl od ostatních, opravdu plně objektový - tedy bude využívat OOCSS s BEM syntaxí. To dovolí uživateli konečně využívat smysluplnné názvy tříd. V IDE bude tedy stačit napsat "btn" a vyjede vám celý seznam - všechny modifikátory - pro danou třídu.

Bude obsahovat navíc speciální komponenty (nejsou to komponenty jako takové, ale ještě pro to nemám název), které se budou starat např. o tvar či pozadí. Zde se bude využívat jen tvarů s modifikátorem (např. shape--round, bg--alert).

Nějaká malá ukázka, co jsem našel v Bootstrapu vs plánovaný Owl Css.

/* bootstrap */
class="btn btn-primary btn-lg disabled alert"

/* předpokládaná podoba Owl CSS */
class="btn btn--primary btn--large btn--disabled bg--alert" (nebo možná state--alert - nevím přesně)

Mnoho použití tříd v Bootstrapu je navíc dost nekonzistentní, což zhoršuje jeho používání a celkově chvilku můžete přemýšlet, co že to vlastně, např. disabled, dělá...

Určitě to bude dobrým konkurentem Bootstrapu (či jiných), pokud získáme dobrou popularitu. :)

Ve fázi promýšlení mám ještě několik věcí, které by mohli býti super a Bootstrap je nemá.

Určitě se tedy nebojte do projektu připojit!

Nahoru Odpovědět
30.3.2015 20:36
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na Honza Bittner
Michal Žůrek - misaz:30.3.2015 20:47

proč je tvůj výhled do světa zastíněn bootstrapem? Já se v tom moc nevyznám, ale to vážně neexisutje nic jiného?

 
Nahoru Odpovědět
30.3.2015 20:47
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:30.3.2015 20:51

Asi protože bootstrap se považuje za nejpopulárnější css framework(bych řekl), ale já někdy používám i http://foundation.zurb.com

Editováno
Nahoru Odpovědět
30.3.2015 20:51
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Honza Bittner:30.3.2015 20:58

Psal jsem aj "a jiných"... :)

Bootstrap je prý nejpopulárnější, tak jsem zmiňoval hlavně jej.

Editováno
Nahoru Odpovědět
30.3.2015 20:58
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.