Piotr Nalepa - Blog webmasterski | Ogólnie o frontendzie

[CSS] Flexbox model – inny sposób na responsive web design

Wraz z rozwojem CSS i wraz z rosnącym wsparciem najnowszej wersji języka kaskadowych arkuszy stylów w przeglądarkach internetowych webmasterzy zostają obdarzeni coraz większą paletą narzędzi, które pozwalają na osiągnięcie zamierzonego efektu bez używania języka JavaScript.

Dalej

[JS] Higher-order functions. Jak wydajnie pisać kod aplikacji webowych?

W języku skyptowym Javascript możemy tworzyć funkcje za pomocą wielu sposobów. Można utworzyć funkcje anonimowe, nazwane czy też samowykonywujące się. Każda z nich ma swoje wady i zalety, ale co ciekawsze istnieją też funkcje wyższego rzędu (tzw. higher-order functions). Co to jest za twór?

Dalej

[CSS][JS] Jak utworzyć animowane trójwymiarowe obiekty w CSS?

Do tej pory, animacje 3D kojarzyły się najczęściej z grami komputerowymi lub filmami. Do ich utworzenia wykorzystywano zupełnie inne języki programowania niż CSS czy JS. Na szczęście, obecny postęp technologiczny i rozwoju języków webowych pozwala na utworzenie obiektów 3D czy animacji 3D już za pomocą CSS.
Dalej

[CSS] Przyszłość @media queries. Co wprowadza poziom 4?

Pod koniec zeszłego roku, organizacja W3C przygotowała specyfikację dla najnowszej implementacji @media query w przeglądarkach internetowych. Wprowadza ona kilka dość ciekawych zmian dotyczących wykrywania funkcjonalności używanej przeglądarki.

Dalej

[Joomla!] Responsywne tabele w Joomla! 3.0

W dzisiejszym wpisie poruszę temat implementacji responsywnych tabel w Joomla!. Wpis został przygotowany na prosbę jednego z czytelników tego bloga.
Jako że, szczegóły implementacji zostały już opisane wcześniej to nie będę się powtarzał i po więcej informacji zapraszam do artykułu o tabelach responsywnych.

Dalej

[CSS] Jak zrobić animowany przycisk za pomocą CSS?

Czym byłyby nowoczesne multimedia bez animacji? Na pewno, nie byłyby atrakcyjne dla przeciętnego użytkownika. Przeciętny użytkownik multimediów lubi oglądać różne efekty. Również, efekty na stronach WWW, które sprawiają że korzystanie ze stron jest o wiele przyjemniejsze.

Dalej

[CSS] Cienie pod tekstem

W dzisiejszym bardzo krótkim wpisie, poruszę temat związany z cieniami pod tekstem. Jest to część specyfikacji CSS3. Specyfikacja CSS3 dostarcza wielu ciekawych możliwości. Nowe modele pudełka, dynamiczne przeliczanie szerokości czy też nowe możliwości tworzenia responsywnych szablonów stron WWW. W tym artykule przyjrzymy się bliżej cieniom, a dokładniej cieniom pod tekstem.

Dalej

[jQuery] Responsywne tabele z danymi

Jednym z największych problemów responsywnych web dizajnów są reklamy oraz tabele z danymi.
Jeśli chodzi o reklamy to jednym z najczęściej stosowanych rozwiązań jest tworzenie odpowiednich pakietów z miejscami reklamowymi zależnie od rozdzielczości urządzenia użytkownika strony. Natomiast, jeśli chodzi o tabele z danymi, to największym wyzwaniem jest upakowanie wszystkich danych tak, aby się zmieściły na jednym ekranie bez potrzeby przewijania.

Dalej