Dev Notes/Blog

Wiedza i inspiracje na temat html, css, javascript, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.

czym jest XML sitemap i do czego służy

XML Sitemap (mapa witryny w formacie XML) to specjalny plik, który pomaga wyszukiwarkom takim jak Google, Bing czy Yahoo zrozumieć strukturę Twojej strony i szybciej ją indeksować. To nie...

readme.md

W projektach własnych tematów Wordpress o ile nie korzystasz z repozytorium GIT warto dodać plik .md jako dokumentację theme. Może to być standardowe README.md, lub CHANGELOG.md jeśli projekt...

VSC przy pracy z WordPress

O co warto zadbać by tworząc własne theme czy pluginy na Wordpress dobrze się nam pracowało w VSC? Rozszerzenia/pluginy do VSC przy kodowaniu theme i pluginów w Wordpress niezbędne do PHP i...

ciekawe w css #3

inset Właściwość inset określa odległość między elementem a elementem nadrzędnym. Aby inset zadziałał, musisz określić również właściwość position. Inset pozwala skrócić...

dostępność stron internetowych – WCAG

WCAG - Web Content Accessibility Guidelines — czyli wytyczne dostępności stron internetowych. Czyli jak robić strony internetowe, żeby dało się z nich korzystać każdemu, osobom z...

Formatting Context i Stacking Context podczas podczas renderowania strony

Formatting Context i Stacking Context to „konteksty”, które przeglądarka tworzy podczas renderowania strony, i oba mają duży wpływ na layout. Formatting Context (kontekst...

podział projektów na Workspace w Visual Studio Code

Oddzielone przestrzenie tak żeby każdy projekt był „osobnym workspace” to idealne podejście by nie mieszały się katalogi i by nie wprowadzić zmian w złym miejscu. W VS Code da się to...

praktyczna, zalecana i często spotykana struktura katalogów dla WordPress custom theme

Poniżej struktura katalogów dla custom theme WordPress, zgodna z dobrymi praktykami i gotowa zarówno na klasyczne WP, jak i Gutenberga. W my-theme-wp zamieszczamy: assets src -...

architektura SASS dla WordPress custom theme

Dobrze dobrana architektura katalogów i plików sass ułatwia kodowanie, jest czytelna i skalowalna. Dzięki czemu współpraca z innymi developerami czy wprowadzanie kolejnych zmian jest znacznie...

skróty numeryczne, numeronimy

Numeronim to skrótowiec, w którym pierwsza litera, ostatnia litera i liczba pomiędzy nimi (reprezentująca liczbę pominiętych liter) tworzą nowe słowo. Czyli zamiast pisać całe, długie...

ataki na aplikacje webowe

atak typu CSRF — Cross-Site Request Forgery atak przez przeglądarkę użytkownika w imieniu zalogowanego użytkownika. Jak działa CSRF: użytkownik jest zalogowany na stronie, np....

Vite – nowoczesny build tool

Vite to nowoczesne narzędzie do budowania frontendu (build tool), stworzone przez Evana You (twórcę Vue.js). Służy do pracy z projektami w JavaScript/TypeScript — React, Vue, Svelte, Vanilla...

Debug manifests

Debug manifests to pojęcie używane najczęściej w kontekście: aplikacji webowych service workerów / PWA pakietów aplikacji (manifest.json / manifest.webmanifest) środowisk...

Turnstile jako darmowa alternatywa reCAPTCHA

Od 2025 Google stara się, aby wszyscy użytkownicy reCAPTCHA przeszli na reCAPTCHA Enterprise, co oznacza, że Google pobiera opłaty za wywołania API przekraczające limit bezpłatny. Jeśli w...

Reset uprawnień dla domeny w przeglądarce Chrome

Reset uprawnień dla domeny przez panel zaawansowany Wejdź w Chrome w ten adres: chrome://settings/content/all w prawym górnym rogu użyj pola Search i wpisz nazwę domeny jakiej szukasz...

aktualizacja strony w google

Kiedy przebudowujemy całą stronę internetową czy dodajemy większe zmiany w strukturze i treściach dobrze zaraz po ich opublikowaniu dać znać Google o zmianach. Najłatwiej i najszybciej...

problem z indeksowaniem plików załaczników w WordPress

WordPress automatycznie tworzy wpis typu attachment, czyli „stronę załącznika” do każdego pliku dodawanego w media (grafiki, PDF itp.), nie ma możliwości wyłączyć tego mechanizmu, a...

zyskać adres IP

adres IP domeny www.mydomain.com W terminalu (CMD / PowerShell / macOS Terminal) wpisz: dla Windows: nslookup www.mydomain.com macOS / Linux: dig www.mydomain.com Wynik pokaże coś...