[Leniwiec1]

Budując stronę na podstawie layoutu w .psd co lepiej wybrać - HTML 5 Boilerplate, Bootstrap czy Foundation? Strona ma wykorzystywać kilka rzeczy jak modal, paginacja, sortowanie i wyszukiwanie i przede wszystkim być responsywna - inny layout na PC, tablecie i jeszcze inny na telefonie?

W czym uzyskam szybszy efekt i będzie to lepsze w tym wypadku?

#webdev #webdesign

[michael94]

@Leniwiec1: Zależy jak masz zrobiony grid w psd jak masz zrobiony pod bootstrapa to lepiej w nim, jak pod foundation to lepiej w foundation :)

[vibro_vagins]

@Leniwiec1: szybciej będzie w tym, co umiesz i znasz najlepiej

[Leniwiec1]

@michael94: @vibro_vagins: HTML&CSS poznawałem jak HTML5 nie był jeszcze popularny i na tym się zatrzymałem. Teraz mam taki mały projekt do nauki i myślę jak to zrobić, a narzędzi powstało tyle, że ciężko to naraz ogarnąć. Wezmę HTML 5 Boilerplate bo to praktycznie tylko szablon i wszystko sam napiszę, ale myślałem nad tymi frameworkami, bo mają już zaimplementowane fajne komponenty jak modal na przykład który będzie mi potrzebny.

[flamner]

@Leniwiec1: ciśnij bootstrapa, przyda ci się na przyszłość, póki co masz do wszystkiego gotowce, a jak będziesz bardziej pro i ogarniesz less/sass to będziesz sobie implementował tylko to co jest ci potrzebne

[Leniwiec1]

@flamner: właśnie ogólnie zaczynam od wszystkiego i wczoraj kilka godzin ogarniałem gulpa żeby zrobić podstawową konfigurację. Wcześniej o tym słyszałem, ale nie używałem, a to zajebiste narzędzie, po zapisie każdego pliku od razu mam rezultat w przeglądarce, bardzo ułatwia pracę.

Teraz czytam o Bootstrapie, bo już nie tak dawno przepisałem jedną mini-stronkę na niego, żeby była responsywna, ale to tak totalnie na odwal i do końca nie wiedziałem co od czego

[flamner]

@Leniwiec1: sam rdw w bootstrapie jest bardzo prosty, często robię tak, że przy swoich projektach korzystam tylko z bootstrapowego grida, a resztę styluję sam, na początek możesz się posługiwać odpowiednimi klasami w htmlu, już wyjaśniam o co biega:
mamy coś takiego "col-md-6"
"col" - dodajemy wszędzie
"md" - tu określamy maksymalną szerokość ekranu, zdefiniowanych rozmiarów jest kilka xs, md, lg, a w bootstrapie4 jest jeszcze xl,tu masz wszystko rozpisane: http://getbootstrap.com/css/#grid-options
"6"

[Wyrazisty]

@Leniwiec1: @michael94: Gridy może sobie dostosować. Może tam wpisać nawet 200 jak chce, nie musi to być podstawowe 12.

[Leniwiec1]

@flamner: dzięki, właśnie czytałem o tym tutaj http://www.sitepoint.com/grid-system-comparison-bootstrap-vs-foundation/

no nic, postaram się napisać to w oparciu o bootstrapa, ale na razie znowu ogarniam jak prawidłowo postawić całe środowisko gulp + bower + bootstrap