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.

NVM – Node Version Manager

NVM - narzędzie działające w wierszu poleceń (skrypt powłoki), które umożliwia instalację i zarządzanie wieloma różnymi wersjami środowiska Node.js na jednym komputerze. Główne...

WPML i CPT – czyli tłumaczenia custom post types w wordpress

Aby WPML „ogarniał” Custom Post Types (CPT) i dodawał im tłumaczenia w językach jakich jest strona, musisz je najpierw zarejestrować w WPML. Tłumaczenie postów CPT 1. konfiguracja...

podstawy animacji z wykorzystaniem GSAP

GSAP (GreenSock Animation Platform) to bardzo popularna biblioteka JavaScript do tworzenia animacji — znacznie wydajniejsza i wygodniejsza niż czysty CSS czy requestAnimationFrame. GSAP działa...

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...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery custom post html css3 ACF php tools sass html5 woocommerce web development mobile seo plugins vue form image menu VS Code design figma biblioteka shortcuts color responsive inspiration webflow page wp post user data base sketch git google npm reCaptcha React ai emmet chrome snipets pagespeed free readme animation