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

[CSS] Lustrzane odbicie

W dzisiejszym krótkim artykule po dłuższej przerwie postanowiłem opisać sposób na zrobienie lustrzanego odbicia jakiegoś obrazka.
Dzięki temu, będzie można tworzyć efektownie wyglądające galerie zdjęć bez wykorzystywania skryptów PHP czy JavaScript.
Niestety, ta metoda ma jedną wadę - nie działa we wszystkich przeglądarkach. Działa jedynie w przeglądarkach opartych o silnik Webkit, czyli Google Chrome i Safari. Lecz istnieje prawdopodobieństwo, że w przyszłości specyfikacja CSS3 zostanie wzbogacona o obsługę tego typu efektów.

Dalej

[jQuery] Powiększanie zdjęć za pomocą jQuery

W dzisiejszym krótkim artykule omówię sposób na efektowne powiększanie zdjęć z użyciem bibliotek jQuery oraz pluginu cloud-zoom.
Dzięki temu pluginowi możliwe jest tworzenie efektownych galerii z możliwością powiększenia obrazka w sposób dynamiczny, zaraz po najechaniu kursorem na obrazek.

Dalej

[CSS] Wyśrodkowanie menu za pomocą CSS

W dzisiejszym tutorialu poruszam problem wyśrodkowywania menu za pomocą CSS. Do tej pory wielu ludzi ma z tym problemy i próbuje robić menu z wykorzystaniem marginesów czy paddingów, a to nie jest dobry sposób jeśli chcemy mieć menu z dynamicznie ustalaną szerokością zależną od długości przycisków czy napisów w linkach w menu.

Dalej

[CSS] Łamanie długich tekstów za pomocą CSS

W dzisiejszym bardzo krótkim artykule poruszę kwestię łamania długich ciągów znaków, takich jak na przykład linki do stron WWW, za pomocą arkuszy stylów CSS.

Dalej

[PHP] Jak wykryć czy ktoś ogląda Twoją stronę za pomocą komórki?

Tematem tego artykułu jest wykrywanie urządzeń mobilnych przez mechanizm na którym oparta jest strona WWW.
Pewnie nie raz się zastanawiałeś/aś nad tym w jaki sposób wykryć czy użytkownik, który odwiedził Twoją stronę korzystał na przykład z komórki? Można to sprawdzić za pomocą języka PHP i dzięki temu, można zmienić strukturę strony odpowiednio dla każdego typu urządzenia mobilnego. Lecz trzeba pamiętać i kilku rzeczach.

Ta technika polega na zawartości ukrytych w UserAgent. Przez co, ta technika może nie działać na przeglądarkach podszywających się pod inne, na przykład część przeglądarek internetowych zainstalowanych w urządzeniach mobilnych udaje Internet Explorera.
Operatorzy komórkowi mogą zmienić zawartość UserAgenta podczas dostosowywania urządzenia do ich sieci. Czasami też operatorzy mogą zmienić zawartość UserAgenta podczas przeglądania strony WWW poprzez ich sieć internetową.
Zawartość UserAgenta może się zmieniać w czasie. Dlatego też, należy monitorować kod pod kątem obsługi najbardziej pożądanych urządzeń mobilnych, których listę zdefiniuje administrator strony WWW.

Dalej

[CSS][jQuery] Efektowne menu z tłami

W dzisiejszym artykule przedstawię sposób na zbudowanie bardzo efektownego menu przypominającego animacje Flash. Głównym zamierzeniem tego efektu jest posiadanie trzech obrazków jako tło pod każdą osobną pozycją menu, który to obrazek się zmienia zależnie od tego, które pozycja z menu zostanie wskazana.
Moim zdaniem taki efekt można skutecznie wykorzystać na stronach portfolio czy stronach studiów fotograficznych.

Dalej

[PHP][jQuery] Ściana obrazków – obrazki z niespodzianką

Dzisiejszy tutorial będzie dotyczył efektownej ściany obrazków. Taka ściana może być wykorzystana w wielu celach np: jako galeria zdjęć, galeria prac do portfolio czy też jako ściana z reklamami na blogu.
Aby zbudować taką ścianę, będziemy korzystać z kilku języków webmasterskich: PHP, JavaScript, odrobinę HTML oraz CSS.

Dalej

[PHP][XML] Własny kanał RSS

W dzisiejszym artykule poruszę kwestię tworzenia własnego kanału RSS na stronę WWW. Artykuł ten powstaje na prośbę jednego z czytelników mojego bloga.
Jak wiadomo, kanały RSS służą do szybkiej prezentacji wiadomości ze strony w formie skrótów, które można potem odczytać w różnego rodzaju czytnikach RSS.

Dalej