Jesli projektujesz strone by byla responsywna to zaczynasz od projektu graficznego. Graficy jak tworza strone responsywna to maja gridy (takie pasy przechodzace przez caly projekt pokazujace im jak idzie rozklad kolumn i jak maja zbudowac by sie ladnie skladalo).
Potem, albo gotowy framework jak kolega wspomnial o kombajnie bootsrapa, albo wlasny grid system (np. za pomoca tego wygenerujesz http://gridpak.com/ http://gridinator.com/) bez bajerow, lekki zwinny i przyjemny. co kto lubi, co kto potrzebuje.
Co do testowania to kilka sposobow:
- najprostszy to zmniejszanie szerokosci przegladarki, wtedy widzisz jak strona sie skaluje na pelnej gamie rozdzielczosci.
- potem mozesz uzyc narzedzi online jak: http://responsive.is/ lub skorzystac z pluginow pod chrome/firefox ktore dadza ci taka mozliwosc nawet sprawdzenia strony na localhoscie.
- no i najpewniejszy bo natywny ,czyli odpalanie na roznych urzadzeniach. czesto emulatory nie pokaza wszystko a najprostsze narzedzia na pewno wyloza sie na wielkosci czcionki, bo ona tez powinna byc responsywna.
sa jeszcze emulatory online: https://www.manymo.com/emulators i http://iphone4simulator.com/ itd itd, sporo tego.
Co do tego co jest lepsze a co nie. Teraz jest moda na RWD, bo sporo osob ma tablety itp. wiec do normalnych stron wystarczy strona responsywna, ale jesli potrzebujesz czegos dedykowane pod konkretne urzadzenia, jak np. portal badoo to wtedy osobny system jest tutaj wymogiem. wiec moim zdanie osobny layout dla urzadzen mobilnych, tylko w wyjatkowych okolicznosciach na specjalne potrzeby.
PS> taka potrzeba moze byc rowniez fikusny design, ktory leci obrazkiem z lewej do prawej, i menu wbudowanym w grafike strony, nijak nie nadajacym sie do wyswietlenia pod mobilnym urzadzeniem.