Moim zdaniem jednym z ładniejszych efektów tekstowych jakie możemy osiągnąć za pomocą HTMLa i CSSa jest gradient na tekście. Wykorzystujemy do tego: background-image jako linear-gradient, background-clip: text;, text-fill-color: transparent; oraz w pewnych przypadkach line-height. Rozpatrzymy dwa przypadki. W pierwszym pokolorujemy linie tekstu na różne kolory, a w drugim nałożymy na tekst gradient. Różne kolory linii tekstu W tym przypadku przyda …
CSS text gradient
Moim zdaniem jednym z ładniejszych efektów tekstowych jakie możemy osiągnąć za pomocą HTMLa i CSSa jest gradient na tekście. Wykorzystujemy do tego: background-image jako linear-gradient, background-clip: text;, text-fill-color: transparent; oraz w pewnych przypadkach line-height. Rozpatrzymy dwa przypadki. W pierwszym pokolorujemy linie tekstu na różne kolory, a w drugim nałożymy na tekst gradient.
Freebie NumberOne UI Kit
UI Kit oparty o komponenty z masą elementów! Ukierunkowany jest na tematykę sportową, ale z powodzeniem większość elementów można wykożystać w każdej tematyce. Grafiki znajdujące się w pliku PSD to wektory, więc dowolnie można je skalować. Licencja zezwala na wykorzystanie go do celów prywatnych, jak i komercyjnych.
CSS Vertical Center i Flexbox
Tworząc strony www często potrzebujemy wycentrować jakieś elementy layoutu w pionie. Dzięki flexbox problem możemy rozwiązać w dziecinnie prosty sposób.
Responsive Web Design (RWD) – o co kaman?!
Artykuły z tej serji: 1 . Responsive Web Design (RWD) – o co kaman?! 2. Responsive Web Design (RWD) – podstawy oraz media queries. (w przygotowaniu) 3. Responsive Web Design (RWD) – optymalizacja zdjęć. (w przygotowaniu) 4. Responsive Web Design (RWD) – responsywne tabele. (w przygotowaniu) Jeszcze dwa, trzy lata temu projektując strony i aplikacje internetowe mieliśmy na uwadze …
WordPress Quick Tip – Jak dodać własny rozmiar zdjęcia do uploadera WordPressa
W wersji 3.3 WordPressa pojawiło się wiele nowych filtrów. Jenym z nich jest image_size_names_choose. Dzięki niemu możemy sami zdefiniować sobie nowy rozmiar zdjęcia, który będzie można wybrać w uploaderze WordPress. Poniższy fragment kodu należy umieścić w pliku functions.php
WordPress Quick Tip – Edytor WYSIWYG – zmiana szerokości podglądu na pełnym ekranie oraz dodanie stylów templatki
Jeśli często używasz trybu pełnoekranowego podczas pisania artykułów lub Twój klient chce z takiej opcji korzystać, irytujący może być fakt, że po paru godzinach pracy nad treścią artykułu po zapisaniu na stronie wygląda on inaczej niż w edytorze. Poniższe dwie funkcje pomogą Ci ten problem zniwelować.
WordPress 3.4 Beta 1
Panowie z WP poinformowali dziś, że pojawiła się pierwsza BETA nowej wersji CMSa. WordPress oznaczony numerkiem 3.4 jest we wczesnej fazie Beta i na pewno jeszcze nie nadaje się do uruchomienia na stronach produkcyjnych. Jednak już teraz zespół prosi o intensywne testy.
Freebies – 2 genialne paczki z ikonkami
Dwie paczki z naprawdę fajnymi ikonkami, dla których na pewno znajdziesz jakieś zastosowanie. Łącznie ponad 80 różnych ikon do zastosowania na stronie www lub aplikacji webowej. Jeśli nie znalazłeś tego czego szukałeś daj mi znać w komentarzu. Być może kolejna paczka będzie przygotowana specjalnie dla Ciebie.
Niesamowici artyści – Jaime Ibarra – fotografia
Jaime Ibarra mieszka w Stanach Zjednoczonych, jest utalentowanym gitarzystą / kompozytorem, a przez ostatnie kilka lat pracuje jako zawodowy fotograf. Jaime podrużuje po całem świecie i jak sam o sobie pisze „czuje nieodpartą potrzebę tworzenia”. Pasjonują go kobiety i ich piękno. Co ciekawe Jaime słyszy kolory (synaesthesia).