One Page Website - Od Czego zacząć?

Question

Witam!

Bardzo zainspirowała mnie ta strona http://www.fhoke.com/

Też chciałbym taką zrobić, tylko od czego zacząć?

Jak możecie to polećcie jakieś skrypty JS które sprawią że strona będzie wyglądała podobnie jak ta z linku.

Piszcie

Answer 1

Ogólnie podana strona w linku u Ciebie nie jest stroną typu one page. Naciśnij sobie jakąś opce w menu i zobaczysz że jest link do podstrony.

Klasyk onepage możesz zobaczyć tutaj: www.trionndesign.com

Co do wykonania takiej strony to szczerze mówiąc wystarczy podstawowa wiedza z html, css i js choć w tej podanej przez Ciebie, nawet chyba js nie trzeba używać.

Może lepiej powiedz jakiego elementu nie wiesz jak zrobić to spróbujemy podpowiedzieć :)

Comments

Przede wszystkim to wyznaczyć "stref" do scrollu. Piszę tutaj o jest jedna strefa na cały monitor , scrollujesz troszeczkę i jest kolejna strefa na cały monitor.

Powinieneś wiedzieć o co mi chodzi ;)

---

Obczaj Scrollify

http://projects.lukehaas.me/scrollify/#home

---

Tutaj masz dobry warsztat o tej tematyce (niestety płatny ale może skorzystasz):

http://eduweb.pl/live/strona-typu-one-page-w-wordpress

Answer 2

W wersji mobilnej nie widzę tam nic oprócz jquery ui, albo czegoś podobnego.

Answer 3

Nie potrzebujesz tutaj JS, wystarczy CSS ;)

Answer 4

Trochę inne od tego co chcesz osiągnąć (choć według mnie bardziej pasuje do one page): http://www.thepetedesign.com/demos/onepage_scroll_demo.html oraz http://alvarotrigo.com/fullPage/