Aký CSS framework na štátny UI kit?

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

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)