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...
css
Slider
popularne: slick bxslider Pluginy biblioteki jQuery: Elastislide dopasowuje rozmiar i zachowanie do aktualnej wielkości ekranu. Wykorzystuje specjalnie...
jQuery
Ś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...
css
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...
php
ś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:...
align css responsive
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,...
Wordpress
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...
html
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...
html
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 -...
html
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...