This post comes from the first version of this blog.
Please send me an email if anything needs an update. Thanks!

Nie będę specjalnie ukrywał faktu, że dla mnie, programisty siedzącego po stronie serwera, jedną z najbardziej uciążliwych rzeczy do zrobienia przy projektowaniu strony internetowej jest przygotowanie szablonu - frontendu. Nie byłoby jeszcze tak źle, gdyby wystarczył sam HTML - w końcu nawet najbardziej oporne przeglądarki rozumieją pewne standardy kodu, aczkolwiek problem jest z samym wyglądem tejże struktury, bo z CSSem już nie jest tak fajnie. W dzisiejszym Linkdumpie chciałbym więc przekazać w Wasze ręce zbiór linków pomagających przy najczęstszych / najciekawszych problemach z tym związanych.

Linkdump.

  1. Fast Rollovers Without Preloading. Jak w nazwie - szybki sposób na wykonanie mechanizmu najechania na element bez zbędnego “doładowywania” obrazków w czasie działania strony.

  2. Hiding with CSS. Wyczerpujący temat artykuł o ukrywaniu elementów z wykorzystaniem CSS.

  3. IE CSS Bugs that’ll get you every time. Artykuł na temat najczęściej spotykanych błędów obsługi CSS w przeglądarce Internet Explorer.

  4. CSS Organic Tabs. Kolejny “wyczerpujący temat” artykuł na temat zakładek w CSS z małą pomocą JavaScriptu.

  5. Creating multicolumn lists using CSS. Wpis o tworzeniu wielokolumnowych list z wykorzystaniem samego CSSa.

  6. CSS3 properties that won’t break your site in older browsers. Artykuł na temat atrybutów języka CSS w wersji trzeciej, które będą ładnie degradowały się w starszych przeglądarkach.

  7. Apple-like Retina Effect With jQuery. Pomimo mojego stosunku do produktów firmy Apple muszę przyznać, że wyświetlacz Retina jest całkiem imponujący. Teraz możecie osiągnąć ten sam efekt… na Waszych monitorach. ;]

  8. Use CSS3 pseudoselectors with IE. Skrypt JavaScript emulujący działanie selektorów CSS3 w Internet Explorerze.

  9. CSS Sprites. Artykuł pokazujący czym są i jak wykorzystać mechanizm CSS Sprites do optymalizacji szybkości działania strony oraz idei wielokrotnego wykorzystania poszczególnych plików graficznych na stronie internetowej.

  10. CSS Trick: Hidden Messages. Wpis traktujący o ciekawym wykorzystaniu pseudoklasy ::selection do ukrywania informacji w tekście.

Podsumowanie.

Czytając powyższą listę na pewno zauważyliście dwie rzeczy:
  1. Dominują linki z serwisu CSS-Tricks.
  2. Nie są one związane stricte z samym CSSem, ale także z wykorzystaniem go jako narzędzie w innych językach takich jak JavaScript.
Do pierwszego zarzutu mogę się odnieść tylko na jeden sposób - jeśli coś jest dobre, to chcę, żeby i moi Czytelnicy na tym skorzystali, to chyba jasne. ;] Jeśli chodzi o drugi, to idea jest bardzo prosta - w każdym wpisie staram się rozwiązać jakiś problem, stąd jak widzicie, nawet "zwykły" Linkdump jest kierowany w stronę konkretnego odbiorcy.

Cały czas zachęcam do sugerowania tematów kolejnych zbiorów, bo lista zakładek w moich “Ulubionych” tylko czeka na wwiercenie się w nią i znalezienie najciekawszych smaczków. ;] Do zobaczenia w kolejnym wpisie!