Joanna Hoły @joannaholy.pl · 30/11/2025Ja, 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): 000
Joanna Hoły @joannaholy.pl · 15/11/2025Od 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? 🤓 030
Joanna Hoły @joannaholy.pl · 12/11/2025Treść 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 👍 000
Joanna Hoły @joannaholy.pl · 03/11/2025Backendowy 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/2025Nadszedł 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łyJa, 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/2025Okazało się, że widoczność nie wystarczy, rozszerzyłam modyfikację o dodatkowe opcje 😅 000
Joanna Hoły @joannaholy.pl · 15/10/2025Bloki „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/2025Czas 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 👁️🗨️ 110
Joanna Hoły @joannaholy.pl · 18/09/2025Kontenery 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/2025Po 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.aiClaudeTalk with Claude, an AI assistant from Anthropic 010
Joanna Hoły @joannaholy.pl · 31/08/2025Z 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 💻 020
Joanna Hoły @joannaholy.pl · 26/08/2025Tu 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/2025Frontend #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/2025Jednak 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/2025Ciekawy 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.beThe current state of gpt-5YouTube video by Theo - t3․gg 100
Joanna Hoły @joannaholy.pl · 22/08/2025Zamiast 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! 🚀 010
Joanna Hoły @joannaholy.pl · 20/08/2025Lubię 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/2025Chcę 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 📄 000
Joanna Hoły @joannaholy.pl · 18/08/2025Wstę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/2025Obsł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/2025Na 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/2025Dobre 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/2025Od 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 020
Joanna Hoły @joannaholy.pl · 18/05/2025Zagłosowanie! ❎ #wybory #wyboryprezydenckie #wybory2025 #wyboryprezydenckie2025 010
Joanna Hoły @joannaholy.pl · 01/04/2025Did someone just hijack one of the Doctor’s domains?! 😱 tardis.doctor #DoctorWho #notaprilsfooltardis.doctorTARDIS.DOCTORDear 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/2025Zrobił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/2025Z 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/dgbFtMBOMlAyoutu.beThe ch unit is the most underappreciated CSS unitYouTube video by Kevin Powell 000
Joanna Hoły @joannaholy.pl · 27/02/2025Raczej 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.comWhat 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/2025W #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) 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/H7DXhGvVoLYyoutu.beDeepSeek w praktyce. Testujemy chińskie AI w porównaniu z ChatGPT i CopilotYouTube video by Komputer Świat 000
Reposted by Joanna HołyVivaldi Browser @vivaldi.com · 27/01/202510 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. 😄🎈 66010
Joanna Hoły @joannaholy.pl · 24/01/2025LOL, w @vivaldibrowser.bsky.social taka funkcja istnieje już od dawna! 🤣 antyweb.pl/chrome-nowa-...antyweb.plNajpierw Edge, teraz Chrome. Wkrótce pojawi się przydatna funkcjaZaró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łyzeldman @zeldman.bsky.social · 23/01/2025So straightforward, so good. An ALT text decision tree. www.w3.org/WAI/tutorial... #a11yw3.orgAn alt Decision TreeAccessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI). 515955
Reposted by Joanna HołyKevin Powell @kevinpowell.co · 23/01/2025Anytime 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.beWhy Is CSS So Weird?YouTube video by Mozilla Developer 1124037
Joanna Hoły @joannaholy.pl · 21/01/2025Od 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/8S8aLNgShAEyoutu.beZróbmy sobie firmę hostingową! - o Mikrusie słów kilka – Jakub Mrugalski | Jesień Linuksowa 2024YouTube 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.comCSS text-box-trim | Blog | Chrome for DevelopersTake 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łotePrzebojemedia.tenor.coma group of people standing in front of a dang signALT: a group of people standing in front of a dang sign 000
Joanna Hoły @joannaholy.pl · 19/01/2025Po 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łyFriday Front-End @fridayfrontend.com · 15/01/2025A 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.liA simple masonry-like composable layoutIt’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łyJake Archibald @jakearchibald.com · 16/01/2025Great article on where `aria-label` should & shouldn't be used benmyers.dev/blog/dont-us...benmyers.devDon’t Use aria-label on Static Text ElementsDon’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/2025Podczas 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 #frontendyoutube.comStop Using Pixels For Media QueriesYouTube video by Web Dev Simplified 000
Joanna Hoły @joannaholy.pl · 01/01/2025Plany 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