Warning: Redis::get(): php_network_getaddresses: getaddrinfo for localhost failed: No address associated with hostname in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php on line 665

Warning: Cannot modify header information - headers already sent by (output started at /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php:665) in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/dw-question-answer/inc/Posts/Base.php on line 20

Warning: Cannot modify header information - headers already sent by (output started at /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php:665) in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-includes/feed-rss2-comments.php on line 8
Komentarze do: Responsive Design vs. Adaptive Design? https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design blog dla webmasterów, na którym piszemy o HTML5, CSS3, JavaScript, webdesign, UX, CMS Sat, 26 Sep 2020 15:48:43 +0000 hourly 1 https://wordpress.org/?v=6.9.4 Autor: ksiadz https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-2554 Tue, 12 Jul 2016 09:30:00 +0000 https://webroad.pl/?p=3605#comment-2554 Mimo wszystko wolę adaptive webdesign, bo po co mam wszystko rzucać dla jakiejs idei? czemu google jednak faworyzuje responsive web design? tak właściwie jak to google pojmuje? według pixeli? że jest lepsze?
by niepelnosprawny,org

]]>
Autor: Mariusz https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-2398 Sat, 06 Feb 2016 19:11:00 +0000 https://webroad.pl/?p=3605#comment-2398 Szczerze mówiąc, nawet nie wiedziałem, że są takie dwa podejścia do projektowania.

]]>
Autor: Krystian Dabrowski https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-2207 Sun, 15 Feb 2015 14:17:00 +0000 https://webroad.pl/?p=3605#comment-2207 Wygrywaj nagrody bez ceny minimalnej, nowy serwis aukcyjny zaprasza.
Dopki sam nie przetestowalem, podchodzilem do niego sceptycznie. Mi
udalo sie wygrac PS 4 za 71,20 PLN. O to dowod ze to na prawde dziala.

http://i62.tinypic.com/2kho5k.jpg

Zapraszam serdecznie. K

http://adf.ly/12Holb

]]>
Autor: Peter Nalepa https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-2192 Wed, 04 Feb 2015 14:36:00 +0000 https://webroad.pl/?p=3605#comment-2192 chyba nie ma sensu na siłę separować tych 2 pojęć, zaprojektowanie porządnej mobilnej strony to efekt użycia zarówno RWD jak i adaptywności – sam stricte-RWD na 4-calowych smartfonach nie da się w wielu przypadkach zastosować, a z kolei „czysty AWD” to relatywnie kupa roboty… sztuka więc polega na tym, żeby z głową korzystać z obu rozwiązań;)

]]>
Autor: Hajmus https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-2024 Thu, 16 Oct 2014 10:57:00 +0000 https://webroad.pl/?p=3605#comment-2024 Świetny artykuł. Jednak podejście AWD z pewnością będzie popularniejsze ze względu na koszty, mało kto będzie proponował klientowi 3 strony w cenie podobnej do AWD.

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1993 Thu, 25 Sep 2014 07:47:00 +0000 https://webroad.pl/?p=3605#comment-1993 Chociażby po to żeby wiedzieć… :) Druga sprawa jest taka, im mimo tego, że w naturze takie skrajne podziały to jednorożce (mało kto widział) to jednak podejście do projektowania i myślenia o stronie zupełnie inne.

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1992 Thu, 25 Sep 2014 07:24:00 +0000 https://webroad.pl/?p=3605#comment-1992 No właśnie o to mi chodzi. Po co tworzyć zamieszanie? Po co szukać?
One name to rule them all:)

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1991 Thu, 25 Sep 2014 07:08:00 +0000 https://webroad.pl/?p=3605#comment-1991 Wiesz co to jest tak, że nie ma jakiś sztywnych granic, przynajmniej nie w praktyce. Teoretycznie można wyróżnić jakieś idealnie płynne strony i idealnie 'adaptywne’ (nazwijmy to tak), ale to są raczej teoretyczne skrajności. W przyrodzie trzeba szukać przeważających cech, ideii tkwiącej w budowie grida itd. W każdym razie może to z tego właśnie wynika to zamieszanie pojęciowe.

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1990 Thu, 25 Sep 2014 06:21:00 +0000 https://webroad.pl/?p=3605#comment-1990 próbowałem zinterpretować terminy AWD i RWD pomijając jakiekolwiek definicje i wyszło mi, że oznaczają to samo.
adapt — przystosowywać się — strony przystosowują się do medium, na którym są wyświetlane

responsive — reagujący — strony reagujące na medium. jak? przez przystosowanie się.

Doszedłem do wniosku, że nie będę na siłę stosował nowego terminu — pozostanę przy RWD (bo chyba był pierwszy, a w każdym razie jest popularniejszy).
Poza tym jakoś nie widzę tego, by projektant mógł zdecydować czy chce robić AWD czy RWD, bo to zależy tylko od treści strony.

A może za głupi na to jestem.

PS. za to czepiam się kiedy ktoś stosuje terminy xhtml i html5;)

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1989 Wed, 24 Sep 2014 21:41:00 +0000 https://webroad.pl/?p=3605#comment-1989 hmm, a jak się ma max-width do fluid layout — albo inaczej — czy jeśli layout ma max-width (tak jak SM czy ostatni przykład) to nadal może być kwalifikowany jako fluid?
getbootstrap.com to AWD czy RWD?

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1988 Wed, 24 Sep 2014 21:16:00 +0000 https://webroad.pl/?p=3605#comment-1988 nie wiem… może te różnice nie są tak wyraźne… 0_o

http://boxesandlines.co.uk/ a to?

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1987 Wed, 24 Sep 2014 18:39:00 +0000 https://webroad.pl/?p=3605#comment-1987 no właśnie w tym, że prosiłem o przykład RWD, a ten co dostałem wygląda dla mnie jak to co określane jest w tekście jako AWD. Nie widzę różnicy, więc i sensu dwóch pojęć.
Nie czepiam się specjalnie, mądrzejsze głowy nad tym myślały, więc coś w tym musi być, a ja staram się tylko to zrozumieć.

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1986 Wed, 24 Sep 2014 16:53:00 +0000 https://webroad.pl/?p=3605#comment-1986 Jasne, ale to właściwie oczywistość. Jeśli ekran jest mały to jest na nim mało miejsca ;) Nie do końca rozumiem w czym problem…

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1985 Wed, 24 Sep 2014 14:55:00 +0000 https://webroad.pl/?p=3605#comment-1985 nie czepiam się samego użycia @media a wyraźnych różnic między stroną min a max (znika nawet część treści),

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1984 Wed, 24 Sep 2014 14:32:00 +0000 https://webroad.pl/?p=3605#comment-1984 ale to nie znaczy, że nie możesz stosować do płynnej strony @media, zresztą płynna strona nie oznacza, że robić na ekranie szerokości 360px miniaturkę tego co masz na desktopie bo to by było nieczytelne ;)

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1983 Wed, 24 Sep 2014 14:13:00 +0000 https://webroad.pl/?p=3605#comment-1983 no dobra, to trochę nie rozumiem.
„… w przypadku podejścia adaptywnego tworzymy tak na prawdę kilka layoutów i stosując mediaqueries zmieniamy wielkości elementów oraz układ strony gdy okno przeglądarki osiągnie określony breakpoint” — na sm wyraźnie widzę breakpointy, a wersja „mobilna” wyraźnie różni się od „desktopowej”

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1982 Wed, 24 Sep 2014 12:38:00 +0000 https://webroad.pl/?p=3605#comment-1982 http://www.smashingmagazine.com/

]]>
Autor: Dawid Partyka https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1981 Wed, 24 Sep 2014 05:28:00 +0000 https://webroad.pl/?p=3605#comment-1981 A można prosić o jakieś przykłady stron RWD, bo wszystko co mi przychodzi do głowy podchodzi jednak pod AWD

]]>
Autor: Damian https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1969 Sat, 20 Sep 2014 09:56:00 +0000 https://webroad.pl/?p=3605#comment-1969 Świetny artykuł, oby tak dalej Panowie :D

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1968 Fri, 19 Sep 2014 12:58:00 +0000 https://webroad.pl/?p=3605#comment-1968 A proszę bardzo ;)

]]>
Autor: Paweł Andrzejewski https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1967 Fri, 19 Sep 2014 10:47:00 +0000 https://webroad.pl/?p=3605#comment-1967 Całe życie w błędzie ;) @ Mr.Mr na pewno wciągnę Twój artykuł do pracy magisterskiej na temat RWD.

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1966 Thu, 18 Sep 2014 11:55:00 +0000 https://webroad.pl/?p=3605#comment-1966 W pewnym sensie masz rację, jest to trochę spór o pietruszkę, przynajmniej z perspektywy usera (chociaż ciekaw jestem jak by wyszły testy A/B tej samej strony zrobionej w AWD i w RWD). Mimo wszystko jest to 'spór’ bardziej na grunice dewelopersko-dezajnerskim w takim sensie, że dotyczy obu tych płaszczyzn.

Natomiast ja nie chcę się kłócić. Chciałem tylko zaznaczyć, że fajnie by było gdyby używano w miarę precyzyjnych pojęć do opisu rzeczywistości (semantyka:)

A co do go genezy to pewnie masz rację – skoro efekt jest zbliżony to mało kto przejmował się nazwami.

Tak na koniec. Wydaje mi się jednak że RWD w znaczeniu z artykułu jest chyba bliższe seru dewelopera ;) Bardziej jakoś tak naturalnie to wychodzi…

]]>
Autor: Mr.Mr https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1965 Thu, 18 Sep 2014 11:51:00 +0000 https://webroad.pl/?p=3605#comment-1965 Wstyd się przyznać, ale sam tak zrobiłem xD Nawe na łamach Webroad, ale to było dawno i nie prawda i przede wszystkim świadczy o tym jak duże jest zamieszanie terminologiczne.

]]>
Autor: Comandeer https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1964 Thu, 18 Sep 2014 10:47:00 +0000 https://webroad.pl/?p=3605#comment-1964 Problem nazewnictwa jest bardzo prosty: zawsze dąży się do całkowitego ujednolicenia. Jeśli RWD i AWD służą temu samemu i używają podobnych narzędzi, to siłą rzeczy w końcu zostaną spięte do jednego pojęcia. Inna rzecz czy to zjawisko pozytywne.

Jak dla mnie niepotrzebna kłótnia o nomenklaturę: strona ma działać na jak największej liczbie urządzeń (nie mówię „na wszystkich”, bo pewnie na jakiejś nowej lodówce Samsunga nie zadziała ;)) i… tyle. A jak to zostanie osiągnięte, to już de facto nie ma takiego znaczenia. Dlatego zamiast kłócić się i debatować czym jest AWD a czym RWD, proponuję mówić po prostu o GWD – Good Web Design ;)

>Niestety jeśli projektowanie graficzne ma mieć kontrolę nad całym procesem podejście elastyczne w postaci projektowania stron responsywnych jest bardzo trudne.
Zwłaszcza jeśli klient stwierdza, że layout przystosowany pod Full HD jest doskonałą bazą dla mobile first…

>Dodać warto, że pod określeniem ‘fluid layout’ powinno się rozumieć stosowanie nie tylko procentowego grida, ale również relatywne jednostki wielkości czionek, elastyczne zdjęcia i filmy.
Problem polega na tym, że coś takiego jak „relatywna wielkość czcionki” (a może lepiej powiedzieć fontu? Ostatnio mnie za to zbesztano ;)) nie do końca istnieje. W teorii dla wszystkich przeglądarek domyślnie 1rem to 16px, ale… to nie jest nigdzie ustandaryzowane. W specyfikacji napisano, że domyślna wielkość czcionki to „wielkość średnia” (cokolwiek to znaczy), nie mniejsza niż n (które też nie jest dokładnie określone!) – dodatkowo wartość ta jest możliwa do zmiany przez użytkownika. Innymi słowy: oparcie całości typografii na samych relatywnych wielkościach czcionki może się nam odbić czkawką (co prawda w przypadkach rzadkich, ale zawsze). Stąd powiedziałbym inaczej: określiłbym na sztywno główny rozmiar czcionki (dla :root czy html) a na całej reszcie strony stosował jednostki relatywne. Może jest to pewne złamanie absolutnych zasad fluit layout, ale IMO jest to złamanie pozytywne ;) Tym bardziej, że przeglądarka i tak wszystko przelicza na piksele a jedyne, co robimy, to podajemy jej dokładną wartość jako bazę dla tych kalkulacji.

>breakpoint(punkt łamnia w wolnym tłumaczeniu)
Brzmi jak diagnoza chirurgiczna… ;) Nie lepiej „punkt zwrotny”? A najlepiej – po prostu breakpoint!

]]>
Autor: Piotr Lewalski https://webroad.pl/webdesign/3605-responsive-design-vs-adaptive-design#comment-1963 Thu, 18 Sep 2014 09:16:00 +0000 https://webroad.pl/?p=3605#comment-1963 Bardzo dobry artykul, nie wiem jak np. mozna nazywac Skeletona resposnywnym gridem, skoro w kodzie sa same breakpointy i linijki z pikselami. Szlag mnie trafia.

]]>