CSS Framework, vertical grid rubrika: Kódování: CSS

4 Stefano
položil/-a 27.9.2014

Existuje nejaky CSS framework s ktorym by sa dali lahsie robit taketo weby?

http://www.template-guide.com/preview/5309/

  • cely web na jednej web stanke(single page)
  • responsive design
  • prva uvodna stranka stale prisposobena velkosti obrazovky
  • na kazdej casti webu hlavne menu
  • ...
odkaz
8 danaketh
odpověděl/-a 22.9.2014

Bootstrap, Foundation, Semantic UI a spousta dalších. Stačí si jen vybrat.

Komentáře

  • Stefano : To mi je jasne, ze sa da pouzit napriklad Bootstrap. Problem je ak potrebujem aby jednotlive slajdy boli na celej obrazovke a tie sa prisposobovali velkosti obrazovky(vertikalne a aj horizontalne), cize hladam nejaky grid, ktory by bol responzivny nie len v horizontalnom ale aj vo vertikalnom smere. V uvedenom odkaze to je uvodna obrazovky. Ta je ale uplne jednoducha, komplikovat sa to zacne az ked layout bude o dost zlozitejsi. 23.9.2014
  • VirtualSkiper : "cize hladam nejaky grid" Bootstrap je grid, je responzivni, ergo vsechny stranky se budou prizpusobovat. Co ma autor te ukazkove stranky rozsekane ve trech souborech ma Bootstrap v jednom. Responzivnoust ve certikale je neprelozitelna slovni hricka. Nemam nejmensi predstavu co by to melo byt, priklad ktery prikladas nic takoveho nema. Pojem responzivni znamena ze sloupce ktere jsou na wide-sreenu vedle sebe se na narrow screenu sekladaji pod sebe (popripade se uplne vynechaji). K dalsim ficuram, ktere pozadujes (fixed navbar, parallax, etc) se dostanes pomoci dalsich JS knihoven. 3.10.2014
  • Stefano : Web uz mam z 95 percent dokonceny. ps. len s pomocou bootstrapu sa neda urobit web, ktory by sa prisposoboval vertikalne. Ten odkaz nie je presne to co som potreboval vytvorit, skor nieco take www.mattoni.cz s tym rozdielom, ze jednotlive slajdy su nie vedla seba, ale pod sebou, su stale full screen ak to mnozstvo obsahu a velkost obrazovky dovoli v opacnom pripade obsah presahuje velkost obrazovky. 3.10.2014
  • kaktuss : Stefano: cize potrebujes pridat @media queries s max-height, napr. @media only screen and (max-height: 800px) {} alebo ako si to uz nastavis :) 4.10.2014
  • VirtualSkiper : Jestli trvas na to, ze se veci maji hybat na zaklade vertikalniho scrollu a trochu se vyznas v Angularu, tak by ti mozna mohlo pomoct toto https://github.com/pc035860/angular-scroll-watch viz Demo 5.10.2014
  • Stefano : @virtualskiper - dakujem za snahu. Stranku uz mam hotovu, funkcnu. Na rozhybanie stranky je dobre skrollr da sa s tym urobit napriklad Bond Cars 5.10.2014

Pro zobrazení všech 3 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.