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.

VS Code – Command Palette

polecenia w Command Palette View: Reset View Locations - resetuje widoki w VS Code do domyślnych ustawień View: Show Explorer - pokazuje widok Explorerea, ale nie przywraca ikony w bocznym...

Sass – co nowego

Dart Sass jest oficjalnym kompilatorem Sass. Ruby Sass jest przestarzały, a Node Sass powoli traci wsparcie. Nowe funkcje jak @use zostały wprowadzona w Dart Sass (wersja 1.23.0 i...

canvas – funkcje

getImageData() parametry x, y, width, height - obszaru z jakiego odczytać chcemy dane context.save();...

Bitmap

Bitmapa to format obrazu, zapisujący grafikę w postaci siatki pikseli. Każdy piksel w tej siatce ma przypisaną wartość, która określa jego kolor. Najważniejsze info: rozdzielczość...

ChatGPT

Obecnie AI to narzędzia oparte na zaawansowanych algorytmach uczenia maszynowego i sieciach neuronowych. Idealne do analizowania olbrzymich ilości danych. ChatGPT można uruchomić w...

npm

npm czyli Node Package Manager - menadżera pakietów dla Node.js Parę ciekawych faktów: npm jest napisany całkowicie w języku JavaScript npm jest aplikacją wiersza poleceń, CLI npm...

VS Code – Visual Studio Code – shortcuts

Linie kodu ALT + Z - zwijanie linii w widoku pliku Alt + ↓ - przeniesienie linii, lub całego bloku w dół Alt + ↑ - przeniesienie linii, lub całego bloku w górę Shift + Alt + ↑ -...

różne pojęcia i skróty

TTL -  Time to Live (czas życia) — to ustawienie określające, jak długo dane (w formie pakietu) są ważne i dostępne w sieci, zanim router je usunie. Czas ten możemy również nazwać...

Programowanie zorientowane obiektowo – php

OOP (ang. Object-Oriented Programming) - programowanie zorientowane obiektowo Proceduralny php od obiektowego różni się tym, że w proceduralnym php wszystkie elementy mamy w jednym pliku,...

JavaScript – różne

zamieszczenie atrybutu defer w znaczniku html script pozwala na pobranie zamieszczonego w parametrze src skryptu równolegle z ładowaniem strony ale wykonanie go kiedy strona zostanie już...

sprawdzenie wersji jQuery w oknie przeglądarki

w oknie konsoli przeglądarki wpisujemy polecenie $().jquery; lub $.fn.jquery i wyświetla nam się wersja jQuery użyta na danej stronie lub info o braku tej...

figma – komponenty

Components & instances Komponent - symbol 4 małych rombów zamkniętych w kształcie rombu () - jeden główny master element na którym dokonujemy zmian. Instancje - symbol pustego rombu ()...

animowane icony

aby nadać stronie trochę więcej życia możesz zastosować animowane icony. Kiedy jednak nie masz dobrego animatora pod ręką fajnym rozwiązaniem jest skorzystanie z lordicon. Portal ten ma...

chatboty i technologie AI

Najważniejsze (na 08.2024r.) chatboty ChatGPT Claude Perplexity Copilot Gemini Mistral technologie AI (sztucznej inteligencji) GenAI - Generative AI (Generatywna Sztuczna...

Zmiana umiejscowienia formularza kuponów na stronie Zamówienia w WooCommerce

Jeśli chcemy przenieść pole "Masz kupon? Kliknij tutaj, aby dodać swój kod" z samego topu strony (zaraz pod tytułem strony Zamówienia) to przyda się poniższy kod. Pierwsze polecenie usuwa...

pobranie wartości z obiektu cart

Mając dostęp do zmiennej $cart możemy pobrać wszystkie jej wartości poprzez $cart Jeśli jednak nie mamy bezpośredniego dostępu do tego obiektu, możemy wywołać go globalnie w dowolnym...

pobranie danych bramek płatności w Woocommerce

Można pobrać wszystkie metody płatności Woocommerce za pomocą klasy WC_Payment_Gateways. Ale aby pobrać dostępne metody płatności i ich powiązane dane, dobrze sprawdza się poniższy...

ciekawe w css

text wrap text-wrap: saldo - technika typograficzna polegająca na samodzielnym tworzeniu podziałów wierszy tak by uzyskać równoważne bloki tekstu text-wrap: balance - równoważy liczbę...