iiinova — where your digital self keeps evolving

Joanna Hoły

@joannaholy.pl

Zakodowana entuzjastka nowych technologii. Miłośniczka filmów i seriali. Ciekawa świata marzycielka z wielką wyobraźnią.

Posts Replies Media

Joanna Hoły @joannaholy.pl · 30/11/2025

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):

Screenshot z programu Obsidian, przedstawiający sieć notatek połączonych linkami, tworzącą skomplikowaną mapę myśli

000

Joanna Hoły @joannaholy.pl · 15/11/2025

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? 🤓

Zrzut ekranu z fragmentem tekstu, w którym AI opisuje, jak zapamiętało współpracę ze mną: "Approach & patterns
Hołka follows a collaborative development approach, preferring step-by-step guidance and code reviews over complete solutions. She consistently applies BEM methodology for CSS naming, uses descriptive variable names over abbreviations, and maintains TypeScript type safety throughout the project. Her workflow involves systematic code organization with proper file naming conventions, comprehensive error handling, and incremental improvements that preserve working functionality.
She demonstrates strong attention to accessibility standards, testing against both WCAG and APCA requirements, and implements proper semantic HTML structure. Her problem-solving approach involves consulting external resources when needed, pragmatic decision-making when complex solutions don't achieve desired results, and maintaining security practices like not exposing sensitive environment variables in error messages."

030

Joanna Hoły @joannaholy.pl · 12/11/2025

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 👍

Zrzut ekranu z VS Code z paletą barw. Paleta składa się z kolorów neutralnych (odcienie szarości), niebieskich, pomarańczowych i zielonych.

000

Joanna Hoły @joannaholy.pl · 15/10/2025

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

Rzut ekranu z dodatkowymi opcjami bloku Gutenberg w WordPress: Widoczność bloku, ARIA Hidden (tak/nie), ARIA Label, ARIA Labbelled by, ARIA Described by, ARIA Role (ten ostatni, z dopiskiem „UWAŻAJ! Używaj tylko, jeśli semantyczny HTML nie wystrczy”)

000

Joanna Hoły @joannaholy.pl · 15/10/2025

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 👁️‍🗨️

Ustawienia modyfikacji „Widoczność bloku”. Rozwijana lista z trzema opcjami: „Widoczny”, „Ukryty” i „Widoczny, po wybraniu”

110

Joanna Hoły @joannaholy.pl · 31/08/2025

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 💻

Zrzut ekranu pokazujący zawartość znacznika <head> w kodzie HTML strony. W górnej części ASCII-art z napisem „Joanna Hołka Hołka” oraz adresami joannaholy.pl i dyrdymaly.pl. W kodzie widoczne m.in. meta tagi description, author, generator, a także tytuł strony, favicon i link kanoniczny

Zrzut ekranu przedstawiający sekcję meta tagów Open Graph i Twitter Card w kodzie HTML strony. Widoczne dane: języki pl_PL i en_GB, tytuł strony, opis zajawki, adres URL i obrazek podlinkowany z backendu WordPressa. Sekcja Twittera zawiera analogiczne dane

Zrzut ekranu przedstawiający fragment danych strukturalnych w formacie JSON-LD zgodnych ze schema.org. Zawiera trzy obiekty: Person, Website i WebPage

020

Joanna Hoły @joannaholy.pl · 22/08/2025

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! 🚀

Rzut ekranu pokazujący kolorowy instalator Astro w konsoli

010

Joanna Hoły @joannaholy.pl · 19/08/2025

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 📄

Rzut ekranu pokazujący zajawkę WordPress z dodanym mechanizmem ograniczania liczby znaków do 150. Treść zajawki: Taką zajawkę można dodać także na statycznych stronach. Dzięki ograniczeniu liczby znaków powinna spełniać standardy większości social mediów :)

000

Joanna Hoły @joannaholy.pl · 16/08/2025

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

110

Joanna Hoły @joannaholy.pl · 15/08/2025

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

Humorystyczny obrazek ilustrujący tag Headless Joanna. Bezgłowy skafander kosmiczny trzymający pod pachą hełm z głową w środku, druga ręka pokazuje kciuk w górę. W tle rozgwieżdżone niebo z przelatującą kometą. Obraz wygenerowany przez AI

020

Joanna Hoły @joannaholy.pl · 02/03/2025

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

000

Joanna Hoły @joannaholy.pl · 27/02/2025

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)

Rzut ekranu pokazuący kodu CSS:
:root {
--max-box-width: 58ch;
}

100