search check home clock-o tag tags chevron-left chevron-right chevron-up chevron-down twitter facebook github rss comment comments terminal code

[HTML5] Jak zaimplementować responsywne obrazki na stronie?

Tworząc strony internetowe posiadające jakiekolwiek obrazki w treści na pewno się spotkałeś/aś z problemem ładowania zbyt dużych obrazków na urządzeniach mobilnych. W wielu przypadkach, aby załadować obrazek odpowiedniej wielkości trzeba rozważyć szereg kryteriów jeśli chodzi o ekran wyświetlający stronę.

Dalej

[CSS] Responsywne obrazki z zachowaniem proporcji

W tym artykule poruszam temat związany ze skalowaniem obrazków i tła wraz ze zmianą szerokosci kontenera je zawierającego. Dzięki temu, proporcje obrazka nigdy nie będą naruszone i prezentowany obrazek będzie dobrze wyglądał.

Dalej

[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