Diskuze: Owl CSS

HTML a CSS HTML a CSS Owl CSS American English version English version

Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

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 26.3.2015 23:51
Odpovědět  +4 26.3.2015 23:48
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
tomasmanhal
Člen
Avatar
Odpovídá na Honza Bittner
tomasmanhal:

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

Nahoru Odpovědět  +2 27.3.2015 0:03
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

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

Editováno 28.3.2015 21:48
Nahoru Odpovědět 28.3.2015 21:48
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Vakos
Redaktor
Avatar
Odpovídá na Honza Bittner
Vakos:

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  +1 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
Redaktor
Avatar
Odpovídá na Vakos
Honza Bittner:

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  +1 30.3.2015 20:36
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Odpovídá na Honza Bittner
Michal Žůrek (misaz):

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  +1 30.3.2015 20:47
Nesnáším {}, proto se jim vyhýbám.
Avatar
BlugW
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
BlugW:

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 30.3.2015 20:51
Nahoru Odpovědět  +1 30.3.2015 20:51
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Honza Bittner:

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

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

Editováno 30.3.2015 20:58
Nahoru Odpovědět  +1 30.3.2015 20:58
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
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.