Hej #webdevhelp

Szukam strony, która pokaże mi, jak wygląda moja strona #rwd na różnych urządzeniach. Nie chodzi mi o emulowanie urządzenia tylko bardziej coś w stylu mockup - czyli jak to będzie wyglądać np. na iPhone czy innym Samsungu razem z ramką imitującą urządzenie czy ekran lub laptopa.
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mircy mam #pytanie w temacie #samochody : potrzebuję kupić drugi samochód do śmigania zimą bo mój #rwd może zbytnio szaleć :P (góry here, niewysokie ale jak śniegiem dowali to jest grubo). Będzie to rezerwowa maszyna w razie "W" więc nie chcę wydać dużo - tak ca. 10-15K cebulionów [ może być mniej ;) ]. Oczywiście powinien posiadać napęd 4x4. Doradzicie coś? Jakieś doświadczenia z konkretnymi markami/modelami?
acidd - Mircy mam #pytanie w temacie #samochody : potrzebuję kupić drugi samochód do ...

źródło: comment_Dq0ohxVlEbnktMpFuJkWoEHKfY13upiB.jpg

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Mr_Plank: @megawatt:
Np. Gazeta.pl. Z mniejszych - wpotylice.pl, innych teraz nie pamiętam, bo byłem n------y. :)
Kiedyś w wolnej chwili zrobię testy. Za to Interia jest przyzwoicie zrobiona, wyświetla stan pośredni między desktopem a mobilem.

  • Odpowiedz
Typowo motorheadowe wynurzenia na temat nowej Alfy czyli to co ważne dla ludzi którzy lubią jeździć a nie być wożonymi przez samochód.
Generalnie - szacunek za stworzenie pierwszego od lat auta dla fanów motoryzacji, spod loga Alfy. Czekam na dostępną choć w jednym salonie testówkę (ʘʘ). Pierwsze wrażenie - mocniejsze i większe GT86.

http://carswag.pl/show/alfa-romeo-giulia.html

#alfaholicy #alfaromeo #giulia #drift #rwd
pepies - Typowo motorheadowe wynurzenia na temat nowej Alfy czyli to co ważne dla lud...

źródło: comment_9rGuj7Ad2OBlkIJ5D0McKPLziXNqvau1.jpg

Pobierz
  • 10
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hej,

możecie mi doradzić jakiś dobry i sprawdzony kurs (lub inny materiał) do nauki #rwd i #bootstrap? Będę bardzo wdzięczny za wszelkie podpowiedzi.

Macie też może namiary na jakieś fajne źródło z darmowymi psd'kami zaprojektowanymi również pod urządzenia mobilne?

#webdev #html #html5 #css #css3
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki! Nie wiem czy #bylo , ale jeżeli było to myślę, że #byloaledobre !

Niedawno spotkałem się z ciekawym narzędziem dla #android i #chrome - https://developer.chrome.com/devtools/docs/remote-debugging . Po podłączeniu komórki z Androidem i Chrome do komputera przez USB można bawić się w #webdev i #rwd . Wystarczy zainstalować sterowniki i wejść na stronę chrome://inspect/#devices .

Fajna sprawa. Polecam
panDocent - Mirki! Nie wiem czy #bylo , ale jeżeli było to myślę, że #byloaledobre !
...

źródło: comment_WJZKKucvwTq0BmoyaJbEJeOkE0jxXXW2.jpg

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@eDameXxX: Jasne, że można! W Chrome jest to samo jak wciśniesz te kawisze ( ͡° ͜ʖ ͡°) Tu chodzi o to, że tu wyświetlasz tą stronę, która jest w Twojej komórce i nie jest generowana przez symulator.
  • Odpowiedz
@panDocent: działa to dopiero od Androida 4.3, na wcześniejszych wersjach nie udało mi się tego odpalić. Świetne narzędzie. Żeby zdebugować błąd w ios mając iphone/ipod i system windows możesz skorzystać z http://www.telerik.com/ w wersji trial masz 30 dni i też udostępni Ci konsolę i wyświetli tak samo jak na androidzie
  • Odpowiedz
Problem ze skalowaniem tabelek dla RWD.
Mam klienta który wszystkie treści w CMS w TinyMCE dodaje/wkleja z innych stron... w tabelkach. Nawyk nie do wyplenienia.
Ten sam klient zachciał sobie stronę w RWD.
Ponieważ tabelek są setki i różnego rodzaju (dane, obrazki, połączenia komórek/wierszy), rozkładanie ich w CSS nie ma sensu. Dlatego zmniejszam je w CSS przez transform:scale(); .
Tyle że po zmniejszeniu pozostają puste obszary dookoła każdej tabelki (pusty obszar zamiast oryginalnej, nie zmniejszonej tabelki).
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@michael94: Mobile first. Kolega kojarzy? Świetnie, to teraz piszemy kod żeby bez zbędnych ceregieli wyświetlał się na telefonie, a później ustawiamy jak kolega @emtei: wspomniał za pomocą ordering, czyli offset, pull. A kolega
@mattcabb: chyba nie do końca zrozumiał o co w bootstrapie chodzi.
  • Odpowiedz
Ciekawy raport dotyczący użycia urządzeń mobilnych na świecie w ostatnim kwartale 2014, sporo o Polsce od strony 31. Nie ma co owijać w bawełnę - czytać:

http://data.wurfl.io/MOVR/pdf/2014_q4/MOVR_2014_q4.pdf

Spam tagami: #telefony #tablet #smartfon #windowsphone #blackberry #ios #android i w sumie #frontend #responsivedesign #rwd #webdesign
Mokrysedes - Ciekawy raport dotyczący użycia urządzeń mobilnych na świecie w ostatnim...

źródło: comment_IYLec2PAIp9jH9kqGSYhowes29T2Z6TW.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

W jakiej szerokości Guglowy "test zgodności z urządzeniami przenośnymi" renderuje strony? Bo mam przetestowane na kilkunastu urządzeniach RWD, ale jakimś cudem ich tester załapuje się jeszcze na breakpoint dla desktopów/tabletów i nie zaliczam.

Bez linka niestety, bo na stage'u.

#webdev #rwd #responsivedesign
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Robię stronę z rwd (bootstrap i troche pluginow do niego), jednak na chrome na telefonie jest magiczna opcja "wersja na komputer", która podmienia useragenta na takiego bez "android" (podobno) i wyświetlamy wersję na desktop (w teorii).

Ale jak wiadomo, rwd opiera się na min-width i max-width, więc to w ogóle nie zadziała. Mam phpowy wykrywacz mobilków który mi dodaje do body klasę "is_mobile". Jedyne na co wpadłem, to powywalać z wszystkich cssów
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Jurigag: widziałeś moja stronę rwd, że oceniasz? btw, wytłumacz to osobie starszej, która wchodząc na desktopie a potem na mobile widzi co innego (fyi, tak działa rwd) ? i jeśli jakimś cudem znajdzie w chromie opcję "wersja na komputer" to chciałbym by ona działała. A jeśli to jest kwestia dopisania 3 linijek kodu, to tymbardziej. EOT
  • Odpowiedz
@poh: ale to nie trzeba widzieć strony rwd - rwd z definicji samej ma być tylko zależne od rozdzielczości, więc sam wygląd strony powinien wygląd identyko, jeśli u ciebie na pc i na telefonie dla tych samych rozdzielczości strona różnie wygląda to nie jest to rwd tylko dwie różne wersje pod różne urządzenia

opcja wersja na komputer właśnie do tego służy, tj są dwie różne wersje stron pod mobile i
  • Odpowiedz