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.

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

optymalizacja właściwości CSS

optymalna animacja elementów i poprawienie płynności GPU = Graphics Processing Unit, czyli procesor graficzny, specjalny układ scalony w urządzeniu (komputer, telefon, tablet), który...

css shorthand

Shorthand w CSS to skrócone zapisy, które pozwalają szybciej pisać kod i zmniejszyć jego objętość (a przy okazji plik CSS też staje się lżejszy). background: #fff url(bg.png)...

optymalizacja wydajności pliku style.css

Aby przyspieszyć ładowanie stron internetowych warto pochylić się nad plikami styli css. Ich rozmiar i sposób ładowania też mają znaczenie, o to kilka przydatnych informacji: całkowity...

ciekawe w css #2

filters dostępne masz opcje: blur() - podajesz wartość w pixelach blur(4px) im więskza wartość tym rozmycie mocniejsze brightness() - brightness(1.1) zwiększa jasność o 10%,...

wp_enqueue_script i wp_enqueue_style

wp_enqueue_script wp_enqueue_script() to funkcja w WordPressie służąca do dołączania (ładowania) skryptów JavaScript w sposób zgodny z systemem kolejkowania WordPressa. Dzięki niej masz...

escaping danych w Worpdress – czyli funkcje esc_*

W WordPressie mamy kilka funkcji esc_*, które służą do oczyszczania (ang. escaping) danych przed wyświetleniem ich w HTML, dzięki temu bezpiecznie wyświetlisz dane w HTML, i unikniesz XSS,...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery custom post html ACF css3 php html5 tools sass woocommerce mobile web development vue seo form image plugins menu biblioteka figma design responsive color shortcuts inspiration VS Code sketch data base git post webflow wp user page svg snipets React npm macOS https reCaptcha background chrome grid admin align