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?
Odpowiedz
Oto kilka blogi posty na elastyczne projektowanie:
Dziękujemy! Świetne samouczki! –
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. –
@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
"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 ...
- 1. Responsywny redaktor?
- 2. Responsywny układ nierównej wysokości
- 3. Responsywny wykres D3
- 4. Jak zrobić PDF responsywny
- 5. Jak utworzyć responsywny tekst na górze obrazu?
- 6. Responsywny kalendarz do Bootstrap 3
- 7. Responsywny html e-mail: outlook
- 8. Responsywny rozmiar czcionki Niesamowite ikony
- 9. Samouczek JSON.NET
- 10. Samouczek UIImagePickerController?
- 11. Samouczek # DataBinding
- 12. Samouczek WXpython
- 13. Responsywny projekt: dlaczego wysokość zero i dopełnienie-dół działają, aby uzyskać rozmiar responsywny?
- 14. Responsywny styl CSS dla telefonów/małych ekranów
- 15. Responsywny model murarski Przykład układu jQuery
- 16. Responsywny wykres kołowy za pomocą NVD3
- 17. Ruby metaprogramming samouczek online
- 18. Wyjątki samouczek Scrapy
- 19. Samouczek dotyczący statystyki CruiseControl.net
- 20. Dobry samouczek dla SlickGrid?
- 21. Dobry samouczek/referencja VML
- 22. Samouczek dotyczący kryteriów JPA
- 23. EZPDF - dokumentacja, samouczek, cokolwiek?
- 24. Samouczek zespołu SPARC
- 25. Samouczek modułu JQuery UI
- 26. IIS 7: Początkujący samouczek
- 27. Samouczek użycia request_oauth2
- 28. Samouczek OAuth 2.0?
- 29. Samouczek dla webServices java
- 30. Samouczek programu Outlook?
Coś jest również tutaj: http://stackoverflow.com/questions/6844020/way-to-do-content-adaptation-to-mobile –