Vyborne. Rovno vies nieco k tomu vyberu CSS frameworku napisat?
Teoreticky kazdy CSS framework vieme customizovat na nas vlastny. Ci uz Pure, Bootstrap, jQuery UI alebo YUI. Otazka, pri takychto open source projektoch (by podla mojej skusenosti) skor mala stat, co je najlahsie pre novych ludi jump-in, co nema steep learning curve, ale je citatelne a lightweight.
Som za Bootstrap, pretoze s nim vacsinou vedia robit aj back-end devs, je najpopularnejsi a vyzera ze bude a mame s nim skusenosti.
@jsuchal — spravim nejaky okomentovany boilerplate s mierne upravenou temou od Boostrapu (s nasimi fontami docasnymi, farbami, logami).
Vies my vytvorit repo “frontend” na Githube v https://github.com/slovensko-digital a dat mi na neho admin prava, nech viem commitovat?
Ja som tiez za Bootstrap. Btw, na nom je zalozeny aj frontend ITMS2014+. Zacali sme budovat aj kniznicu komponentov pre ITMS s dokumentaciou v style Bootstrap, tu je ich zopar: http://sandbox.bratia.sk/itms/_public_html/components/
2 Likes
Nie nie, to je predcasne. Skor by mazaujimalo ake su moznosti a spravit nejaky prehlad co pouzivaju v zahranici, na tech. urovni. Zdroje su tu Vytvorenie dizajn manuálu
@filip ako je to s podporou prehliadacov? Podla vynosu IS VS musia byt podporovane prehliadace s aspon 5% zastupenim v SR. Podla http://rankings.sk/en/rankings/web-browsers.html je taky MSIE 10.0 out. Ale tipnem, ze na uradoch to nemusi byt take ruzove. V ITMS ste to riesili?
Cisto teoreticky je aj bootstrap 4 v hre? On je myslim IE9+
Podla mojho nazoru na vsetky nove veci vzdy posledna stabilna verzia, cize Bootstrap 4, ked konecne vyjde.
1 Like
zaujímavé repa z UK
manuals-frontend
frontend
nejaky mensi research z UK
pouzivaju na vsetkych strankach normalize, co je podla mna must
https://necolas.github.io/normalize.css/
zaujimavy blog o tom, ako robili research js usage
o ich supporte mimo desktopov
webfonty na uk
colohon (!!)
https://gds.blog.gov.uk/colophon-beta/
resp, ake veci pouzivaju
obcasne unit testing by jasmine, ale vyzera to skor pro forma
3 Likes
Co sa tyka frameworku ja by som isiel do niecoho zakladnejsieho ako Susy http://susy.oddbird.net alebo uz spominany Pure http://purecss.io. V pripade nejakeho vacsieho frameworku by som preferoval Foundation, ktory mi pride technicky vyspelejsi. Popripade nieco modernejsie ako http://bulma.io.
Nejake dalsie zdroje:
Davam taktiez do pozornosti Government Service Design Manual https://www.gov.uk/service-manual
V com je vyhoda tychto frameworkov oproti Bootstrapu? Ja vidim velku vyhodu Bootstrapu v komunite (vela dokumentacie a pomoci), krivke ucenia sa a third party rozsireni (rozne custom fieldy ale aj porty napr. na Angular, atd.).
Myslim ze Bootstrap je out of business, dnes vedie Foundation co sa tyka vyspelosti aj jednoduchosti ucenia. Docs su perfektne spracovane, syntax primitivna a pritom powerful, nehovoriac o nekonecnych moznostiach customizovania vramci SASS.
Ja sa rad pripojim pokial sa front-end bude riesit vo foundation
@filip tak ako hovori @aidam. Navyse co sa tyka napr. Angularu tak maju priamu integraciu http://foundation.zurb.com/apps.html
Okrem toho maju podporu aj pre emailove sablony http://foundation.zurb.com/emails.html.
Stranka s dalsimi zdrojmi http://foundation.zurb.com/sites/resources.html a rozsireniami http://foundation.zurb.com/develop/building-blocks.html. Maju pekne rozbehnute support forum http://foundation.zurb.com/forum a aktivny vyvoj na GitHube https://github.com/zurb/foundation-sites.
Pani, vyhnime sa prosim jednej veci — bikesheddingu. Vsetci dobre vieme, ake vasnive a zbytocne mozu byt diskusie okolo toolingu / frameworku / IDEs. Chcem vas milo poprosit, aby sme sa tomu vyhli skor, ako tam prideme.
Teraz riesime “ulohy pracovnej skupiny Frontend vyvojari”, nie ktory framework neodvolatelne zvolit.
Iniciativa o ktoru sa snazime je supportovana dobrovolnikmi, a kedze netusim specificky ake projekty sa budu robit a kto ich bude robit, musime sa snazit o stabilitu, popularitu a citatelnost. Nie o mozne buduce sexy trendy, ktore by si rad niekto vyskusal.
Na to predsa je aj platforma, nie, na diskusiu. Pokial ma prispevok formu a vznesie aj zrozumitelne argumenty, da sa s tym pracovat.
Na druhej strane s tebou shulasim @ondrek, ze samotny framework nie je az taky dolezity, aj ked by sme si mali povedat ake komponentny a popripade technologie chceme pouzivat. Jedna z uloh je prave aj vyber tohoto frameworku ;), takze by bolo dobre si nejaky standardizovat, aby sme v tom vsetci mali jasno.
SASS je podla mna dnes dost rozsireny a kazdy koder uz pracujeme s nejakym compilatorom.
Na “popularite” stale samozrejme vedie Bootstrap, ale za oba uz maju nejaku historiu a maju stabilnu zakladnu prispievatelov a vacsich firiem, ktore ich zveladuju.
Flamewary a precuravania nie. Diskusia o frameworkoch ano, ale ujasnime si co je aktualnym cielom diskusie. Ja to chapem tak, ze chceme dojst k poziadavkam, ktore by mal splnat framework a startovaci bod moze byt porovnanie roznych frameworkov. Co je cielom?
… cielom je imho aj ujasnenie si, co vlastne musi ten framework splnat.
V statnom IT som v zivote nic nerobil, potreboval som si vygooglit Johnove:
Aby boli dodržané štandardy IS VS
Nasiel som Štandardy pre informačné systémy verejnej správy, kde je aj samotny Výnos o štandardoch pre ISVS [č. 55/2014 Z. z.] - okrem ineho je tam kompatibilita s WCAG 2.0, ale aj konkretnosti ako “Veľkosť písma sa na webových stránkach definuje len pomocou kľúčových slov CSS, ktorými sú xx-small, x-small, small, medium, large, x-large a xxlarge alebo pomocou percent, hodnôt smaller, larger a jednotiek em a ex. Toto sa týka aj tabuliek.”
Vie niekto povedat, nakolko sa buduci uikit statnych webov (a teda aj framework) musi tohto drzat?
Presne toto su typy otazok co tu treba riesit. Bud navrhnut zmenu standardu alebo zvazit nakolko to je relevantne, co sa tym sleduje a ci to nie je len historicka vec.
PS. U mna otazka stala v principe len medzi Foundation vs. Bootstrap. Vyhodu ma Bootstrap v penetracii a v tom, ze kopec statnych webov je uz dnes na nom postavenych. Firmy a ludia s tym vedia robit, maju na tom postavene uz svoje komponentove nadstavby.
@ondrek vieme k tomu dat nejaku formu? Do tabulky spisat + a - pre frameworky z pohladu vyuzitia na statnych weboch? A nejake otvorene otazky?
here it goes:
bootstrap foundation
github _________________________________________________________*1
watch 6005 1470
star 92558 22557
fork 39397 4842
issues 328 182
pull r 123 26
others _________________________________________________________*2
web getbootstrap.com foundation.zurb.com
stackoverflow ques. 41,000+ 3,300+
browser support ie8+(v3) ie9+(v5) ie9+ (v5)
sizing units pixels rems
less yes no
sass/scss yes yes
fiole size 14f at 1019KB 30f at 936 KB
infos _________________________________________________________ *3
origin twitter ZUBR
validations no built-in built-in
custom free themes 1000+ (*6) TODO (*5)
mobile media queries no queries = mobile
github2 _______________________________________________________ *1
commits 11673 11458
branches 17 22
releases 36 103
contributors 668 823
*4 syntax
*5 comparison of ui and widgets
*0 "source — https://www.google.at/#q=bootstrap+vs+foundation"
*1 "github stats on 15/02/2016"
*2 "source — http://bit.ly/1oDGgmk"
*3 "source — http://bit.ly/1WncwoB"
*4 "source — http://bit.ly/1h8qicc"
*5 "https://www.google.at/#q=free+zurb+foundation+themes"
*6 "https://www.google.at/#q=free+bootstrap+themes"
+ quite nice reading
http://yellowpencil.com/blog/foundation-vs-bootstrap/
oscreenshotoval / porovnal som co najviac “objektivnych” dat, ale samozrejme to je ako porovnavat mac/windows, android/ios, webstorm/sublime alebo hocico — neporovnatelne
ak som sa niekde sekol, mrzi ma to a napiste mi na Slacku PM a ja to updatnem (nech tu nespamujeme celu temu zbytocnostami)