🚀 go-pugleaf

Dnia Wed, 9 Sep 2015 10:13:29 -0700 (PDT), rozgloszenia@gmail.com
napisał(a):

> (...) ale mam wątpliwość: czy w tej sytuacji nie powinienem jednak od
> razu tworzyć tzw. responsywną (elastyczną) stronę?

W zasadzie ciężko sobie wyobrazić dziś sytuację, gdzie to nie byłoby dobrym
rozwiązaniem, pominąwszy jakieś wewnętrzne lub wyjątkowo skomplikowane
aplikacje.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 9/9/2015 o 9:11 PM, Borys Pogoreło pisze:
> Dnia Wed, 9 Sep 2015 10:13:29 -0700 (PDT), rozgloszenia@gmail.com
> napisał(a):
>
>> (...) ale mam wątpliwość: czy w tej sytuacji nie powinienem jednak od
>> razu tworzyć tzw. responsywną (elastyczną) stronę?
>
> W zasadzie ciężko sobie wyobrazić dziś sytuację, gdzie to nie byłoby dobrym
> rozwiązaniem, pominąwszy jakieś wewnętrzne lub wyjątkowo skomplikowane
> aplikacje.

No to jeszcze pozostaje kwestia:

https://developer.mozilla.org/en-US/Apps/Design/UI_layout_basics/Responsive_design_versus_adaptive_design

;-)

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/

Dnia Wed, 9 Sep 2015 22:25:12 +0200, Cezary Tomczyk napisał(a):

> No to jeszcze pozostaje kwestia:
> https://developer.mozilla.org/en-US/Apps/Design/UI_layout_basics/Responsive_design_versus_adaptive_design

Mnie strasznie irytuje to drugie podejście, bo z reguły idzie w parze z
genialnym pomysłem usunięcia większości przydatnych funkcji, bo po co one
komu na takim małym telefonie. Na szczęście chyba wszędzie łatwo ustawić,
by przeglądarka mobilna udawała desktopową.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 9/10/2015 o 6:37 PM, Borys Pogoreło pisze:
> Dnia Wed, 9 Sep 2015 22:25:12 +0200, Cezary Tomczyk napisał(a):
>
>> No to jeszcze pozostaje kwestia:
>> https://developer.mozilla.org/en-US/Apps/Design/UI_layout_basics/Responsive_design_versus_adaptive_design
>
> Mnie strasznie irytuje to drugie podejście, bo z reguły idzie w parze z
> genialnym pomysłem usunięcia większości przydatnych funkcji, bo po co one
> komu na takim małym telefonie.Na szczęście chyba wszędzie łatwo ustawić,
> by przeglądarka mobilna udawała desktopową.

Ty to wiesz, że można tak ustawić przeglądarkę mobilną, ale 99.9% osób 
nie ;-) No, ale może się mylę.

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/

W dniu 2015-09-10 o 20:50, Cezary Tomczyk pisze:

> Ty to wiesz, że można tak ustawić przeglądarkę mobilną, ale 99.9% osób
> nie ;-) No, ale może się mylę.

Nabijam Twoją statystykę: ja nie wiem ale bardzo chciałbym wiedzieć jak 
to zrobić na Androidzie.

W tej chwili gdy wchodzę na jakieś strony to ładują mi się wersje 
responsywne czy adaptacyjne serwisów WWW. Zazwyczaj są one mocno 
okrojone funkcjonalnie. W dodatku czasem nie ma linku do normalnej 
wersji serwisu. Jak więc spowodować aby te badziewiackie wersje nie 
ładowały się by default?

-- 
Pozdrawiam,
Marek

W dniu 9/25/2015 o 10:55 PM, Marek pisze:
> W dniu 2015-09-10 o 20:50, Cezary Tomczyk pisze:
>
>> Ty to wiesz, że można tak ustawić przeglądarkę mobilną, ale 99.9% osób
>> nie ;-) No, ale może się mylę.
>
> Nabijam Twoją statystykę: ja nie wiem ale bardzo chciałbym wiedzieć jak
> to zrobić na Androidzie.
>
> W tej chwili gdy wchodzę na jakieś strony to ładują mi się wersje
> responsywne czy adaptacyjne serwisów WWW. Zazwyczaj są one mocno
> okrojone funkcjonalnie. W dodatku czasem nie ma linku do normalnej
> wersji serwisu. Jak więc spowodować aby te badziewiackie wersje nie
> ładowały się by default?

Przeglądarka mobilna powinna mieć możliwości zmiany opcji identyfikacji 
samej siebie jako mobilna lub desktop. A przynajmniej ja taką opcję mam 
na Windows Phone 8.1 i IE/UC Browser.

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/

W dniu 2015-09-26 o 09:43, Cezary Tomczyk pisze:

>
> Przeglądarka mobilna powinna mieć możliwości zmiany opcji identyfikacji
> samej siebie jako mobilna lub desktop. A przynajmniej ja taką opcję mam
> na Windows Phone 8.1 i IE/UC Browser.

Nooo i ma. Ja na Androidzie "jadę" i tam mam standardowego Chrome'a. 
Jest w nim opcja "udawaj desktopową przeglądarkę" jednakże ta opcja nie 
działa np. na allegro.pl i wielu innych serwisach. A chodzi o to, że 
strony nie badają często nagłówka identyfikacji przeglądarki lecz np. 
media size, media aspect ratio itp. Tak więc przestawianie przeglądarki 
na wersję desktop często nie załatwia sprawy.

-- 
Pozdrawiam,
Marek

W dniu 2015-09-28 o 15:13, Marek pisze:

>> Przeglądarka mobilna powinna mieć możliwości zmiany opcji identyfikacji
>> samej siebie jako mobilna lub desktop. A przynajmniej ja taką opcję mam
>> na Windows Phone 8.1 i IE/UC Browser.
>
> Nooo i ma. Ja na Androidzie "jadę" i tam mam standardowego Chrome'a.
> Jest w nim opcja "udawaj desktopową przeglądarkę" jednakże ta opcja nie
> działa np. na allegro.pl i wielu innych serwisach. A chodzi o to, że
> strony nie badają często nagłówka identyfikacji przeglądarki lecz np.
> media size, media aspect ratio itp. Tak więc przestawianie przeglądarki
> na wersję desktop często nie załatwia sprawy.

Dzisiejsze telefony mają niejednokrotnie większą rozdzielczość niż 
monitory stacjonarne. Badanie media size to trochę ślepa uliczka. Moim 
zdaniem przy pierwszej wizycie na stronie należałoby zadać pytanie czy 
używasz palca czy myszki i odpowiednio stylować stronę, a wybór 
zapamiętać np. w LocalStorage. Co Wy na to?

Jacek W.

W dniu 2015-09-28 o 15:39, Jacek W. pisze:

> Dzisiejsze telefony mają niejednokrotnie większą rozdzielczość niż
> monitory stacjonarne.
 > Badanie media size to trochę ślepa uliczka.

Dlatego napisałem, że "aspect radio" oraz "itp" czasem jest badane. I we 
wspomnianym Allegro nie sposób pozbyć nie nachalnej wersji mobilnej serwisu.

> Moim
> zdaniem przy pierwszej wizycie na stronie należałoby zadać pytanie czy
> używasz palca czy myszki i odpowiednio stylować stronę, a wybór
> zapamiętać np. w LocalStorage. Co Wy na to?

Ryzykowne podejście. Local Storage to coś słabo zdefiniowanego jako 
funkcjonalność. Posiada małą pojemność by default, nie wiadomo jak to 
regulować gdyby użytkownik miał ochotę to powiększyć, ciężko to 
podglądać aby odczytać jak mnie szpiegują itp. Jeśli już to cookies. To 
typowe ich zastosowanie.

BTW - jak wykryć czy stosujemy palec i to zanim strona się załaduje?

-- 
Pozdrawiam,
Marek

Dnia Mon, 28 Sep 2015 15:54:06 +0200, Marek napisał(a):

>> Moim
>> zdaniem przy pierwszej wizycie na stronie należałoby zadać pytanie czy
>> używasz palca czy myszki i odpowiednio stylować stronę, a wybór
>> zapamiętać np. w LocalStorage. Co Wy na to?
>
> Ryzykowne podejście. Local Storage to coś słabo zdefiniowanego jako 
> funkcjonalność. 

Bez przesady:
http://caniuse.com/#feat=namevalue-storage

> Posiada małą pojemność by default, nie wiadomo jak to 
> regulować gdyby użytkownik miał ochotę to powiększyć, ciężko to 
> podglądać aby odczytać jak mnie szpiegują itp. 

Tu chodzi o zapis prostej wartości tak/nie. localStorage to aż nadto do
tego :)

> BTW - jak wykryć czy stosujemy palec i to zanim strona się załaduje?

http://www.stucox.com/blog/you-cant-detect-a-touchscreen/

Dlatego trzeba po prostu projektować tak, by zachować możliwość obsługi
paluchem - odpowiednie wielkości elementów, unikać zależności od :hover,
itp.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 2015-09-28 o 18:34, Borys Pogoreło pisze:

>> Ryzykowne podejście. Local Storage to coś słabo zdefiniowanego jako
>> funkcjonalność.
>
> Bez przesady:
> http://caniuse.com/#feat=namevalue-storage

Nie o to mi chodziło. Miałem na myśli, że użytkownik praktycznie nie ma 
wpływu na dane tam zawarte. Jest "to coś" gdzieś, ani tego 
skonfigurować, ani wyczyścić, ani przeglądać czy jakieś "dziwne" dane 
tam nie są przechowywane. Cookies wiele osób potrafi usunąć, a o local 
storage nawet nie wie, że istnieje.

> Tu chodzi o zapis prostej wartości tak/nie. localStorage to aż nadto do
> tego :)

Z wyjątkiem sytuacji gdy jakaś inna strona postanowiła w 100% 
wykorzystać tą przestrzeń. A tam chyba ze 100kB jest domyślnie w IE a w 
innych nawet nie wiem.

>> BTW - jak wykryć czy stosujemy palec i to zanim strona się załaduje?
>
> http://www.stucox.com/blog/you-cant-detect-a-touchscreen/

Czytałeś ostatni akapit? Tu też JS jeszcze kuleje :-(

> Dlatego trzeba po prostu projektować tak, by zachować możliwość obsługi
> paluchem - odpowiednie wielkości elementów, unikać zależności od :hover,
> itp.

Ale to nie o to chodzi. Jeśli chcesz załadować inne arkusze CSS dla 
urządzeń dotykowych, to musisz wiedzieć, ze masz do czynienia z takim 
urządzeniem PRZED załadowaniem się strony. A a trakcie... to musztarda 
po obiedzie. Nie zbudujesz w ten sposób responsywności.


-- 
Pozdrawiam,
Marek

Dnia Mon, 28 Sep 2015 21:27:37 +0200, Marek napisał(a):

>> Bez przesady:
>> http://caniuse.com/#feat=namevalue-storage
> 
> Nie o to mi chodziło. Miałem na myśli, że użytkownik praktycznie nie ma 
> wpływu na dane tam zawarte. Jest "to coś" gdzieś, ani tego 
> skonfigurować, ani wyczyścić, 

Jak to nie ma? Firefox: Shift+F9. Chrome: F12 -> Resources (pewnie da się
prościej). Nie twierdzę, że to jakieś wyjątkowo proste skróty, ale do tych
danych da się bez problemu dotrzeć, podejrzeć i usunać w razie potrzeby
(choć akurat Fx pozwala tylko na podgląd).

> Z wyjątkiem sytuacji gdy jakaś inna strona postanowiła w 100% 
> wykorzystać tą przestrzeń. A tam chyba ze 100kB jest domyślnie w IE a w 
> innych nawet nie wiem.

Dużo więcej. Nawet kilka MB teoretycznie można wrzucić.

>>> BTW - jak wykryć czy stosujemy palec i to zanim strona się załaduje?
>>
>> http://www.stucox.com/blog/you-cant-detect-a-touchscreen/
> 
> Czytałeś ostatni akapit? Tu też JS jeszcze kuleje :-(

Jasne, dałem jako przykład, ze się nie da. Choć fakt, mogłem skomentować :)

> Ale to nie o to chodzi. Jeśli chcesz załadować inne arkusze CSS dla 
> urządzeń dotykowych, to musisz wiedzieć, ze masz do czynienia z takim 
> urządzeniem PRZED załadowaniem się strony. A a trakcie... to musztarda 
> po obiedzie. Nie zbudujesz w ten sposób responsywności.

Przed - to obecnie tylko na podstawie analizy user agenta. Ale to jest IMHO
kompletnie chybione podejście, o czym pisałem wcześniej. Wielu geniuszy,
którzy się umysłowo zatrzymali w 2007, serwuje dla urządzeń mobilnych
wersję serwisu okrojoną z połowy funkcji. No chyba, że jesteś serwisem
wielkości Onetu i Cię stać na równoległy rozwój kilku pełnowartościowych
wersji, indywidualnie dostosowanych do różnego typu urządzeń.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 2015-09-28 o 21:27, Marek pisze:

>
> Nie o to mi chodziło. Miałem na myśli, że użytkownik praktycznie nie ma
> wpływu na dane tam zawarte. Jest "to coś" gdzieś, ani tego
> skonfigurować, ani wyczyścić, ani przeglądać czy jakieś "dziwne" dane
> tam nie są przechowywane.

Eeeee tam - to ja tu robię za amatora.


> A tam chyba ze 100kB jest domyślnie w IE a w innych nawet nie wiem.

Firefox, Chrome i Opera - po 10MB na domenę.
Internet Explorer 100MB na wszystkie przechowywane dane.
Ponoć można to zmienić na maksymalnie 20GB, ale jeszcze tego nie robiłem 
i nie wiem jak :-)

Jacek W.

W dniu 2015-09-28 o 22:12, Borys Pogoreło pisze:

>
> Jak to nie ma? Firefox: Shift+F9. Chrome: F12 -> Resources (pewnie da się
> prościej). Nie twierdzę, że to jakieś wyjątkowo proste skróty, ale do tych
> danych da się bez problemu dotrzeć, podejrzeć i usunać w razie potrzeby
> (choć akurat Fx pozwala tylko na podgląd).

Próbowałem pod FF v41 - Shift + F9 nic nie robi.
Chrome nie uruchomił mi się pod W10 więc nie sprawdzałem.

W Edge lub IE11 okna służące do czyszczenia danych z jednej i drugiej 
przeglądarki wyglądają tak:

https://drive.google.com/file/d/0B5EZBCDOXXP7aDM4TEVUVG1lRUU/view?usp=sharing

https://drive.google.com/file/d/0B5EZBCDOXXP7QnJLbE9iaXVLTzQ/view?usp=sharing

Nie ma tam żadnych opcji czyszczenia local storage.


> Dużo więcej. Nawet kilka MB teoretycznie można wrzucić.

Zależy od domyślnych ustawień przeglądarki, których w IE nie da się 
regulować w ustawieniach lecz grzebiąc po rejestrze.

> Przed - to obecnie tylko na podstawie analizy user agenta. Ale to jest IMHO
> kompletnie chybione podejście, o czym pisałem wcześniej.

No więc właśnie - czyli się nie da :-)


-- 
Pozdrawiam,
Marek

W dniu 2015-09-28 o 23:47, Jacek W. pisze:

> Internet Explorer 100MB na wszystkie przechowywane dane.
> Ponoć można to zmienić na maksymalnie 20GB, ale jeszcze tego nie robiłem
> i nie wiem jak :-)

Ooo! A to coś się musiało zmienić. Szczerze mówiąc nie śledzę zmian 
wielkości local storage w przeglądarkach bo mam ciekawsze zajęcia ale za 
czasów IE8 bodajże było 100kB, co udawało mi się zatkać przy testowaniu 
aplikacji.

-- 
Pozdrawiam,
Marek

Dnia Tue, 29 Sep 2015 20:08:22 +0200, Marek napisał(a):

> Próbowałem pod FF v41 - Shift + F9 nic nie robi.

SOA#1 :)

Jest jeszcze shift+F2 i doklikać się do odpowiedniego miejsca.

> W Edge lub IE11 okna służące do czyszczenia danych z jednej i drugiej 
> przeglądarki wyglądają tak:
> 
> https://drive.google.com/file/d/0B5EZBCDOXXP7aDM4TEVUVG1lRUU/view?usp=sharing
> https://drive.google.com/file/d/0B5EZBCDOXXP7QnJLbE9iaXVLTzQ/view?usp=sharing
> 
> Nie ma tam żadnych opcji czyszczenia local storage.

Jak dla mnie druga opcja służy właśnie do tego celu ("Zapisane dane witryn
internetowych").

>> Dużo więcej. Nawet kilka MB teoretycznie można wrzucić.
> 
> Zależy od domyślnych ustawień przeglądarki, których w IE nie da się 
> regulować w ustawieniach lecz grzebiąc po rejestrze.

Nawet IE powinno łyknąć do 10MB. Starsze wersje przeglądarek miały pewne
ograniczenia, dlatego napisałem "nawet kilka megabajtów", ale to są i tak
rzędy wielkości więcej niż ciastka.

>> Przed - to obecnie tylko na podstawie analizy user agenta. Ale to jest IMHO
>> kompletnie chybione podejście, o czym pisałem wcześniej.
> 
> No więc właśnie - czyli się nie da :-)

A czy twierdzę inaczej? :)

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

W dniu 2015-09-29 o 20:22, Borys Pogoreło pisze:

> Jak dla mnie druga opcja służy właśnie do tego celu ("Zapisane dane witryn
> internetowych").

Hmmm... może faktycznie to jest to... Sprawdzę.

>> No więc właśnie - czyli się nie da :-)
>
> A czy twierdzę inaczej? :)

W zasadzie tylko było to tylko podsumowanie :-)

-- 
Pozdrawiam,
Marek

Czy związku z responsywnością będe musiał zmieniać HTML4 na HTML5 i CSS2 na CSS3?

Dnia Wed, 4 Nov 2015 03:14:49 -0800 (PST), rozgloszenia@gmail.com
napisał(a):

> Czy związku z responsywnością będe musiał zmieniać HTML4 na HTML5 i CSS2 na CSS3?

Wersja HTML4/5 nie ma znaczenia, ale media queries są częścią specyfikacji
CSS3.

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

Borys Pogoreło wrote:
> Wersja HTML4/5 nie ma znaczenia, ale media queries są częścią 
specyfikacji
> CSS3.

Jako responsywną muszę zrobić stronę, która zawiera głównie dość duży 
i szeroki formularz. Czy w tej sytuacji mogę zrobić tak: przygotować 
kilka wersji formularza i włączać styl display odpowiedniego 
formularza w zależności od szerokości urządzenia - właśnie przy pomocy 
media queries?

Tak zrobiłem i mi działa.