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.
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 ()...
figma
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...
ai
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...
coupon woocommerce
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...
cart woocommerce
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...
płatności woocommerce
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ę...
css
figma – tworzenie nowego projektu
Tworzenie nowego projektu Na początku możesz wybrać czy tworzysz: FigJam - idealna do brainstorming, współpracy czy obrazowania koncepcji Design - tworzenie projektów web, app...
figma
figma – prototypy
Użycie sekcji do powracania na przerwany krok kiedy tworzysz flow kroków, jak np w procesie zakupowym, gdzie: wybranie ilość produktów w koszyku wprowadzenie danych wprowadzenie...
figma
Webflow – interakcje
Animacje po pojawieniu się elementu w polu widoczności - poprzez zaznaczenie elementu, następnie, w zakładce Interactions po prawej stronie w sekcji Element trigger plusem dodajemy Scroll into...
webflow
ACF 6.2.5 – text field, area with iframe
Od wersji ACF (advanced custom fields) 6.2.5 z powodu zwiększenia bezpieczeństwa wprowadzono zmienę do pól aby uniknąć wstrzykiwania złośliwego kodu HTML. Kiedy jednak potrzebujemy w polu...
ACF
Webflow – skróty klawiaturowe
W panelu Designer możemy operować następującymi skrótami klawiaturowymi: P - otwiera widok ze stronami - Pages J - otwiera widok z plikami graficznymi - Assets G - otwiera widok z...
webflow
Webflow – optymalizacja seo
Optymalizacja SEO - jest to dość istotne działanie pod kątem wyszukiwarek, mediów społecznościowych oraz dowolnego rodzaju udostępniania. Z menu bocznego wybieramy Pages, wybieramy naszą...
webflow
Operacje na tablicach, obiektach w JavaScripts
operacje na tablicach map - zwraca nowa tablice z wykonanymi operacjami na elementach wskazanej tablicy, lub ekstrakcja wskazanych tylko subelementów elementów tablicy, every - sprawdza czy...
JavaScript
ścieżka do katalogu theme i ścieżka do katalogu child theme w WordPress
Kiedy mamy własny temat w WP i chcemy w jego plikach pobrać ścieżkę do katalogu tematu by zamieścić obrazek lub inny plik wykorzystujemy funkcję: get_template_directory_uri() jak np. w...