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

[CSS] Jak uzyskać efekt 3D w tekście?

Ten wpis będzie dość krótki i będzie dotyczył sposobu uzyskania efektu trójwymiarowości w tekście za pomocą najnowszej wersji języka CSS. Nie będzie do tego potrzebna ani jedna grafika. Wszystko zostanie uzyskane za pomocą kilku linijek kodu.

Dalej

[CSS]Responsywny webdizajn – a co to w ogóle jest?

W dzisiejszych czasach, kiedy jest wysyp tak wielu różnych urządzeń posiadających ekrany o różnych rozdzielczościach i z dostępem do Internetu bardzo trudno jest tworzyć strony, które idealnie będą się dostosowywały do rozdzielczości tych urządzeń.

Responsywny webdizajn - zagadnienie, które porusza kwestie związane z użytecznością stron WWW w zależności od rozdzielczości urządzenia.

Celem tego zagadnienia jest opracowanie metod, które pozwolą na dostosowanie rozmiarów zawartości strony i jej układu elementów w zależności od urządzenia dostępowego.

Dalej

[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

[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

[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

[CSS] Jak wyśrodkować obrazek w tekście?

Dzisiejszy artykuł będzie dotyczył problemu uzyskania efektu wyśrodkowania obrazku w tekście. Nie będzie to typowe wyśrodkowanie, bo obrazek będziemy chcieli wyśrodkować pomiędzy dwoma znacznikami <div>. Efekt ten jest szczególnie przydatny na stronach, które zawierają dużo tekstu, takich jak serwisy informacyjne czy blogi podróżnicze i nie tylko.

Dalej