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.

flexbox

container / parent display flex inline-flex flex-direction row row-reverse column column-reverse justify-content center flex-end flex-start...

command / terminal

bash - powłoka systemowa mac ściezka cd ../workspace/project/myProject uruchomianie z prawami admina poprzez poprzedzenie polecenia sudo terminal windows ściezka cd...

Biblioteki JavaScript

Angular jQuery jQuery...

align-items: center

div { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; } uporządkowuje elementy w bloku...

nie interpretowany kod komputerowy w treści strony

Plugin WordPress - SyntaxHighlighter Evolved pozwala osadzić nie interpretowany kod komputerowy w treści strony.   osadzamy poprzez dodanie shortcode: z...

Zabezpieczone: Info coderskie

Treść jest chroniona hasłem. Aby ją zobaczyć, proszę poniżej wprowadzić hasło: Hasło:...

słownik codera

refactoring - refaktoryzacja - modyfikacja istniejącego kodu w celu wykonania tego samego zadanie w bardziej wydajny czy elegancki sposób event handler – funkcja obsługi zdarzeń...

Slider

popularne: slick bxslider   Pluginy biblioteki jQuery: Elastislide dopasowuje rozmiar i zachowanie do aktualnej wielkości ekranu. Wykorzystuje specjalnie...

bootstrap

bootstrap 5 builder bootstrap 3 tips and tricks reorder css columns bootstrap lightbox bootstrap theming responsive...

Środkowanie elementu w bloku

środkowanie elementu horyzontalne w position absolute: .element { margin-left: auto; margin-right: auto; left: 0; right: 0; } środkowanie elementu vertykalne w position...

WordPress

global $post - wczytanie globalnej zmiennej post zawierającej informacje o aktualnie przetwarzanym/wyświetlanym wpisie get_permalink($post->ID) - pobiera odnośnik do wpisu o wskazanym...

php

Podejście do programowania w php: proceduralne obiektowe Proceduralny php jest nazywany wtedy kiedy tworzymy kod proceduralnie, procesowo czyli kiedy potrzebujemy stworzyć określone...

środkowanie treści w responsywnym kwadratowym bloku

.porto-single-full{ width:50%; float:left; overflow: hidden; padding-bottom: 50%; position: relative; background-color:red; background-position: center center; background-repeat:...

poprzedni / następny post

- z codex WP: <?php get_adjacent_post( $in_same_term, $excluded_terms, $previous, $taxonomy ) ?> Parametr $previous - opcjonalny, przyjmuje wartości true/false: true,...

iframe

element iframe - ramka iframe (pływająca) - pozwala na ładowanie innej strony lub media wewnątrz pojedynczej strony - 'zagnieżdżony kontekst przeglądania' <iframe...

hyperlink a

wartości atrybutu rel w elemencie a: alternate archives author bookmark external first - porządek nawigacji help index - porządek nawigacji last - porządek...

element link

a - odnośnik, odsyłacz, łącze, hiperłącze, link atrybuty elementu link: href - wskazuje zewnętrzny arkusz stylów i ikon media - określa rodzaj medi (ekran, pdf, wydruk) hreflang -...

alternatywne style css

Aby użytkownik za pomocą opcji przeglądarki (widok/style) mógł wybrać dowolny z zaproponowanych styli strony należy użyć alternatywnych styli:   <link...