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.

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

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