Temat: {walidacja} pytanie do doświadczonych koderów HTML

.Paweł Koch edytował(a) ten post dnia 18.04.12 o godzinie 15:59

Temat: {walidacja} pytanie do doświadczonych koderów HTML

chociażby http://modernizr.com/ lub http://css3pie.com/

Temat: {walidacja} pytanie do doświadczonych koderów HTML

.Paweł Koch edytował(a) ten post dnia 18.04.12 o godzinie 16:00

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Paweł Białach:
Z innych tematów mam:
http://code.google.com/p/html5shim/
http://html5boilerplate.com/

css3pie nie polecam... html5boiler korzysta z modernizera, który ma to samo co html5shim i css3pie plus jeszcze kilka innych dodatków...

przede wszystkim zapoznaj się z czymś co się nazywa "graceful degradation" - pisałem już o tym gdzieś chyba w tej grupie...Piotr L. edytował(a) ten post dnia 01.04.12 o godzinie 12:56

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Piotr L.:
przede wszystkim zapoznaj się z czymś co się nazywa "graceful degradation" - pisałem już o tym gdzieś chyba w tej grupie...

albo "progressive enhancement", ktore bardziej do mnie przemawia ;)

Paweł Białach:

Czy nie uwazasz ze spamowanie w 3 roznych grupach naraz, nie jest lekka przesada? ;)Andrzej Winnicki edytował(a) ten post dnia 01.04.12 o godzinie 13:12

Temat: {walidacja} pytanie do doświadczonych koderów HTML

.Paweł Koch edytował(a) ten post dnia 18.04.12 o godzinie 15:58

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Andrzej Winnicki:

Piotr L.:
przede wszystkim zapoznaj się z czymś co się nazywa "graceful degradation" - pisałem już o tym gdzieś chyba w tej grupie...

albo "progressive enhancement", ktore bardziej do mnie przemawia ;)

Ja ostatnio zamieniłem oba na "mobile first" i "responsive web design" :D

Paweł Białach:

Czy nie uwazasz ze spamowanie w 3 roznych grupach naraz, nie jest lekka przesada? ;)

lekka zaczyna się od 5 grup... do 5 to jest tylko bardzo mała :DPiotr L. edytował(a) ten post dnia 01.04.12 o godzinie 13:54

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Ja to chyba jestem "dinozaurem", bo nie używam żadnych "wspomagaczy" typu frameworki pod CSS:)

Z biegiem swojego kilkuletniego doświadczenia powiem tak:

Uważać na:
- padding i margin
- border
- position (głównie atrybut "absolute")
- z-index
- float

Ogranicz możliwie jak najbardziej padding na rzecz margin. Position: absolute staraj się korzystać tylko na głównym kontenerze, który ma wyśrodkować stronę.

Sposób środkowania strony (tylko w poziomie, choć w pionie też się da ale inaczej się to robi):

dla BODY dajesz "text-align: center".
całość ustawiasz do div'a w formie kontenera, np. dajemy mu id "container" a w nim ustawiamy:
text-align: left;
margin: 0 auto;

Używaj możliwie najczęsciej float: left, zamiast left i right.

I ostatnia rzecz...
Jeśli coś kompletnie nie chce wyjść w czystym CSS - zrób to w jQuery. To już całkowita ostateczność. Używać bardzo, bardzo rzadko, bo może potem stworzyć utrudnienia przez wymieszanie kodu.

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Marcin Drwięga:
Ja to chyba jestem "dinozaurem", bo nie używam żadnych "wspomagaczy" typu frameworki pod CSS:)

Z biegiem swojego kilkuletniego doświadczenia powiem tak:

Uważać na:
- padding i margin
- border
- position (głównie atrybut "absolute")
- z-index
- float

Ogranicz możliwie jak najbardziej padding na rzecz margin. Position: absolute staraj się korzystać tylko na głównym kontenerze, który ma wyśrodkować stronę.

Sposób środkowania strony (tylko w poziomie, choć w pionie też się da ale inaczej się to robi):

dla BODY dajesz "text-align: center".
całość ustawiasz do div'a w formie kontenera, np. dajemy mu id "container" a w nim ustawiamy:
text-align: left;
margin: 0 auto;

Używaj możliwie najczęsciej float: left, zamiast left i right.

I ostatnia rzecz...
Jeśli coś kompletnie nie chce wyjść w czystym CSS - zrób to w jQuery. To już całkowita ostateczność. Używać bardzo, bardzo rzadko, bo może potem stworzyć utrudnienia przez wymieszanie kodu.

Hello!?!? Raczej nie dinozaurem, ale noobem... Wiesz, że mamu już XXI wiek i większość przeglądarek poza marginami i paddingami obsługuje też CSS3 transitions, gradients, border radiusy i inne cuda? Powiedz, że to co napisałeś wyżej to jakiś żart prima aprilisowy i że tak naprawdę załapałeś co autor miał na myśli pisząc "w pełni poprawnego wyświetlanie się wszystkiego wszędzie (html5, css3, js na Chrome, Firefox, Opera, IE nawet 7)"... No chyba, że masz problemy z czytaniem ze zrozumieniem, to jeszcza da się to jakoś wytłumaczyć...Piotr L. edytował(a) ten post dnia 01.04.12 o godzinie 14:19

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Piotr L.:
Ja ostatnio zamieniłem oba na "mobile first" i "responsive web design" :D

Kwestia potrzeb. Jak cos ma byc mobile/tablet friendly to responsive design powinno byc podstawa podczas planowania... aczkolwiek czesto nie jest przez designerow :P

Na szczescie u siebie nie mam jeszcze wymogu mobile, chociaz generalna zasada jest prosta - powinno dzialac i sprawdza sie te rzeczy co jakis czas. Aleee.. jak trzeba ciagle w niektorych przypadkach wspierac IE6, to sie wszystko troszke zaczyna komplikowac ;)

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Andrzej Winnicki:

Piotr L.:
Ja ostatnio zamieniłem oba na "mobile first" i "responsive web design" :D

Kwestia potrzeb. Jak cos ma byc mobile/tablet friendly to responsive design powinno byc podstawa podczas planowania... aczkolwiek czesto nie jest przez designerow :P

To nie tak, że POWINNO być, bo to niby user powinien wybierać, czy chce na swoim mobilnym urządzeniu wersję normalną, mobilną czy responsive... No, ale userzy to jedno, a wymagania klientów to drugie :D

Na szczescie u siebie nie mam jeszcze wymogu mobile, chociaz generalna zasada jest prosta - powinno dzialac i sprawdza sie te rzeczy co jakis czas. Aleee.. jak trzeba ciagle w niektorych przypadkach wspierac IE6, to sie wszystko troszke zaczyna komplikowac ;)

Eee tam... nie ma problemu żeby zrobić resposive website, które będzie działać na IE6...

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Piotr L.:

Eee tam... nie ma problemu żeby zrobić resposive website, które będzie działać na IE6...

Pod warunkiem ze zadasz sobie pytanie: Czy wysilek pogodzenia tych dwoch rzeczy, jest w ogole wart czasu? ;) Bardzo czesto - po prostu nie.

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Andrzej Winnicki:

Piotr L.:
Eee tam... nie ma problemu żeby zrobić resposive website, które będzie działać na IE6...

Pod warunkiem ze zadasz sobie pytanie: Czy wysilek pogodzenia tych dwoch rzeczy, jest w ogole wart czasu? ;) Bardzo czesto - po prostu nie.

Większość rzeczy które robię działa "z palca" w IE6... Co prawda ostatnio miałem problemy z aplikacją RESTową przy wysyłaniu DELETE i PUT (zgodnie ze specyfikacją formularze w HTML5 obsługują domyślnie tylko POST i GET), ale dało się to jakoś obejść - wszystko działa jak ta lala :D Powtórzę tylko to, co piszę od dawna: większość bugów z IE jest na tyle prosta i łatwa do obejścia, że czas potrzebny na wykonanie strony/aplikacji nie rośnie znacznie - oczywiście w przypadku naprawdę skomplikowanych rzeczy trzeba oczywiście zrobić sobie rachunek zysków i strat i zastanowić się czy gra jest warta świeczki...

Temat: {walidacja} pytanie do doświadczonych koderów HTML

nadmierny perfekcjonizm prowadzi tylko do dłuższego ładowania się strony ;>

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Piotr L.:
Hello!?!? Raczej nie dinozaurem, ale noobem... Wiesz, że mamu już XXI wiek i większość przeglądarek poza marginami i paddingami obsługuje też CSS3 transitions, gradients, border radiusy i inne cuda?

IE nie obsługuje. No, od biedy niektóre rzeczy (np. gradienty) da się zrobić poprzez DXImageTransform.Microsoft.blablabla. Ale też chyba nie wszystkie.

większość bugów z IE jest na tyle prosta i łatwa do obejścia, że czas potrzebny na wykonanie strony/aplikacji nie rośnie znacznie

nie chodzi o sposób obejścia (który często jest banalny), tylko o czas potrzebny na znalezienie informacji w googlach (a docelowo zwykle na stackoverflow) na temat tego, jak się to powinno obchodzić.Łukasz Lityński edytował(a) ten post dnia 01.04.12 o godzinie 19:03

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Piotr L.:

Marcin Drwięga:
Ja to chyba jestem "dinozaurem", bo nie używam żadnych "wspomagaczy" typu frameworki pod CSS:)

Z biegiem swojego kilkuletniego doświadczenia powiem tak:

Uważać na:
- padding i margin
- border
- position (głównie atrybut "absolute")
- z-index
- float

Ogranicz możliwie jak najbardziej padding na rzecz margin. Position: absolute staraj się korzystać tylko na głównym kontenerze, który ma wyśrodkować stronę.

Sposób środkowania strony (tylko w poziomie, choć w pionie też się da ale inaczej się to robi):

dla BODY dajesz "text-align: center".
całość ustawiasz do div'a w formie kontenera, np. dajemy mu id "container" a w nim ustawiamy:
text-align: left;
margin: 0 auto;

Używaj możliwie najczęsciej float: left, zamiast left i right.

I ostatnia rzecz...
Jeśli coś kompletnie nie chce wyjść w czystym CSS - zrób to w jQuery. To już całkowita ostateczność. Używać bardzo, bardzo rzadko, bo może potem stworzyć utrudnienia przez wymieszanie kodu.

Hello!?!? Raczej nie dinozaurem, ale noobem... Wiesz, że mamu już XXI wiek i większość przeglądarek poza marginami i paddingami obsługuje też CSS3 transitions, gradients, border radiusy i inne cuda? Powiedz, że to co napisałeś wyżej to jakiś żart prima aprilisowy i że tak naprawdę załapałeś co autor miał na myśli pisząc "w pełni poprawnego wyświetlanie się wszystkiego wszędzie (html5, css3, js na Chrome, Firefox, Opera, IE nawet 7)"... No chyba, że masz problemy z czytaniem ze zrozumieniem, to jeszcza da się to jakoś wytłumaczyć...

Większość przeglądarek obsługuje CSS3? Radiusy i gradienty? Nie rozśmieszaj mnie. Poza tym, wolę być noobem niż świecić taką niewiedzą jak Ty. IE6 ma problemy nawet z tonowaną przezroczystością w PNG.

Jeśli myślisz, że mało kto dziś używa IE6, to również jesteś w błędzie. Takie przestarzałe przeglądarki są niezwykle często używane w... dużych przedsiębiorstwach. Dlaczego? Bo nie czują potrzeby zamiany na nowe. Chociażby sam odpalam Agility ERP w pracy na IE6 :-)

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Marcin Drwięga:

Większość przeglądarek obsługuje CSS3? Radiusy i gradienty?

A nie? bo wiesz, ja żyję w dwudziestym pierwszym wieku, używam wszystkich nowoczesnych przeglądarek, a te bez problemu radzą sobie z CSS gradients i border-radius...

Nie rozśmieszaj mnie. Poza tym, wolę być noobem niż świecić taką niewiedzą jak Ty. IE6 ma problemy nawet z tonowaną przezroczystością w PNG.

IE6 umiera, czy tego chcesz czy nie - poza tym nigdzie nie wspomniałem, że NIE wspieram przestarzałych przeglądarek - przy czym uważam, że ważniejsza jest zachowanie FUNKCJONALNOŚCI od wszystkich tych wizualnych wodotrysków... Tak a propos "niewiedzy" - zanim zaczniesz pisać głupoty zapoznaj się z tym, o czym pisałem wyżej: "graceful degradation" i "progressive enhancement"... No ale jak sam pisałeś: "nie używam żadnych "wspomagaczy" typu frameworki pod CSS" - jedni wszystko robią ręcznie, inni optymalizują swoją pracę... Zanim zaczniesz zarzucać mi niewiedzę, to może zerknij najpierw na własne podwórko, bo jakoś nie widzę u Ciebie komercyjnego doświadczenia ani portfolio potwierdzających jakąkolwiek wiedzę na temat front endu...

Jeśli myślisz, że mało kto dziś używa IE6, to również jesteś w błędzie. Takie przestarzałe przeglądarki są niezwykle często używane w... dużych przedsiębiorstwach.

Ale nie musisz mi tego przypominać, bo sam obecnie pracuję nad kilkoma projektami, gdzie jednym z głównych założeń jest "full support in IE6"... Przy czym full support to FUNKCJONOWANIE aplikacji, a nie zaokrąglenia i gradienty...

Dlaczego? Bo nie czują potrzeby zamiany na nowe. Chociażby sam odpalam Agility ERP w pracy na IE6 :-)

No ale to już nie mój problem, że jakąś firmę stać na ryzyko uruchamiania web aplikacji w środowisku, które nie jest już oficjalnie wspieranie?Piotr L. edytował(a) ten post dnia 13.04.12 o godzinie 00:51

Temat: {walidacja} pytanie do doświadczonych koderów HTML

IE6 ma problemy nawet z tonowaną przezroczystością w PNG.

IE8 też. Ale na wszystko jest hack. Wstawiasz do css:
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */
a potem działa. Pod warunkiem, że tło jest białe (inaczej musisz zmienić wartości kolorów).

Tylko, że przez takie rzeczy to zamiast programować, spędzasz czas w googlach.

Temat: {walidacja} pytanie do doświadczonych koderów HTML

http://html5please.com/ - dobra baza wiedzy i rozwiązań dla koderów, którzy chcą wspierać stare lub mobilne przeglądarki używając nowoczesnych rozwiązań.

Temat: {walidacja} pytanie do doświadczonych koderów HTML

Mateusz Kocz:
http://html5please.com/ - dobra baza wiedzy i rozwiązań dla koderów, którzy chcą wspierać stare lub mobilne przeglądarki używając nowoczesnych rozwiązań.

I jeszcze to: http://caniuse.com/