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

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

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 – skróty klawiaturowe – shortcuts

Aby zobaczyć wszystkie skróty klawiaturowe użyj skrótu ctrl + shift + ? przejdź do quick actions menu (cmd + /) i wpisz shortcuts. cmd + P lub cmd + / - wyszukiwarka podpowiedzi, quick...

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

dodanie google reCaptcha do formularza WP Contact Form 7

Połączenie google reCaptcha z formularzem WP Contact Form 7 pozwala na uniknięcie zalania naszej skrzynki pocztowej przez niechciany span i wiadomości od botów. Co będziesz potrzebować?...

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

wieloznaczne selektory CSS Wildcard Selectors

Wildcard Selectors czyli Selektory wieloznaczne pozwalają na wybranie w stylach nazw class lub id zawierających konkretne znaki, co umożliwia wygodniejsze przypisywanie styli, dzięki czemu...

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

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

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

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

WooCommerce – podstawy tworzenia sklepu

Jeśli chcesz zbudować sklep internetowy na WooCommerce, warto opanować kilka kluczowych obszarów technicznych oraz zrozumieć podstawy zarządzania i optymalizacji sklepu. Oto, co powinnaś...

figma – pluginy

smart animate - ustawiasz co się dzieje na początku i co na końcu animacji smart sort html.to.design - zamieszcza wskazana stronę jako design w figmie Stark Accessibility Tools -...

przydatne shortcode do woocommerce

woocommerce_cart – shows the cart page woocommerce_checkout – shows the checkout page woocommerce_my_account – shows the user account page woocommerce_order_tracking – shows the order...

Ultimate Auction Pro Plugin

Opis instalacji i użycia pluginu Ultimate WooCommerce Auction Pro. Pełną dokumentację znajdziesz tutaj. Plugin Wordpress Ultimate Auction Pro Plugin jest płatnym rozwiązaniem opartym na...

Node.js

Node to środowisko uruchomieniowe JavaScript o otwartym kodzie źródłowym - co oznacza, że możemy wykonywać JavaScript na naszej maszynie, a nie tylko w przeglądarce. Jednocześnie pozwala to...

Animacje w css

Animacje w css dzięki nim możesz stopniowo zmieniać określone style danego elementu w czasie - to naprawdę potężne narzędzie. Animacje css możesz traktować jak oś czasu. Aby utworzyć...

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 biblioteka menu VS Code design figma color wp inspiration responsive shortcuts webflow page post user sketch data base git google npm reCaptcha React ai emmet chrome snipets pagespeed free readme macOS