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

Podstawy kodowania – strony internetowe

Strona internetowa, w głównej podstawie składa się z: HTML, który przechowuje strukturę i dane, takie jak np. teksty i obrazy CSS, który jest odpowiedzialny za wygląd strony i jej...

gitHub

GitHub - platforma Microsoft do zarządzania kodem źródłowym i współpracy programistycznej, oparta na systemie kontroli wersji Git. Git działa lokalnie (na twoim komputerze), a GitHub...

nałożenie lini na tło strony

body &::before, &::after content: '' height: 100% position: absolute top: 0 z-index: -1 border-left: 1px solid #D8D8D8...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery custom post html css3 ACF sass html5 php tools woocommerce mobile web development plugins form image vue seo biblioteka menu VS Code figma design shortcuts inspiration responsive color wp git post user page webflow sketch data base animation readme reCaptcha ai emmet free pagespeed npm React background https snipets