Jak testować Google fonts na stronie w WordPressie

Jak testować Google Fonts

Google fonts można testować szybko i bezpiecznie na dowolnej stronie. Bez instalacji wtyczek i dostępu do backendu strony.

Wystarczy, że stronę otworzymy w przeglądarce Chrome i za pomocą opcji Inspect w odpowiednie miejsce wkleimy kod pobrany ze strony Google Fonts.

W artykule używam przykładu strony na WordPressie, ale pokazany sposób pozwala testować Google fonts na dowolnej stronie.

Czytaj dalej Jak testować Google fonts na stronie w WordPressie

CSS mi nie działa na stronie na WordPressie! Jak sobie z tym radzić?

CSS i WordPress - jak szukać przyczyny problemówGdy na stronie w WordPressie zaczynają się dziać cuda, a użytkownik twierdzi, że on nic nie zrobił, nie zakładaj, że kłamie.

Jeśli te dziwne rzeczy dotyczą stylów CSS, użyj Chrome Developer Tools. Dziś case study o tym, jak to narzędzie pomaga rozwikłać zagadki „tajemniczego” wyglądu strony. Czytaj dalej CSS mi nie działa na stronie na WordPressie! Jak sobie z tym radzić?

Jak w przeszukiwać style w poszukiwaniu właściwej reguły CSS

przeszukiwanie stylów w Chrome Developer Tools

Opcja Inspect w przeglądarce Chrome pozwala na szybkie sprawdzenie jakie reguły CSS odpowiadają za wygląd wskazanego elementu. Jednak nie zawsze od razu widzimy tę właściwą regułę.

Czasami wiemy jakiej konkretnej właściwości (color, margin-bottom) lub wartości (#fff, auto) szukamy, i chcielibyśmy przefiltrować panel stylów właśnie z ich wykorzystaniem.

Sprawdź jak przeszukiwać panel stylów. Jest też filmik z przykładami!
Czytaj dalej Jak w przeszukiwać style w poszukiwaniu właściwej reguły CSS

Jak szybko zmieniać kolory na stronie – Color Picker z Chrome w akcji

Zmień kolor na stronie

Jak szybko zmienić kolor elementu na stronie, na taki jak ma inny element? Użyj Color Picker w przeglądarce Chrome.

Nie musisz niczego instalować! Ta metoda pozwala na sprawne testowanie kolorów na twojej stronie.

Sprawdź, jak to zrobić krok po kroku.

Czytaj dalej Jak szybko zmieniać kolory na stronie – Color Picker z Chrome w akcji

Jak zrobić zrzut ekranu całej strony internetowej bez instalacji dodatków

Jak zrobić pełny zrzut ekranu strony www
Jak zrobić pełny zrzut ekranu strony www
Gdy potrzebujesz pełny zrzut ekranu jakiejś strony www, nie musisz jej przewijać i robić tego po kawałku.

Jeśli masz przeglądarkę Google Chrome, to skorzystaj z opcji „Capture Full Screen Size” w Developer Tools. To narzędzie jest wbudowane w przeglądarkę Chrome, więc nie trzeba instalować żadnych dodatków (rozszerzeń).

Sprawdź, jak to zrobić krok po kroku.

Czytaj dalej Jak zrobić zrzut ekranu całej strony internetowej bez instalacji dodatków

Jak podejrzeć zminifikowany plik CSS i do czego to się może przydać

unminify cssWow! Ale super efekt! Jak oni to zrobili? Myślisz, kiedy oglądasz ciekawą stronę internetową. I szybko klikasz w „Inspect”, aby podpatrzeć technikę, jaka została użyta.

A tu zonk! Okazuje się, że plik CSS podpięty do strony został zminifikowany. Czyli reguły CSS są połączone i tworzą jedną długą linię. No i jak teraz człowiek ma to przeczytać? Sprawdź, jakie to proste.

Czytaj dalej Jak podejrzeć zminifikowany plik CSS i do czego to się może przydać