Ja, tydzień temu:
"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):

Od kiedy na Claude.ai pojawiła się opcja wspomnień, co jakiś czas sprawdzam, co AI tam zapisuje. Częściowo z ciekawości, a częściowo – nie będę ukrywać – bo głaszcze to moje ego 😅

No ale powiedzcie szczerze, czy gdybyście wy zobaczyli taką opinię na wasz temat, nie zrobiłoby się wam miło? 🤓

Treść na #headlessJoanna jako-tako ogarnięta, pora przejść do najprzyjemniejszej części projektu, czyli stylowania! 💖
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 👍

Okazało się, że widoczność nie wystarczy, rozszerzyłam modyfikację o dodatkowe opcje 😅

Czas przy #headlessJoanna mija mi na ulepszaniu #WordPress 🚀
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 👁️‍🗨️

Z pomocą AI udało mi się przerobić tradycyjny fetch na Live Collections z @astro.build 🚀
#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 💻

Zamiast Next.js na frontend #headlessJoanna użyję @astro.build
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! 🚀

Chcę w WP #headlessJoanna ograniczyć ilość wtyczek, najlepiej do zera 👌
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 📄

Dobre repo to podstawa! 🌌
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

Od dłuższego czasu tu nie pisałam, pora to zmienić! 🚀
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

Zrobiłam prywatne Wayback Machine, czyli archiwum z poprzednimi wersjami mojej strony ⌛
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

W #CSS istnieje jednostka, CH, gdzie 1ch, to szerokość znaku zero.

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)