29 września 2010 ~ 1 Komentarz

Ciasteczka w JavaScript

{lang: 'pl'}

W dobie rozkwitu dynamicznych aplikacji WWW ciasteczka są coraz częściej stosowaną formą wymiany danych pomiędzy serwerem a klientem. W jednym ciasteczku można przechować niewielką ilość danych tekstowych, które przeglądarka wysyła do serwera wraz z każdym zapytaniem o stronę internetową, skrypt, dane, czy nawet obrazek. W tym temacie spróbuję przybliżyć możliwości, jakie niesie ze sobą wykorzystanie cookies-ów w języku JavaScript. [...]

Czytaj dalej

03 lipca 2010 ~ Komentarzy: 9

Bezpieczne czcionki WWW

CSS
{lang: 'pl'}

11 gotowych deklaracji czcionek CSS dla 3 systemów. Czcionki Linuksa i MacOSa są odpowiednikami czcionek Windows. W niektórych przypadkach są jedynie podobne. Istnieje możliwość zainstalowania pakietu czcionek Microsoft na Linuksie, jednak wyglądają one gorzej niż czcionki natywne. W deklaracjach jako pierwsze podawane są czcionki Linuksowe, następnie dla MacOS, a na końcu Windows. Taka kolejność zapewnia wybranie czcionki Linuksa czy MacOSa nawet w przypadku zainstalowanych czcionek MS. [...]

Czytaj dalej

20 czerwca 2010 ~ 0 Komentarzy

Półprzeźroczyste obrazki PNG w IE6

{lang: 'pl'}

Format PNG jest następcą powszechnie używanego w internecie formatu GIF. Jego główną przewagą jest pełny kanał alpha, czyli obsługa półprzezroczystości. PNG został wprowadzony w 1995 roku i od tamtej pory jest zalecanym przez W3C formatem dla sieci WWW. IE6, pomimo iż wydano go 6 lat później, nie renderuje kanału alpha w obrazkach PNG. Obecnie wiele osób nadal używa tej przeglądarki. Co gorsza, aktualizacja do IE7 na odpowiednio starej wersji Windowsa wcale nie rozwiązuje tego problemu. [...]

Czytaj dalej

05 czerwca 2010 ~ 1 Komentarz

Tabelka z paskiem przewijania

CSS
{lang: 'pl'}

Tabela <table> jest jedynym elementem języka HTML, dla którego można określić tylko jeden wymiar – szerokość. Jej wysokość zależy od ilości wierszy i ich zawartości, a co za tym idzie, wartość scroll własności CSS overflow nie zadziała na tabeli, gdyż do poprawnego działania potrzebuje określonej wysokości elementu. [...]

Czytaj dalej

10 maja 2010 ~ 0 Komentarzy

Płynne przesuwanie OVERLAY-a

{lang: 'pl'}

W jednym z poprzednich wpisów zaprezentowałem metodę utworzenia elementu OVERLAY. Poniżej przedstawiam krótki kod JavaScript powodujący płynne przesuwanie warstwy overlay. Animacja startuje z małym opóźnieniem, a na końcu delikatnie zwalniania. [...]

Czytaj dalej

03 maja 2010 ~ 0 Komentarzy

Fixed OVERLAY w CSS

CSS
{lang: 'pl'}

Fixed overlay to blok przykrywający treść pozostający w stałej pozycji względem okna przeglądarki. Utworzenie takiego elementu jest problematyczne, ponieważ IE≤7 nie obsługuje wartości fixed dla właśności position w CSS. Większość przykładów, które można znaleźć w sieci, zawiera elementy JS służące do obliczania pozycji i centrowania warstwy overlay. Poniższy tutorial prezentuje rozwiązanie tego problemu bez wykorzystania JavaScript. [...]

Czytaj dalej

18 kwietnia 2010 ~ Komentarzy: 4

Centrowanie w pionie

CSS
{lang: 'pl'}

Temat jest znany z czasów przeglądarki IE6. Brak obsługi CSS 2.1 uniemożliwia pionowe centrowanie w elementach innych niż komórki tablic <td>. Dušan Janovský na swoim blogu wyczerpująco opisał problem i zaproponował dwa rozwiązania. Wersja zgodna ze standardami niestety nie działa we współczesnych przeglądarkach. [...]

Czytaj dalej

02 kwietnia 2010 ~ Komentarzy: 4

Płynny layout w poziomie i pionie

CSS
{lang: 'pl'}

Płynny layout, to taki, w którym rozmiar elementów blokowych dostosowuje się do wymiarów okna przy jednoczesnym zachowaniu układu strony. Implementacja standardu CSS 2.1 we współczesnych przeglądarkach pozwala to osiągnąć bez wykorzystania tablic. W sieci można znaleźć kilka przykładów i tutoriali dotyczących tej techniki, jednak zwykle opisują one jedynie płynność poziomą – 2 lub 3 kolumnowy układ, z czego jedna kolumna jest płynnej szerokości. [...]

Czytaj dalej