Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Złe nawyki

07 maja 2005

Wylistuję sobie tutaj moje złe nawyki przy tworzeniu stron, bądź te które chcę zmienić lub ulepszyć. Za jakiś czas zobaczę co udało mi się osiągnąć.

Lista została wypełniona w całości. :)

  1. Zacząć używać lepszego edytora z kolorowaniem składni, który obsługuje polskie znaki na I/O plus zapisuje dokumenty w UTF-8 bez BOM. Koniec notepadowania, mimo że nawet do wprawy doszedłem. Wkurza mnie złe przeskakiwanie z CTRL oraz tylko 1 cofnięcie plus błędy wyświetlania przy zapisywaniu. Poleci ktoś coś?
  2. Zacząć stosować DOCTYPE dla XHTML 1.0 Strict. Nie jest to trudne, parę dodatkowych zasad muszę zapamiętać.
  3. Wyrobić sobie nawyk dodawania automatycznie encji dla &, a nie potem poprawiać je.
  4. Zacząć używać poprawnie ACRONYM i ABBR.
  5. Do BLOCKQUOTE wstawiać P.
  6. Używać semantycznych znaczników zamiast mnożyć classitis. Przykładowo: INS dla update'ów, co już mi się udało poprawić, choćby tutaj.
  7. >Używać atrybutów xmlns, lang, xfn w części początkowej i nagłówkowej.
  8. Pamiętać zawsze o relacjach przy linkach (XFN, home, prev, next). Pomocne to przy prefetchowaniu i Strony Podobne na G
  9. Zmienić zwykłe META na odpowiedniki DublinCore.
  10. Zawsze dodawać informację czy link prowadzi poza stronę. Nie tylko przez a[href^="http://"].
  11. Zainstalować Operę i testować w niej także strony. Poprawiać dla niej CSS, mimo że mnie to wkurza. ;)
  12. Pamiętać zawsze o wycinaniu z paru CSSów elementów powtarzających się do main.css a potem jego @import'owanie do każdego z nich.
  13. Dodawać statystyki stat4u do każdej bardziej poważnej stronki, jeszcze zanim poleci informacja o niej dalej. Te statystyki są darmowe i są bardzo okej. Nie rozumiem osób wypinających się na nie. Mi nie przeszkadza "Netscape 5.0" zamiast Firefoxa.
  14. Tworzyć identyfikatory dla elementów kluczowych plus dodawać szybkie linki do przeskiwania po stronie (na górę, do poszczególnych rozdziałów).
  15. Zacząć do cholery używać jednostek relatywnych (em głównie) - nie tylko do czcionek. Wrr.
  16. Pamiętać o zapisaniu reguł stylów dla wszystkich elementów, które mogą być użyte na stronie. Wszelkie cytaty, klawisze, listy - potem "na szybko" wychodzą nieładnie.
  17. Tworzyć dostępne formularze. Element LABEL, atrybut title i inne, znakomicie opisane w artykule na NoFrontiers!.
  18. Bloki kodu wstawiać przez PRE i CODE.
  19. Stworzyć sobie jakiś szablon z gotową strukturą strony, bo łatwo zapomnieć o jakimś elemencie, albo skopiować ich za dużo z innej. Zwykle tak robię i nie jest to pozytywne potem.

Tagi wpisu:

Informacje i hiperłącza

To ja! Piotr Petrus 'Riddle'

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

Informacje o wpisie

Napisał riddle 07 maja 2005 o 23:00

Kategorie: CSS, HTML & Semantyka, Standardy sieciowe

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Komentarze

  1. kraviec 1 07 maja 2005, 23:02

    a na samym poczatku powinno byc "Drogi Swiety Mikolaju" ;) pracuj, pracuj nad soba, maniaku w3 :P

  2. Pc24 2 07 maja 2005, 23:05

    Ad.1 Dreamwear - http://tinyurl.com/yvwq7
    Crimson editro (choć nie ma polskich zanków, ale doskonale koloruje) - http://crimsoneditor.com/
    Ad.10 - jaki sposób masz na myśli?

  3. Yano 3 07 maja 2005, 23:06

    Co do edytora to od pół roku korzystam z jEdit - dość intuicyjny w obsłudze i ma sporo wtyczek. Owszem, za pierwsyzm razem trzeba go troszkę podrasować, bo na sucho jest strasznie drętwy, ale jak już go skonfigurujesz, to jest niezastąpiony. Wada? Napisany w Javie. Ale dzięki temu jest wieloplatformowy.

  4. riddle 4 07 maja 2005, 23:08

    Pc24: Dreamwaeaver... no zastanowię się, ale to trochę potężne bydle jest. Mi chodzi o maluśki jakiś.
    A jak Ad10? Dodawać class="ex". Nie ma nic bardziej wkurzającego jak zniknięcie strony którą oglądasz, a nie używam już target="_blank".

    Yano: Prześlesz mi na maila Twój program z konfiguracją?

  5. Yano 5 07 maja 2005, 23:08

    Dreamweaver to jednak spory wydatek. Crimson próbowałem, ale u mnie wyleciał po drugim uruchomieniu - czymś mi mocno podpadł.
    Swojego czasu przetestowałem chyba ze 30 różnych free i sharewareowych edytorków. Jak dotąd jEdit się sprawuje najlepiej.

  6. maciek 6 07 maja 2005, 23:10

    nie wiem za bardzo co to jest to Byte Order Mark :), ale Notepad++ znakomicie sprawdza się w UTF-8, no i koloruje
    http://notepad-plus.sourceforge.net/uk/site.htm

  7. Pc24 7 07 maja 2005, 23:10

    Nie ma co, Dreamwear to bydle. Ale przyjemnie się z nim pracuje

  8. Yano 8 07 maja 2005, 23:11

    Jasne, że podeślę, choć może Ci ona nieodpowiadać, bo chwilowo jest tam władowane parę rzeczy testowo. Ale dość łatwo wtyczki się wyłącza przez menu.
    Do szybkich edycji używam jeszcze Notepad2 (uwaliłem tego z MS) - dość znośny i ładnie koloruje.

  9. kraviec 9 07 maja 2005, 23:11

    ja korzystam z freeware'owego PHP Designer 2005 i wogole nie narzekam na niego
    http://tinyurl.com/3ru4p

  10. Ktos 10 08 maja 2005, 11:52

    Ja osobiście używam Notatnika SP, ale on nie radzi sobie w ogóle z Unicode. Za to koloruje dokonale. Ale że rozpoczynają się prace nad edytorem GeminiR, to może kiedyś Ci go polecę... Za rok, jak będzie się do czegoś nadawał :)

    A tak w ogóle to dużo rzeczy z tejlisty ja już robię, ale niektórych mi się nie chce ;)

  11. MiLKA 11 08 maja 2005, 14:09

    1: Ja ostatnio przeniosłem się na Eclipse, razem z modem PHPeclipse (http://www.phpeclipse.de) - naprawde fajne cudo, ale niestety napisane w javie, więc daje popalić prockowi i pamięci. Co do UTF8 to ma wsparcie ale nie przeglądałem się temu.

    11: Wrrrr.....

    15: A może standard.stat.pl - są darmowe, oraz "wspierane" przez gemiusa, pana i władce statystyk w polsce

    19: tak i też robie :)

  12. nbw 12 08 maja 2005, 14:29

    Ad. 1. Dreamweaver jest okej, ale to kobyła. Notepad2

  13. Khorne 13 09 maja 2005, 02:07

    1) http://vim.sf.net - ostateczne rozwiazanie kwestii pisania

  14. Yano 14 10 maja 2005, 15:18

    No to ładnie. Teraz się zacznie batalia o wyższości vima nad innymi edytorami ;)
    [mode flame on]A mnie się vim nie podoba :P[mode flame off]

  15. nbw 15 10 maja 2005, 15:20

    Ta. Dla mnie do htmla istnieje tylko Spider Writer (nie, nie Pajączek, choć ewidentnie ktoś tu z kogoś zrzynał).

  16. olórin 16 10 maja 2005, 20:57

    Ja jako edyto polece emeditor'a, lekkie cudo! nie zużywa dużo ramu, obsługuje świetnie kolorowanie składni w PHP, HTML, CSS, C++,... Z pl literkami nie ma żadnych problemów (zmiana kodowania to 2 kliknięcia myszką :)) w/w utf8 obsługuje doskonale. Wszystko można skonfigurować (nawet bardziej niż w Konnekcie), generalnie można dodawać swoje składnie i kolorować je przy pomocy preg'ów :]

    Co do dreamweavera to odstaszył mnie od niego utf8 - kiedy edytuje się pod nim strone całą jest ok, ale jak już includuje w php to lubiał wyciąć pllierki, nie zapisać błędnie, tylko poprostu wyciąć!

  17. riddle 17 21 maja 2005, 01:16

    Wybrałem Notepad++, dzięki Maciek! :)

  18. Riddle 18 17 października 2005, 04:18

    Yeah, lista wypełniona. Piszemy nową, ale to już jutro. :)

  19. procek 19 29 czerwca 2009, 22:05

    Profesjonale i dobre narzędzie do PHP + CSS + XHTML + JS to NetBeans. Aktualna wersja to 6.5 - sam jej używam i jestem bardzo zadowolony.
    Punkt 6. dotyczy już konkretnej treści, a nie projektowania - niemożna nigdy przewidzieć, co w przyszłości pojawi się na stronie...