Perfection or Vanity

Grafiku! Wyobraź sobie, że projektujesz serwis internetowy. Być może nawet teraz to robisz. Są w nim formularze - jakże by miało ich nie być - pola tekstowe jedno i wielolinijkowe. Pola wyboru jedno i wielokrotnego, rozwijalne listy, pola uploadu plików oraz cała masa przycisków. Masz zestaw wytycznych w postaci wireframes i zabierasz się do ich rysowania w najnowszym Photoshopie / Fireworksie.

Stop.

YouTube zastosowało bardzo użyteczną konwencję wyglądu linków. Oprócz tego, że są koloru niebieskiego, te zwyczajne mają domyślne podkreślenie ciągłe, a JavaScriptowe podkreślenie kropkowane.

W Internecie można często natknąć się na strony, które zostały złożone przy pomocy CSS-a, a ich wspólnym motywem jest stała szerokość, wycentrowanie i dwie kolumny. Z powodu niesamowitej popularności takich układów od lat, przypadkowi oglądający biorą wypełnienia kolorem kolumn za pewien standard projektowania (co nie jest niczym złym, ponadto wspomniane układy są zwykle estetyczne) i próbują zaaplikować u siebie taki efekt. Z różnym skutkiem.

Używając systemu na pewno mieliście okazję tak zmniejszyć okno, że część etykietek tekstowych w środku została przycięta. Pojawia się wtedy zgrabnie wielokropek wskazując, że dalej jest coś napisane. Nie sposób zliczyć miejsc, w których działa takie proste udogodnienie - występuje praktycznie wszędzie.

Są takie techniki pisania stron, które poważnie nadwyrężają moje zdrowie psychiczne. Wynikają… nie wiem z czego, chyba ze zbyt pobieżnego przyjrzenia się podręcznikowi HTML / CSS. Dlatego postanowiłem zaprezentować te najmocniej następujące mi na odcisk. Nie są ogromnymi problemami natury logistyczno-programistycznej - są za to wielkimi wykroczeniami w stronę użyteczności i intuicyjności używania WWW.

Kolejne usprawnienie na blogu - zastanawiam się nad dodaniem gdzieś znaczka Bety - ale tym razem mniej jałowy opis. Przed testowaniem upewnij się, że wczytane masz nowe pliki CSS i JS - Ctrl + Shift + R.

W postach umieszczam często fragmenty kodu HTML / CSS albo JavaScript, dlatego zwróciłem szczególną uwagę na ten element strony. Roger Johansson bodaj pierwszy wpadł na pomysł, aby linijki kodu umieszczać w liście numerowanej. Poddana odpowiedniemu stylowaniu wygląda bardzo profesjonalnie no i oczywiście przejrzyście - porównując ją z tekstem preformatowanym <pre/>.