chevron-left chevron-right
[CSS] Jak tworzyć style dla listy definicyjnej? – 8 sposobów, aby ją ogarnąć

[CSS] Jak tworzyć style dla listy definicyjnej? – 8 sposobów, aby ją ogarnąć

W dzisiejszym artykule opiszę sposoby ostylowania listy definicyjnej.
Lista definicyjna lub definicji składa się z trzech znaczników: ‹dl›, ‹dt› oraz ‹dd›.
Pierwszy z tych znaczników jest kontenerem (podobnym do ‹ul› czy ‹ol›), drugi z nich jest odpowiedzialny za termin, czyli to co będzie opisywane, a ostatni z nich odpowiada za definicję terminu.
To tyle tytułem wstępu. Teraz możemy przejść do sposobów budowania listy definicji.

Dalej

[CSS] Jak stworzyć wiele obrazków tła dla jednego elementu?

[CSS] Jak stworzyć wiele obrazków tła dla jednego elementu?

Na pewno się czasem zastanawiałeś/aś, czy da się zrobić tak, aby dla jednego elementu na stronie dać kilka obrazków tła, które będą się układały tak jak tego chcesz. Dzięki nowej specyfikacji języka CSS to jest już możliwe.
CSS w wersji 3-ciej wprowadza wiele ulepszeń dotyczących tworzenia wyglądu stron WWW, a jednym z nich jest zastosowanie wielokrotnego tła dla elementu strony, które to tło można dowolnie pozycjonować, według własnego "widzimisię".

Dalej

[CSS] Wyśrodkowanie menu za pomocą CSS

[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

[Augmented Reality] Jak stworzyć własną rzeczywistość?

[Augmented Reality] Jak stworzyć własną rzeczywistość?

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.

Dalej

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

[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

[CSS] Równomierne rozmieszczenie wielu elementów w jednej linii

[CSS] Równomierne rozmieszczenie wielu elementów w jednej linii

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.

Dalej

Następna strona
Poprzednia strona