Sign in

Joanna Hoły

@joannaholy.pl
12 followers 19 following 38 posts

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

PostsRepliesMedia
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 · 03/11/2025
Backendowy etap prac na #headlessJoanna za mną! 🚀 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! 🤓
000
Joanna Hoły @joannaholy.pl · 17/10/2025
Nadszedł czas, by w końcu w #headlessJoanna naprawdę połączyć ze sobą @wordpress.org i @astro.build ! 🚀 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...
linkedin.com
#astro | Joanna Hoły
Ja, jakiś czas temu: „Jeśli w WordPress zrobię modyfikację, która pozwoli dodać do bloku atrybut data-astro z nazwą komponentu, to czy potem w #Astro da się przerobić taki blok na prawdziwy komponent?...
010
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
Bloki „widoczne, po wybraniu" użyję np. w skip-linkach (kliknij, by pominąć). Też będą niewidoczne, ale wyświetlą się, gdy wybierze się je podczas nawigacji z użyciem klawiatury (focus-visible) ⌨️ Mam nadzieję, że to ułatwi obsługę #headlessJoanna osobom, które nie używają myszy komputerowej 🖱️
100
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 · 18/09/2025
Kontenery DDEV nie dogadywały się ze sobą 😿 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! 😐
100
Joanna Hoły @joannaholy.pl · 10/09/2025
Po miesiącu testowania #ChatGPT-5 w planie PLUS, wróciłam do płatnego Claude.ai 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!
claude.ai
Claude
Talk with Claude, an AI assistant from Anthropic
010
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 kanonicznyZrzut 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 daneZrzut 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 · 26/08/2025
Tu mogłabym zakończyć zabawę z fetch na #headlessJoanna, ale odkryłam, że @astro.build ma Live Content Collections, które teoretycznie lepiej obsługują dane „z zewnątrz”. A ponieważ mam nieograniczoną ilość czasu na eksperymentowanie – następnym krokiem jest przetestowanie, jak to działa w praktyce!
000
Joanna Hoły @joannaholy.pl · 26/08/2025
Frontend #headlessJoanna pobiera już dane z WordPressa 📡 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 👀
110
Joanna Hoły @joannaholy.pl · 23/08/2025
Jednak nie miałam racji – kiedy dyskusja z GPT-5 się wydłuża, desktopowy klient też zaczyna zamulać. I w odróżnieniu od tego webowego, nie można go odświeżyć F5 :(
000
Joanna Hoły @joannaholy.pl · 22/08/2025
Ciekawy film @t3.gg o tym, że #GPT-5 rozczarowuje, bo winny może nie być model, tylko klient, którego używamy. Przetestowałam i rzeczywiście coś w tym jest – w przeglądarce GPT-5 potrafi się zawiesić. Zainstalowałam desktop app na Window i na razie wszystko chodzi płynnie. youtu.be/SOxmiupQm7w?...
youtu.be
The current state of gpt-5
YouTube video by Theo - t3․gg
100
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 · 20/08/2025
Lubię edytor Gutenberga, ale nie akceptuję śmieci, które robi na froncie. Dlatego tworzę #headlessJoanna 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!' 📜
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 · 18/08/2025
Wstępnie skonfigurowałam motyw FSE w WordPressie. 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
010
Joanna Hoły @joannaholy.pl · 17/08/2025
Środowisko DEV #headlessJoanna używa WSL i DDEV. 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!
020
Joanna Hoły @joannaholy.pl · 16/08/2025
Obsługa #headlessJoanna na Codeberg – pierwsza klasa! Owszem, nie ma tu tylu opcji co na GitHub i GitLab, ale mi ta prostota odpowiada. Brakuje mi tylko klienta desktopowego. Co prawda, Codeberg dobrze dogaduje się z apką GitHub, ale wolałabym natywne rozwiązanie, które obsługuje więcej funkcji.
000
Joanna Hoły @joannaholy.pl · 16/08/2025
Na Codeberg po raz pierwszy korzystam z mechanizmu issues 📋 Fajnie się to sprawdza przy planowaniu rzeczy do zrobienia na #headlessJoanna i potem robieniu na ich podstawie branchy ✅
100
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 · 18/05/2025
Zagłosowanie! ❎ #wybory #wyboryprezydenckie #wybory2025 #wyboryprezydenckie2025
010
Joanna Hoły @joannaholy.pl · 01/04/2025
Did someone just hijack one of the Doctor’s domains?! 😱 tardis.doctor #DoctorWho #notaprilsfool
tardis.doctor
TARDIS.DOCTOR
Dear BBC, I’ve got TARDIS.DOCTOR domain! But it’s too timey-wimey for me, so I could exchange it for something else. Here’s my offer!
000
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
Z drugiej strony, gdy ważniejsza od doskonałego odwzorowania projektu graficznego jest czytelność i responsywność strony – CH wydaje mi się być ciekawym rozwiązaniem, lepszym od REM. Polecam (stary, ale ciągle aktualny) film, który @kevinpowell.co zrobił na ten temat: youtu.be/dgbFtMBOMlA
youtu.be
The ch unit is the most underappreciated CSS unit
YouTube video by Kevin Powell
000
Joanna Hoły @joannaholy.pl · 27/02/2025
Raczej nie widzę sensu stosowania CH przy tworzeniu stron na podstawie projektów graficznych, gdzie font-family i szerokości bloków tekstowych są na sztywno zdefiniowane, a wszystko ma być pixel-perfect. Z tego, co czytałam, inni też odradzają używanie tej jednostki, np.: medium.com/@meyerweb/wh...
medium.com
What is the CSS ‘ch’ Unit?
I keep seeing authors and speakers refer to the ch unit as meaning “character width”. This leads to claims that you can “make your content…
100
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
Joanna Hoły @joannaholy.pl · 04/02/2025
@komputerswiat.bsky.social wyjaśnia, jak działa #DeepSeek i dlaczego jest wydajniejszy od #ChatGPT. 🤖 Dodatkowo testuje chińskiego chatbota i sprawdza, czy rzeczywiście jest tak inteligentny, jak go reklamują 🤔 youtu.be/H7DXhGvVoLY
youtu.be
DeepSeek w praktyce. Testujemy chińskie AI w porównaniu z ChatGPT i Copilot
YouTube video by Komputer Świat
000
Reposted by Joanna Hoły
Vivaldi Browser @vivaldi.com · 27/01/2025
10 years ago, we launched the Technical Preview of Vivaldi with one simple goal, to create “a browser for our friends”. A decade later, we now have millions of friends around the globe. A decade from now, we'll still fight for a better web as we build a browser for our friends. 😄🎈
Photo of the Vivaldi browser team in Iceland. Text in image saying: "Here's to the next 10 years!".
66010
Joanna Hoły @joannaholy.pl · 24/01/2025
LOL, w @vivaldibrowser.bsky.social taka funkcja istnieje już od dawna! 🤣 antyweb.pl/chrome-nowa-...
antyweb.pl
Najpierw Edge, teraz Chrome. Wkrótce pojawi się przydatna funkcja
Zarówno Microsoft Edge, jak i Google Chrome pracują równolegle nad tą samą funkcją. Chodzi o dzielone karty, bez konieczności otwierania nowych okienek.
010
Reposted by Joanna Hoły
zeldman @zeldman.bsky.social · 23/01/2025
So straightforward, so good. An ALT text decision tree. www.w3.org/WAI/tutorial... #a11y
w3.org
An alt Decision Tree
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
515955
Reposted by Joanna Hoły
Kevin Powell @kevinpowell.co · 23/01/2025
Anytime I am helping someone with CSS and they seem to have the wrong mindset in how they approach writing it, I tell them to watch this video by @miriam.codes As far as I'm concerned it should be required viewing for anyone who is learning CSS. youtu.be/aHUtMbJw8iA?...
youtu.be
Why Is CSS So Weird?
YouTube video by Mozilla Developer
1124037
Joanna Hoły @joannaholy.pl · 21/01/2025
Od roku jestem szczęśliwą użytkowniczką mikr.us Polecam nie tylko tę usługę, ale też wykład, na którym twórca serwisu, @mrugalski.bsky.social, opowiada o całym przedsięwzięciu. Film jest długi, ale Mrugalskiego słucha się wyśmienicie – 2 godziny mijają, jak z bicza strzelił! youtu.be/8S8aLNgShAE
youtu.be
Zróbmy sobie firmę hostingową! - o Mikrusie słów kilka – Jakub Mrugalski | Jesień Linuksowa 2024
YouTube video by Jesień Linuksowa
111
Joanna Hoły @joannaholy.pl · 19/01/2025
#CSS text-box-trim wygląda na ciekawy mechanizm, który ułatwi (i upiększy) pozycjonowanie tekstu. Teraz pozostaje trzymać kciuki, żeby obsługa tej właściwości jak najszybciej pojawiła się w innych przeglądarkach! 🚀 developer.chrome.com/blog/css-tex... @nerdy.dev thanks for sharing this news! ☺️
developer.chrome.com
CSS text-box-trim  |  Blog  |  Chrome for Developers
Take back space from above and below your text content; achieve optical balance.
010
Joanna Hoły @joannaholy.pl · 19/01/2025
@googlesearch.bsky.social Asystent na #TuneIn uparcie uruchamiał nie tę stację, co trzeba. Po pół godziny kombinowania coś mnie tknęło i sprawdziłam webową wersję TuneIn. Okazało się, że to nie Asystent się popsuł, tylko TuneIn na „częstotliwości” #RockRadio odtwarza teraz… #ZłotePrzeboje
media.tenor.com
a group of people standing in front of a dang sign
ALT: a group of people standing in front of a dang sign
000
Joanna Hoły @joannaholy.pl · 19/01/2025
Po ostatniej aktualizacji Asystenta @googlesearch.bsky.social (tej, w której Asystent stracił ludzki głos😠), część moich automatyzacji w Google Home przestała działać. Dziś wieczorem postanowiłam je naprawić. Udało mi się przywrócić działanie wszystkiego, poza #TuneIn
100
Reposted by Joanna Hoły
Friday Front-End @fridayfrontend.com · 15/01/2025
A simple masonry-like composable layout: "It’s going to be a long time until #CSS masonry is ready for us to use in our projects so I’ve got a nice stop-gap here for you that uses composable layouts."
piccalil.li
A simple masonry-like composable layout
It’s going to be a long time until CSS masonry is ready for us to use in our projects so I’ve got a nice stop-gap here for you that uses composable layouts.
082
Reposted by Joanna Hoły
Jake Archibald @jakearchibald.com · 16/01/2025
Great article on where `aria-label` should & shouldn't be used benmyers.dev/blog/dont-us...
benmyers.dev
Don’t Use aria-label on Static Text Elements
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.
510517
Joanna Hoły @joannaholy.pl · 14/01/2025
Podczas tworzenia swoich stron internetowych, zwykle używałam jednostek rem, zamiast px. Ten film świetnie tłumaczy, dlaczego warto tak robić (a nawet, że można rozszerzyć zastosowanie rem także do media-query): youtu.be/Op3hhQhNKIc #css #rwd #webdev #webdevelopment #frontend
youtube.com
Stop Using Pixels For Media Queries
YouTube video by Web Dev Simplified
000
Joanna Hoły @joannaholy.pl · 01/01/2025
Plany na #2025: ✅ zrobić listę postanowień noworocznych 💪 🔲 popracować nad personal-brandingiem 😎 🔲 przygotować nową wersję strony internetowej 🔧 🔲 zrobić lepszy szablon WordPressa na bloga ⚙️ 🔲 wrócić do pisania Dyrdymałów ✒️ 🔲 s̷c̷h̷u̷d̷n̷ą̷ć̷ nie przytyć bardziej 🤪 ✅ opublikować listę postanowień w sieci 🙃
000