|
Tytuł: Przydatne narzędzia Wiadomość wysłana przez: savaro on 23.09.2010, 18:27:42 Przeglądając wątki dotyczące tworzenia stron, zauważyłem że wiele osób ma problemy z odnalezieniem błędów w xhtml i css. Osobom tym, choć nie tylko polecam dwa bardzo przydatne narzędzia:
Web Developer - https://addons.mozilla.org/pl/firefox/addon/60/ (https://addons.mozilla.org/pl/firefox/addon/60/) Firebug -http://getfirebug.com/ (http://getfirebug.com/) Oba są instalowane jako dodatki do przeglądarki Firefox i umożliwiają m.in.: - podgląd oraz edycję kodu html i css bezpośrednio w przegladarce - wyświetlanie informacji o divach bezpośrednio na przeglądanej stronie - sprawdzenie poprawności kodu html i css Tytuł: Odp: Przydatne narzędzia Wiadomość wysłana przez: kaef on 23.09.2010, 20:41:12 Ja zawsze korzystałem z validatora online:
www.validator.w3.org (http://validator.w3.org/check?uri=www.gimpuj.info&charset=%28detect+automatically%29&doctype=Inline&group=0) Pamiętam wiele sytuacji, w których kod działający pod IE był błędny. Po poprawieniu przestawał działać w Jedynej Słusznej Przeglądarce;) Tytuł: Odp: Przydatne narzędzia Wiadomość wysłana przez: Gacko on 23.09.2010, 21:59:45 Cóż, pod ręką mam jeszcze jedną stronkę z przydatnymi narzędziami do typografii: http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/
Można wiele pokombinować i posprawdzać, jak współpracują ze sobą poszczególne czcionki. Jak ktoś nie ma problem z teorią o typo w sieci, to tutaj można wizualnie wiele rzeczy sobie uświadomić. Tytuł: Odp: Przydatne narzędzia Wiadomość wysłana przez: mmiicc on 24.09.2010, 11:49:30 Kontynuując przydatne narzędzia do typografii: coś od Google (http://code.google.com/webfonts/preview#font-family=IM+Fell+DW+Pica+SC)
Aha, jeszcze taka zabaweczka: http://css3generator.com/ :) Tytuł: Odp: Przydatne narzędzia Wiadomość wysłana przez: kaef on 24.09.2010, 17:47:22 Z takimi zabawkami, proces tworzenie strony zaczyna sprowadzać się do umiejętnego kopiowania kodu z różnych źródeł;)
Tytuł: Odp: Przydatne narzędzia Wiadomość wysłana przez: savaro on 26.09.2010, 11:55:07 To co przedstawiacie bardziej można stosować podczas projektowania strony niż na etapie kodowania, czy też odszukiwania ewentualnych błędów w kodzie (oczywiście oprócz validatora).
Web Developer ma w sobie opcję validacji kodu (x)html i css z wykorzystaniem wspomnianego przez kaefa validatora, zarówno kodu umieszczonego już na serwerze jak i kodu na dysku lokalnym. Przykładowe screeny z obu dodatków: (http://www.gimpuj.info/gallery/thumb_23935_26_09_10_10_40_27_0.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=71238) (http://www.gimpuj.info/gallery/thumb_23935_26_09_10_10_40_27_1.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=71239) (http://www.gimpuj.info/gallery/thumb_23935_26_09_10_10_40_27_2.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=71240) Cytuj Aha, jeszcze taka zabaweczka: http://css3generator.com/ Tej "zabaweczki" nawet nie komentuje. Każdemu kto zaczyna "zabawę" w kodowanie stron gorąco polecam oba narzędzia. Tytuł: Odp: Przydatne narzędzia Wiadomość wysłana przez: savaro on 29.09.2010, 20:09:49 Kolejne przydatne narzędzie które mogę polecić to IETester.
Program jest w zasadzie przeglądarką pozwalającą na oglądanie strony z wykorzystaniem silników IE5.5, IE6, IE7, oraz IE8. (http://www.gimpuj.info/gallery/thumb_23935_29_09_10_7_05_09.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=71355) |