tutorial | Piotr Nalepa - Blog webmasterski | Tutoriale JavaScript, CSS i nie tylko

[CSS]Responsywny webdizajn – a co to w ogóle jest?

W dzisiejszych czasach, kiedy jest wysyp tak wielu różnych urządzeń posiadających ekrany o różnych rozdzielczościach i z dostępem do Internetu bardzo trudno jest tworzyć strony, które idealnie będą się dostosowywały do rozdzielczości tych urządzeń.

Responsywny webdizajn - zagadnienie, które porusza kwestie związane z użytecznością stron WWW w zależności od rozdzielczości urządzenia.

Celem tego zagadnienia jest opracowanie metod, które pozwolą na dostosowanie rozmiarów zawartości strony i jej układu elementów w zależności od urządzenia dostępowego.

Dalej

[CSS]Lustrzane odbicia obrazków z użyciem CSS

Dzisiejsze czasy wymagają od projektantów stron WWW umiejętności tworzenia ciekawych efektów przyciągających uwagę użytkownika strony internetowej. Jednym z obszarów w którym szczególnie wskazane jest korzystanie z nich są galerie zdjęć czy też prezentacje produktów w sklepach internetowych. Do ich uatrakcyjnienia można wykorzystać lustrzane odbicia i to jest tematem dzisiejszego artykułu.

Dalej

[CSS] Magia selektora :nth-child – jak tego używać?

Dzisiejszy artykuł będzie dotyczył sposobów wykorzystania pseudoselektorów na stronach WWW. Pseudoselektory o których dzisiaj będzie mowa to:

:nth-child
first-child
last-child
nth-last-child

Z pomocą selektorów powyżej można dokonywać magii, no i przyda się trochę wiedzy matematycznej do obliczania pozycji 😉

Dalej

[CSS][JS] Metody dodawania ładnych czcionek na stronę

Dodawanie niestandardowych czcionek na strony WWW od dawna było czymś bardzo pożądanym przez twórców stron WWW, a w szczególności przez grafików którzy, dzięki możliwości implementowania różnych czcionek w swoich projektach, mogli tworzyć bardziej kreatywne wizualizacje stron.
Dalej

[CSS] Jak utworzyć gradienty w CSS? – Prezentacja obecnych możliwości przeglądarek.

Do tej pory, aby utworzyć elementy zawierające gradient, należało zaprojektować je w programie graficznym, a następnie stamtąd je wyciąć i za pomocą standardowego atrybutu CSS - background, wstawić ten element w kod strony. To miało swoje zalety jak i wady.
Do zalet można zaliczyć fakt, że element zawsze będzie wyglądał tak samo w każdej przeglądarce, bo jest to plik graficzny. Natomiast minusem takiego rozwiązania jest waga takiego pliku, bo jak wiadomo w dzisiejszych czasach wszystkim (a już najbardziej Google) zależy na jak najszybszym ładowaniu się strony WWW. Dalej

[CSS] Jak wyśrodkować obrazek w tekście?

Dzisiejszy artykuł będzie dotyczył problemu uzyskania efektu wyśrodkowania obrazku w tekście. Nie będzie to typowe wyśrodkowanie, bo obrazek będziemy chcieli wyśrodkować pomiędzy dwoma znacznikami <div>. Efekt ten jest szczególnie przydatny na stronach, które zawierają dużo tekstu, takich jak serwisy informacyjne czy blogi podróżnicze i nie tylko.

Dalej

[CSS][jQuery] Efektowne menu z kwadratami

W dzisiejszym artykule, przedstawię Ci sposób na stworzenie efektownego menu bazującego na kwadratach. Bardzo często podobne menu można spotkać na stronach zbudowanych w oparciu o Flash. Ten poradnik przedstawi Ci sposób na zbudowanie tego samego efektu za pomocą CSS i jQuery. Dalej

[Mootools][CSS] Jak sprawić, aby Internet Explorer obsługiwał CSS3?

W dzisiejszym artykule opiszę sposób na problem związany z selektorami CSS3 w przeglądarkach Internet Explorer 8 i niższymi. Z tym problemem spotkałem się pracując nad nowym szablonem dla tego bloga i postanowiłem się podzielić z Tobą rozwiązaniem tego problemu.

Dalej