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.

Czytaj dalej…

W dzisiejszym artykule postanowiłem przedstawić 10 narzędzi, które zdecydowanie pomagają tworzeniu stron WWW czy pisanie kodu w językach webowych. Bardzo możliwe, że akurat Tobie część z tych narzędzi będzie ci znana, ale czasami warto sobie przypomnieć o ich istnieniu.

Czytaj dalej…

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.

Czytaj dalej…

W dzisiejszym artykule postanowiłem opisać nawyki, które powinien mieć każdy webmaster tworzący strony WWW przy pomocy arkuszy stylów CSS.
Część z tych porad ma odniesienie do innych języków programowania również.
Zastosowanie się do tych porad pozwala na zwiększenie czytelności kodu. Zwiększa jego optymalizację oraz pozwala uniknąć frustracji w przekopywaniu się przez kod.

Czytaj dalej…

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.

Czytaj dalej…

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.

Czytaj dalej…

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.

1. 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.
2. 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ą.
3. 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.

Czytaj dalej…

Po dłuższej przerwie, związanej z sesją egzaminacyjną na uczelni, postanowiłem napisać nowy artykuł. Będzie on dotyczył niezwykłej technologii tworzenia własnej rzeczywistości – rozszerzonej rzeczywistości (ang. augmented reality).
Jak zapewne zauważyłeś/aś, w jednym z poprzednich postów zamieściłem filmik mojego autorstwa pokazującego próbkę możliwości tej technologii. Dzisiaj będę chciał przedstawić sposób na to, jak w łatwy i przystępny sposób zrobić taki efekt.
Ważne jest to, aby posiadać kamerę internetową, bo inaczej efekt nie będzie mógł zadziałać.
Muszę dodać, że jeśli znasz się na tworzeniu modeli trójwymiarowych i animacji trójwymiarowych, to będzie można stworzyć zdecydowanie lepsze efekty niż to co zostanie pokazane w tym artykule.

Czytaj dalej…

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.

Czytaj dalej…

W dzisiejszym artykule postanowiłem poruszyć kwestię wyrównywania położenia elementów w jednej linii.
Z pozoru, wydaje się to banalnym problemem do rozwiązania, ale można go rozwiązać na kilka sposobów. Dzisiaj zaprezentuję sposób związany z atrybutem inline-block i white-space. Myślę, że może się to przydać Tobie.

Czytaj dalej…