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.

Wpisy

Jesteśmy na Google, po wpisaniu paru słów kluczowych klikamy w jeden z niebieskich linków. Zwyczajna strona, dużo tekstu, zaczynamy przeglądać zanim pasek postępu ładowania odetchnie. Po sekundzie, dwóch znajdujemy w końcu interesujący nas fragment np. artykułu i zaczynamy pochłaniać go wzrokiem. I nagle - bump, bump, tekst zjeżdża o jedną trzecią ekranu w dół, bump, już go nie widać. Gonimy myszką pasek przewijania i rozdygotanym wzrokiem usiłujemy nadążyć za uciekającą treścią. Bump.

Czytaj dalej… 46 komentarzy

Standardy sieciowe i przejrzysty kod czasem stwarzają problemy z rzeczami bardzo prostymi. Jeden z nich jest dość pospolity - musimy złożyć formularz. W większości przypadków nie powinniśmy korzystać z tabeli - formularz napisany na blokach div bądź im podobnych elementach może być później przekształcony, tabela jest statyczna i mało efektywna.

Czytaj dalej… 38 komentarzy

Dziwactwa IE - Listy

12 grudnia 2005

Pionowe przerwy

Najbardziej znany problem - w moim menu pod Internet Explorerem zostają dodane paskudne przerwy. Dlaczego tak się dzieje?

Wszystko przez to, że umieszczamy w nim elementy blokowe. Mogą być to elementy, których blokowość określa DTD, bądź którym zmieniamy kontur przez CSS.

Czytaj dalej… 7 komentarzy

Tooltip w CSS

12 grudnia 2005

Wszędzie w Internecie widzi się przykłady poradników jak zrobić etykietkę narzędziową dla hiperłącza w CSS. Przykład sprowadza się do ukrycia elementu linka i jego pokazaniu po nakierowaniu myszą, w czym pomaga stan :hover.

Przykładowa składnia:

  1. <a class="tooltip" href="opis.html">Opis linka<dfn>Tooltip</dfn></a>

Czytaj dalej… 2 komentarze

Listy definicji

01 grudnia 2005

Prosty element - <dl/> a w nim <dt/> i <dd/>. Wielu twórców stron nie zaznajomiło się z nim dobrze, bo albo podobny efekt graficzny dawał <blockquote/>, albo parę akapitów i nagłówek. Lista definicji jest jednak o wiele bardziej ciekawym elementem. Dzięki któremu nadamy znaczenie 1 elementom

Czytaj dalej… 2 komentarze

Sekcje w szablonach

13 października 2005

Sekcje w szablonach, czyli najczęstsze błędy i nieporozumienia podczas tworzenia układów za pomocą sekcji.
Osoby pragnące zaznajomić się z szablonami stron tworzonymi na divach często napotykają problemy, których wielokrotnie nie rozumieją. Nie potrafiąc ich rozwikłać własnymi siłami (bo czasam wystarczy pogooglać) wracają do tabelek rzucając hasło "divy ssą".

Czytaj dalej… 14 komentarzy

Informacje i hiperłącza

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.

RSS

Najciekawsze na Perfection or Vanity

Wpisy archiwalne

Archiwum miesięczne

Projekty

Jogger.pl Em Calculator

Blogroll

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com