Miłośniczka filmów i seriali.
Ciekawa świata marzycielka z wielką wyobraźnią.
"Hmm, wpadł mi do głowy ciekawy pomysł! Zapiszę go w notatniku, żeby był na potem i żeby oczyścić umysł"
Obsidian, tydzień później (notatnik okazał się niewystarczający):
"Hmm, wpadł mi do głowy ciekawy pomysł! Zapiszę go w notatniku, żeby był na potem i żeby oczyścić umysł"
Obsidian, tydzień później (notatnik okazał się niewystarczający):
No ale powiedzcie szczerze, czy gdybyście wy zobaczyli taką opinię na wasz temat, nie zrobiłoby się wam miło? 🤓
No ale powiedzcie szczerze, czy gdybyście wy zobaczyli taką opinię na wasz temat, nie zrobiłoby się wam miło? 🤓
Paleta barw będzie w #OKLCH 🎨
Przy niektórych kolorach mocno się nakombinowałam, by kontrasty tła i tekstu były przynajmniej na poziomie AA w #WCAG
W #APCA wszystko jest na 100% OK 👍
Paleta barw będzie w #OKLCH 🎨
Przy niektórych kolorach mocno się nakombinowałam, by kontrasty tła i tekstu były przynajmniej na poziomie AA w #WCAG
W #APCA wszystko jest na 100% OK 👍
Pora przejść do części najtrudniejszej i zarazem najnudniejszej, czyli… uzupełniania treści na stronie 🪶
W końcu opisanie kim jestem, w sposób przystępny i atrakcyjny, bez przesadnej skromności lub popadania w samozachwyt, to nie lada wyzwanie! 🤓
Pora przejść do części najtrudniejszej i zarazem najnudniejszej, czyli… uzupełniania treści na stronie 🪶
W końcu opisanie kim jestem, w sposób przystępny i atrakcyjny, bez przesadnej skromności lub popadania w samozachwyt, to nie lada wyzwanie! 🤓
Wyszła z tego nieco dłuższa historia, więc opublikowałam ją w serwisach, które pozwalają, na większą ilość znaków w poście:
www.linkedin.com/posts/joanna...
www.facebook.com/JoannaHolyHo...
Wyszła z tego nieco dłuższa historia, więc opublikowałam ją w serwisach, które pozwalają, na większą ilość znaków w poście:
www.linkedin.com/posts/joanna...
www.facebook.com/JoannaHolyHo...
Jedną z modyfikacji jest opcja wyboru widoczności bloku, co pomoże w tworzeniu strony zgodnej ze standardami dostępności #WCAG
Ukryte bloki dostaną klasę #visually-hidden – będą niewidoczne wizualnie, ale dostępne dla czytników ekranu 👁️🗨️
Jedną z modyfikacji jest opcja wyboru widoczności bloku, co pomoże w tworzeniu strony zgodnej ze standardami dostępności #WCAG
Ukryte bloki dostaną klasę #visually-hidden – będą niewidoczne wizualnie, ale dostępne dla czytników ekranu 👁️🗨️
Astro „widział” zwykłe REST API, ale szyfrowanego już nie.
Spędziłam cały weekend, ponad 14 godzin, próbując rozwiązać ten problem 😣
W końcu poddałam się, postawiłam WordPress na zwykłym serwerze i tu na szczęście wszystko działa bez problemu, uff! 😐
Astro „widział” zwykłe REST API, ale szyfrowanego już nie.
Spędziłam cały weekend, ponad 14 godzin, próbując rozwiązać ten problem 😣
W końcu poddałam się, postawiłam WordPress na zwykłym serwerze i tu na szczęście wszystko działa bez problemu, uff! 😐
Bo gdy w grę wchodzi pisanie kodu – Claude wygrywa zarówno jakością odpowiedzi, jak i wygodą użytkowania. A na dodatek, przez ten miesiąc, kiedy go nie używałam, dodali masę nowości, więc powrót jest tym bardziej – WOW!
Bo gdy w grę wchodzi pisanie kodu – Claude wygrywa zarówno jakością odpowiedzi, jak i wygodą użytkowania. A na dodatek, przez ten miesiąc, kiedy go nie używałam, dodali masę nowości, więc powrót jest tym bardziej – WOW!
#headlessJoanna ma więc już head z danymi pobranymi z backend 🛜
Następnym krokiem będzie pobranie fragmentów szablonu @wordpress.org, wyczyszczenie ich ze śmieciowego kodu Gutenberga i wyświetlenie na frontend 💻
#headlessJoanna ma więc już head z danymi pobranymi z backend 🛜
Następnym krokiem będzie pobranie fragmentów szablonu @wordpress.org, wyczyszczenie ich ze śmieciowego kodu Gutenberga i wyświetlenie na frontend 💻
Wprowadziłam kilka zabezpieczeń, dzięki którym na stronie powinno wyświetlić się cokolwiek, nawet jeśli komunikacja z backendem zawiedzie. Jeśli nie treść strony, to przynajmniej nazwa witryny. A jak nie, to zastępczy tekst z pliku 👀
Wprowadziłam kilka zabezpieczeń, dzięki którym na stronie powinno wyświetlić się cokolwiek, nawet jeśli komunikacja z backendem zawiedzie. Jeśli nie treść strony, to przynajmniej nazwa witryny. A jak nie, to zastępczy tekst z pliku 👀
youtu.be/SOxmiupQm7w?...
youtu.be/SOxmiupQm7w?...
Ma pozytywne opinie, dobre benchmarki, a instalator wygląda pięknie 😍
Jednak co najważniejsze — po pierwszych testach widzę, że to jest prawdopodobnie dokładnie taki framework, jakiego potrzebowałam! 🚀
Ma pozytywne opinie, dobre benchmarki, a instalator wygląda pięknie 😍
Jednak co najważniejsze — po pierwszych testach widzę, że to jest prawdopodobnie dokładnie taki framework, jakiego potrzebowałam! 🚀
Zaczęłam pisać w Next.js i tu zaskoczenie — on też wypluwa śmieci w kodzie!!! 🤮
Oj, nie tak miało być! Muszę poszukać innego frameworka, który zwróci ładny HTML 🤩
W końcu 'Code is poetry!' 📜
Zaczęłam pisać w Next.js i tu zaskoczenie — on też wypluwa śmieci w kodzie!!! 🤮
Oj, nie tak miało być! Muszę poszukać innego frameworka, który zwróci ładny HTML 🤩
W końcu 'Code is poetry!' 📜
Pierwszy do eliminacji: plugin do SEO 🔍
OpenGraph i inne? Wystarczy zajawka i wyróżniony obrazek z WP. Schema też mogę napisać samodzielnie 🤓
PS. Napisałam skrypt ograniczający liczbę znaków w zajawce, żeby była zgodna z SEO 📄
Pierwszy do eliminacji: plugin do SEO 🔍
OpenGraph i inne? Wystarczy zajawka i wyróżniony obrazek z WP. Schema też mogę napisać samodzielnie 🤓
PS. Napisałam skrypt ograniczający liczbę znaków w zajawce, żeby była zgodna z SEO 📄
Po co, skoro frontend #headlessJoanna będzie gdzieś indziej?
1. Chcę, żeby treść w Gutenbergu choć trochę wyglądała, jak na froncie
2. Motyw ma lekko zmienić wygląd wp-admin
3. Liczę na to, że style z theme.json da się potem wykorzystać na froncie
Po co, skoro frontend #headlessJoanna będzie gdzieś indziej?
1. Chcę, żeby treść w Gutenbergu choć trochę wyglądała, jak na froncie
2. Motyw ma lekko zmienić wygląd wp-admin
3. Liczę na to, że style z theme.json da się potem wykorzystać na froncie
Mam dwa kontenery: jeden na backend, drugi na frontend – ustawione tak, by Next.js miał dostęp do REST API WordPressa.
AI pomogło w konfiguracji, testowe połączenie działa. Mam nadzieję, że w przyszłości przesył danych będzie szedł równie gładko!
Mam dwa kontenery: jeden na backend, drugi na frontend – ustawione tak, by Next.js miał dostęp do REST API WordPressa.
AI pomogło w konfiguracji, testowe połączenie działa. Mam nadzieję, że w przyszłości przesył danych będzie szedł równie gładko!
Ponieważ staram się zastępować amerykańskie rozwiązania ich europejskimi odpowiednikami, #headlessJoanna nie trafiła ani na GitHuba, ani na GitLaba, tylko na Codeberga 🏔️
W dwóch częściach: jedno repo na wordpressowy backend i drugie na frontend w Next.js
Ponieważ staram się zastępować amerykańskie rozwiązania ich europejskimi odpowiednikami, #headlessJoanna nie trafiła ani na GitHuba, ani na GitLaba, tylko na Codeberga 🏔️
W dwóch częściach: jedno repo na wordpressowy backend i drugie na frontend w Next.js
Zaczęłam tworzyć nową wersję mojej strony internetowej (Headless WordPress + Next.js) ☄️
Myślę, że to dobre miejsce, by dzielić się postępami mojej pracy. Wpisy na ten temat będę tagować #headlessJoanna
Zaczęłam tworzyć nową wersję mojej strony internetowej (Headless WordPress + Next.js) ☄️
Myślę, że to dobre miejsce, by dzielić się postępami mojej pracy. Wpisy na ten temat będę tagować #headlessJoanna
stara.joannaholy.pl
👉Zachęcam do kliknięcia w przycisk „Więcej o archiwizacji” na pomarańczowym banerze – znajdziesz tam kilka ciekawostek o każdej, zarchiwizowanej stronie
#oldwebsite #oldHTML #WaybackMachine
stara.joannaholy.pl
👉Zachęcam do kliknięcia w przycisk „Więcej o archiwizacji” na pomarańczowym banerze – znajdziesz tam kilka ciekawostek o każdej, zarchiwizowanej stronie
#oldwebsite #oldHTML #WaybackMachine
Przetestowałam i CH świetnie nadaje się do określania szerokości, ale chyba tylko w sytuacji, gdy:
a) font-family może się zmieniać,
b) zależy nam na czytelności tekstu (typografowie zalecają, żeby wiersz miał 50-75 znaków)
Przetestowałam i CH świetnie nadaje się do określania szerokości, ale chyba tylko w sytuacji, gdy:
a) font-family może się zmieniać,
b) zależy nam na czytelności tekstu (typografowie zalecają, żeby wiersz miał 50-75 znaków)
Dodatkowo testuje chińskiego chatbota i sprawdza, czy rzeczywiście jest tak inteligentny, jak go reklamują 🤔
youtu.be/H7DXhGvVoLY
Dodatkowo testuje chińskiego chatbota i sprawdza, czy rzeczywiście jest tak inteligentny, jak go reklamują 🤔
youtu.be/H7DXhGvVoLY