2012-04-08 11 views
5

Czy są jakieś tutoriale, w jaki sposób ustawić elastyczny układ podobny do this one? Szukam w całym Internecie, ale nie mogę znaleźć żadnych normalnych samouczków, ponieważ wszystkie inne zmieniają rozmiar okna, i jesteś w stanie pomniejszyć/powiększyć za pomocą iPhone'a.Responsywny samouczek układowy?

+0

Coś jest również tutaj: http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile –

Odpowiedz

16
+0

Dziękujemy! Świetne samouczki! –

+1

Ilya Knaup, wielki udział !!! Szukałem przydatnych informacji na temat rozpoczęcia pracy z responsywnymi układami projektowymi. Pracuję teraz nad własnym projektem, używając programu startowego twitter. Moje pliki motywu zostały oznaczone przy użyciu stałej szerokości 940 pikseli. A potem ostatnio pomyślałem o przekształceniu tego tematu w responsywny. Ale nie mam pojęcia, od czego zacząć. Jestem zdezorientowany zapytaniami @media względem kodu. Ale to, co zamieściłeś, jest dla mnie dobrym początkiem, aby dowiedzieć się czegoś o elastycznych układach graficznych. –

+0

@GaryDapogi Nie ma problemu;) dlatego jesteśmy tutaj, aby pomagać sobie nawzajem;)) powiedz mi, jeśli utkniesz lub coś, dowiedziałem się cichy trochę responsywny układ rzeczy, ponieważ opublikowałem tę odpowiedź, więc będę zadowolony pomóżcie;)) – Ilja

2

"Domek na drzewie" ma na nim kurs. Zrobiłem ten jeden (Beginners Guide to RWD) i, szczerze mówiąc, nie dostałem tak dużo z tego. To naprawdę nie było tak praktyczne.

Witryna thinkvitamin wygląda ładnie i ładnie, ale zdecydowanie wolę www.lynda.com. Mówiąc tak, lynda nie ma tak wiele na drodze nowszego, najnowocześniejszego materiału. Możesz to wypróbować (CSS Page Layouts) Nie mam okazji zrobić tego samemu, ale głębia rzeczy na lyndzie jest dobra, więc jeśli potrzebujesz długotrwałej korepetycji, zapisanie się jest warte 30 $ miesięcznie lub cokolwiek to jest.

Wiem też, że domek na drzewie przeszedł całkiem spory remont (łączenie ze sztuczkami CSS) i czy jest to po prostu (lub może zainspirowany Chris Coyier) estetyczny makijaż, czy też kursy się polepszyły, nie mogłem powiedzmy, gdy anulowałem subskrypcję po rozczarowującym samouczku dotyczącym responsywnego projektowania stron internetowych. Myślę, że zrobiłem to tylko jeden i drugi, więc jest to całkiem mała próba.

W zasadzie wszystko, czego potrzebujesz, to zapytania o media w twoim css, aby zreplikować zachowanie witryny, którą podałeś. Następnie zastosuj prawą wartość css dla prawej szerokości ekranu/urządzenia ... Nie wiesz, co masz na myśli przez "od kiedy wszystkie inne zmieniają rozmiar okna" - czy użytkownik nie zmieniłby rozmiaru okna, a nie projektu? Nie wiem, czego pan zmierza tam ...