Jak zrobić dobrą stronę responsywną?

Question

Witam, poszukuję jak najlepszego poradnika do tworzenia stron responsywnych. Podstawy takie jak np. szerokość w % czy rozmiar czcionki w vw, ale potrzebuję czegoś więcej, np. facebooowy czat, im bardziej zmniejszymy stronę, tym jest mniejszy (i inaczej wygląda), albo strona miroslawzelent.pl, jeżeli zmiejszymy stronę, to menu zmienia się z przyklejonego do strony na górze, do małego kwadratu, który jest koło loga, czy jest to zwykły zabieg w css, który ukrywa np. div dużego czatu i pokazuje div tego małego czatu (display: none), a może jest jakiś specjalny kod :p? Z góry dziękuje za odpowiedź.

Answer 1

Zainteresuj się frameworkiem bootstrap http://getbootstrap.com/

Answer 2

Masz: http://getbootstrap.com/. 

Kiedyś sam robiłem szablony, oczywiście nie responsywne i brzydkie. 

I tu przyszedł z pomocą Bootstrap, na początku nie ogarniałem go. 

Na przykład: Chcę zrobić stronę czarną, ale jak do jasnej ciasnej gdy wszystko[Oprócz jednego navbara] w Bootstrapie jest białe? Albo podświetlanie, jak mam zrobić aby podczas najechania znacznik <li> nie podświetlał się na biało... Cóż, trochę roboty jest ale strony wychodzą wyśmienite. : )

No i są podobno szablony, pod czarne kolory, zielone w sumie jakie chcesz strony. :)

Ale co do tego nie mam pewności. :)

Pozdrawiam i powodzenia. 

Pamiętaj nie zniechęcaj się do niego. Bo to cudo.. :-)

Answer 3

Bootstrap bardzo pomaga w projektowaniu stron responsywnych. Pytałeś o jakiś kurs więc polecam: http://kursbootstrap.pl/

P.S. Strona P. Mirosława bazuje również na bootstrapie. Więc takie rozwijane menu właśnie robi się za pomocą tego frameworku.

Powodzenia!

Comments

I mi się przyda :D Dzięki :)

Answer 4

Css media queries

Answer 5

Ja nie polecam na początek bootstrap'a ;)

Powinieneś samemu nauczyć się od podstaw ;) POLECAM TEN FILM