Wycinanie elementów w CSS dzięki właściwości clip-path

CSS jest rozwijany z każdym dniem, otrzymując coraz to nowe funkcjonalności, które ułatwiają nam tworzenie stron internetowych. Właśnie o jednej z nich chciałbym pomówić w tym artykule, a dokładnie o właściwości clip-path, która to pozwala nam na wycinanie elementów, a tym samym tworzenie mniej prostokątnych stron internetowych. 🙂 Trochę ogólnych informacji. Eksperymentalna właściwość clip-path, pozwala na…

Continue Reading

Jak dodać efekt pojawiania się elementów podczas przewijania strony internetowej?

Każda osoba, która przegląda Internet musiała spotkać się z efektem tzw. pojawiającej się treści. Niektórzy z nas mogli wtedy pomyśleć: Jak stworzyć coś takiego? 🙂 Otóż sposobów jest wiele. Ja przez długi czas korzystałem z połączenia Animate.css oraz Viewport Checker, biblioteki opierającej się na jQuery. Niektórzy zamiast tego drugiego używają tzw. Waypoints, z kolei jeszcze…

Continue Reading

10 darmowych szablonów PSD, które zwiększą Twoje doświadczenie w tworzeniu stron internetowych

Chyba każda osoba, która kiedykolwiek chciała tworzyć strony internetowe zadała sobie jedno bardzo ważne pytanie: “W jaki sposób mam się tego nauczyć?” Często mogła otrzymać według mnie najlepszą odpowiedź: przez tworzenie własnych projektów. Ale co robić gdy nie mamy pomysłu na żadną witrynę, ani tym bardziej nie chcemy jej wymyślać? W takiej sytuacji z pomocą…

Continue Reading

Jak stworzyć motyw WordPress #010 – Wyświetlanie autora, kategorii oraz daty dodania wpisu

Nie da się ukryć, że większość witryn postawionych na WordPressie to wszelkiego rodzaju blogi. 🙂 Składają się zawsze z kilku wspólnych elementów – jednym z nich są wpisy. Ponownie artykuły złożone są z kilku składników: tytułu, treści oraz meta danych. To właśnie o tych ostatnich chciałbym dziś troszkę pomówić, a dokładnie pokazać w jaki sposób…

Continue Reading

10 dodatków do Google Chrome, które pomogą Ci w tworzeniu stron internetowych

Google Chrome jest obecnie najpopularniejszą przeglądarką na świecie (wg różnych źródeł posiada ponad połowę rynku). Co za tym idzie, to właśnie na nią powstaje najwięcej dodatków, które potrafią znacznie rozbudować jej funkcjonalności oraz sprawić, że będzie nam się lepiej korzystało z Internetu. Właśnie. Przy korzystaniu z Internetu warto się zatrzymać, bo w końcu jako web…

Continue Reading

10 świetnych czcionek, których nie znajdziesz w Google Fonts oraz ich instalacja na stronie

Całkiem możliwe, że znasz usługę Google’a, o dość intuicyjnej nazwie: “Google Fonts”. Można tam znaleźć przeróżne czcionki, które spełnią się świetnie, jako tekst na stronie internetowej. Właśnie – tekst. Jedyny problem, jaki można zauważyć w tym serwisie, to to, że wszystkie fonty wyglądają bardzo podobnie. Nie znajdziemy tam ozdobnych czcionek, takich jak chociażby ta ze…

Continue Reading

Efekt parallax wykonany w czystym CSS!

Pewnie wielu z Was zna efekt, działający w ten sposób, że konkretna część strony internetowej przesuwa się w innej szybkości niż reszta. Niestety zwykle bazuje on na skryptach JavaScript, które często spowalniają naszą witrynę. Tymczasem da się tego dokonać szybciej oraz znacznie przyjemniej, tylko stylizując nasz element w CSS. Już pokazuję jak to zrobić (tu…

Continue Reading

Jak stworzyć motyw WordPress #009 – Tworzenie edytowanych podstron

Czas znów zajrzeć do naszego szablonu WordPress i tym razem poznać zagadnienie jakim jest edytowanie zawartości konkretnych podstron w serwisie postawionym na WordPressie. W tym celu zaznajomimy się z kolejnymi plikami oraz poznamy 3 sposoby, które pozwolą na zmianę zawartości w poszczególnych miejscach na stronie internetowej. Pliki z którymi pracujemy. Potrzebne nam są dokładnie 2:…

Continue Reading

Zmienne znane z programowania. Teraz w czystym CSS!

Czy wiedziałeś o tym, że w CSS można deklarować oraz później wykorzystywać zmienne? Dokładnie! A to wszystko bez używania jakichkolwiek preprocesorów, takich jak Sass czy Less! Mogą się świetnie sprawdzić podczas chociażby kodowania kolorów, gdzie nie musimy kopiować każdego kodu szesnastkowego w celu jego użycia! Wsparcie poszczególnych przeglądarek. Oczywiście zmienne w CSS to stosunkowo świeża…

Continue Reading

7 świetnych wtyczek do Sublime Text 3, które usprawnią Ci pracę!

Dziś kontynuujemy temat, rozpoczęty w jednym z ostatnich wpisów, czyli dodatki do edytora Sublime Text 3. Wtedy były to motywy, dziś omówione zostaną wtyczki! 🙂 Poznasz dziś 7 najróżniejszych rozszerzeń, które sprawią, że Twoja praca stanie się znaczenie przyjemniejsza i bardziej efektywna. Zaczynajmy! 1. Package Control, czyli jak instalować wtyczki. Jest to narzędzie, które pozwala nam…

Continue Reading