www | Piotr Nalepa - Blog webmasterski | Tutoriale JavaScript, CSS i nie tylko

[CSS]Lustrzane odbicia obrazków z użyciem CSS

Dzisiejsze czasy wymagają od projektantów stron WWW umiejętności tworzenia ciekawych efektów przyciągających uwagę użytkownika strony internetowej. Jednym z obszarów w którym szczególnie wskazane jest korzystanie z nich są galerie zdjęć czy też prezentacje produktów w sklepach internetowych. Do ich uatrakcyjnienia można wykorzystać lustrzane odbicia i to jest tematem dzisiejszego artykułu.

Dalej

[jQuery]Zależne listy rozwijane z wykorzystaniem jQuery

Problem, którego rozwiązanie zostanie dzisiaj zaprezentowane, będzie dotyczył zależnych list rozwijanych. Zależne listy rozwijane, to są odrębne select listy, których zawartość jednego z nich jest zależna od drugiego. Często taki mechanizm można spotkać na stronach typu e-commerce lub na stronach producentów sterowników, gdzie produkty lub sterowniki są podzielone na kategorie i podkategorie. W jednej liście znajdują się główne kategorie serwisu, a w drugiej dynamicznie generowane podkategorie.

Dalej

[CSS] Frameworki CSS – zestawienie 3 popularnych frameworków

Dzisiejszy artykuł będzie dotyczył frameworków CSS. Dowiesz się z niego co to są frameworki CSS, jakie są ich zalety oraz jak wygląda charakterystyka każdego z nich.

W dzisiejszych czasach, pracując jako projektant warstwy wizualnej strony WWW (inaczej mówiąc - frontendowiec) często korzystamy z tych samych kawałków kodu CSS w wielu projektach różnych stron. Aby zapobiec powtarzalnemu, a często zbędnemu, procesowi tworzenia tych samych reguł utworzono zbiór reguł, które nazwano frameworkiem CSS.

Dalej

[CSS] Magia selektora :nth-child – jak tego używać?

Dzisiejszy artykuł będzie dotyczył sposobów wykorzystania pseudoselektorów na stronach WWW. Pseudoselektory o których dzisiaj będzie mowa to:

:nth-child
first-child
last-child
nth-last-child

Z pomocą selektorów powyżej można dokonywać magii, no i przyda się trochę wiedzy matematycznej do obliczania pozycji 😉

Dalej

[CSS][JS] Metody dodawania ładnych czcionek na stronę

Dodawanie niestandardowych czcionek na strony WWW od dawna było czymś bardzo pożądanym przez twórców stron WWW, a w szczególności przez grafików którzy, dzięki możliwości implementowania różnych czcionek w swoich projektach, mogli tworzyć bardziej kreatywne wizualizacje stron.
Dalej

[PHP][CodeIgniter] Jak utworzyć wielopoziomowe kategorie?

Ostatnio, pobawiłem się trochę frameworkiem PHP o nazwie CodeIgniter (moim zdaniem jeden z fajniejszych frameworków PHP) i w ramach sprawdzenia go stworzyłem prosty CMS.
Jednym z problemów jakie trzeba było rozwiązać był problem utworzenia wielopoziomowego drzewa kategorii newsów, aby wstawić go do znacznika <select> w kodzie formularza. Jestem pewien, że wiele osób miało/ma z tym problem.

Dalej

[CSS] Jak utworzyć gradienty w CSS? – Prezentacja obecnych możliwości przeglądarek.

Do tej pory, aby utworzyć elementy zawierające gradient, należało zaprojektować je w programie graficznym, a następnie stamtąd je wyciąć i za pomocą standardowego atrybutu CSS - background, wstawić ten element w kod strony. To miało swoje zalety jak i wady.
Do zalet można zaliczyć fakt, że element zawsze będzie wyglądał tak samo w każdej przeglądarce, bo jest to plik graficzny. Natomiast minusem takiego rozwiązania jest waga takiego pliku, bo jak wiadomo w dzisiejszych czasach wszystkim (a już najbardziej Google) zależy na jak najszybszym ładowaniu się strony WWW. Dalej

Wesołego Alleluja!

Z okazji nadchodzących świąt wielkanocnych chciałem Tobie życzyć mnóstwa sukcesów i szczęścia w życiu, aby każdy problem webmasterski był jak najszybciej i jak najmniej boleśnie rozwiązywany.
Ponadto, aby świąteczny stół zapełniony jajami był symbolem obfitości całego następnego roku w Twoim życiu.