Atrybut srcset i responsywność grafiki na stronie internetowej
Skalowanie grafik na stronach internetowych pod kątem urządzenia na którym będą wyświetlane to niezwykle istotny element projektowania responsywnych stron internetowych. Stanowi to pewnego rodzaju wyzwanie dla projektantów, gdyż w przypadku tekstu nie mamy tego problemu - przy zmianie rozmiaru strony łatwo dopasować tekst do szerokości okna. W przypadku zdjęć jest już trochę więcej gimnastyki. Istnieją różne techniki... Czytaj dalej
Responsywne menu w CSS3
Menu w układzie responsywnym, czyli w takim układzie, który będzie dopasowywać się do ekranu urządzenia na którym będzie menu wyświetlane - to temat dzisiejszego artykułu. Jak pewnie wiesz, z każdym miesiącem rośnie liczba użytkowników mobilnych surfujących po Internecie - wygoda przeglądania strony jest tu niezmiernie istotna. Dlatego musimy zastosować taki układ, który będzie reagować na zmiany rozdzielczości ekranu.... Czytaj dalej
Pomysł na przycisk z gradientem liniowym
We wcześniejszym artykule tworzyliśmy przyciski z efektem animacji, natomiast w dzisiejszym poście stworzymy klawisz statyczny, ale będziemy manipulować jego tłem. Wykorzystamy w tym celu gradient liniowy, którego parametrami będziemy operować w taki sposób, aby otrzymać wrażenie trójwymiarowości. W jeszcze niedalekiej przeszłości dla uzyskania efektu tła zawierającego gradient, należało wykonać grafikę w programie... Czytaj dalej
Jak wykonać preloader z wykorzystaniem CSS i jQuery?
Dzisiaj bardzo prosty i szybki sposób na wykonanie preloadera (z animowanym statusem ładowania), który będzie widoczny na ekranie do momentu wczytania całej strony. Jest to szczególnie przydatne w przypadku stron, które dużo "ważą" - mają sporo treści, grafik i animacji. Dodanie takiej funkcjonalności wyeliminuje nam wpatrywanie się w monotonne tło przeglądarki w oczekiwaniu na wczytanie strony. Wykonanie całości jest... Czytaj dalej
Jak wykonać tabelę cenową w CSS3
Tabelka cenowa w układzie kolumnowym to świetny sposób na przedstawienie produktu/usługi występującego w kilku wariantach cenowych. Takie rozwiązanie możemy często znaleźć na stronach oferujących usługi abonamentowe, np. hosting, płatny dostęp do serwisu czy też subskrypcja materiałów szkoleniowych. Nie tak dawno jeszcze większość elementów wchodzących w skład kolumny cenowej, jak np. tło gradientowe, przycisk "kup... Czytaj dalej
Wariacje i animacje na przyciskach w CSS3
Ciężko sobie wyobrazić w dzisiejszych czasach statyczne strony pozbawione animacji i ciekawych efektów specjalnych. Nie mówię tutaj o ciężkich reklamach we flashu (które stały się od pewnego czasu zmorą wielu internautów), ale o lekkich animacjach nie przeszkadzających w przeglądaniu strony. Dlatego dzisiaj pozwoliłam sobie na podanie 2 przykładów animacji przycisków na stronie, wykonanych wyłącznie z wykorzystaniem... Czytaj dalej
Zmień CSS na stronie bez ingerencji w szablon WordPress
Czy kiedykolwiek miałaś/eś potrzebę dodania bądź zmiany arkusza stylów na określonej stronie bez potrzeby wprowadzania jakichkolwiek zmian w globalnej konfiguracji? Bo ja tak. Szczególnie jeśli tworzę artykuł, w którym niektóre zagadnienia chcę poprzeć przykładami, wymagającymi specjalnego ostylowania. Czasami też potrzebna jest określona zmiana układu, przemieszczenie bloków, bądź umieszczenie elementu, który będzie... Czytaj dalej
Genericons - ikony w postaci fontów
Która strona nie ma ikon społecznościowych? Praktycznie żadna, chociaż zdarzają się oczywiście wyjątki. Jeżeli jakiś element na stronie jest tak często stosowany to dlaczego tego maksymalnie nie uprościć? I właśnie dlatego powstał ciekawy projekt, który pozwala zastąpić najbardziej popularne i często powtarzające się ikony graficzne na ikony w postaci fontów, które konfiguruje z poziomu pliku CSS.  Paczka Genericons o... Czytaj dalej