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.

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

znaczniki meta

określenie zestawu znaków lista słów kluczowych odświeżanie strony ładowanie innej strony robots nazwa aplikacji opis adres aplikacji wstępne pobieranie medi przed...

znacznik base

pozwala odwoływać się do innych stron względem strony głównej zdefiniowanej w znaczniku base <base href="https://webscene.pl/"> - <link...

kolor

  Sposoby zapisu wartości kolorów: kolor rgb procentowo - rgb(r%,g%,b%); wartościami - rgb(255, 255, 255); r-red g-green b-blue   Wartość procentów nie sumuje się...