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.

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

Tu zakładamy konto   zalety przechowuje kopię plików na zdalnym serwerze pozwala na współdzielenie (kolaborowanie) projektu posiada publiczne i prywatne repozytoria...

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

losowe tło – style dodane inline

Czasami jest taka potrzeba lub konieczność by dodać losowe tło w kodzie samej strony WP, poniżej przykład jak można to zrobić. Zaczynamy od stworzenia katalogu na serwerze bg_random gdzie...

parę sposobów na randomowy kolor tła

Fajnie mieć możliwość dodania do wybranego elementu losowego koloru np. tła. Ciekawie sprawdza się to w sliderach z treścią, kiedy każdy kolejny slid ma inne tło. Jednym z rozwiązań...

WordPress – jak sprawdzić czy w treści jest użyty shortcode

Kiedy potrzebujemy zamieścić skrypt, który jest tylko umieszczany wtedy kiedy zamieszczamy konkretny shortcode w treści strony, można skorzystać z funkcji has_shortcode gdzie jako pierwszy...

Dodanie efektu lightbox do natywnej galerii WordPress

Jeśli nie chcemy stosować dodatkowego plugina z efektem lightbox, który doda swój skrypt na każdej stronie możemy zastosować rozwiązanie pozwalające wykorzystać skrypt lightbox i dodać...

VSC Visual Studio Code

VSC lub VS Code to nie tylko edytor kodu czy tekstu, ale również masa innych dodatkowych udogodnień, takich jak: kolorowanie składni usprawnienie formatowania podpowiedzi kodu – po...

php formularz

Po napisaniu formularza w html, i daniu metody POST, przed wykonaniem kodu w pliku docelowym, warto sprawdzić czy dane na pewno zostały przesłane formularzem, czy ktoś próbuje nadpisać...

php – podstawy i założenia

Każdy zapis w języku php musi zaczynać się od otwarcia < ?php oraz na samym końcu zamknięcia ?>. Wyjątkiem są dokumenty pisane w czystym php (bez dodatku HTML czy innych języków),...

Ciekawe tutoriale, snipety

Animated halftone patterns - by Ana...

Markdown

Markdown to zestaw reguł, język znaczników używany do formatowania tekstu. Najcześciej wykorzystuje się go do tworzenia opisów projektów w serwisie GitHub, jako plik README.md, zawierający...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery custom post html css3 ACF html5 php sass woocommerce web development mobile form image vue plugins figma menu design biblioteka color responsive seo tools inspiration page post data base webflow sketch VS Code git user svg table https shortcuts link icon React align grid macOS background tag snipets admin