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.

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

ikony osadzone jako czcionka

...

przeglądarki internetowe – podstawowe informacje

Przeglądarki internetowe czyli aplikacje które interpretuje kod i wyświetlają (renderują) jego wynik na ekranie. Wszystko zaczyna się od wprowadzenia do górnego paska przeglądarki adresu...

html5

Znaczniki html5 oznaczone w poniższym wykazie kolorem: <!-- tekst --> - komentarz <!DOCTYPE> - typ dokumentu a - odnośnik do strony, elementu strony abbr - skrót słowny ,...

pobranie pola custom fields

<?php the_field('name'); ?> <?php echo get_field('name');?> <?php echo get_field('name', ID);?> <?php if(get_field('name')): ?><h2><?php the_field('name');...

kod dla strony home

Wstawienie kodu odróżniającego stronę home od pozostałych podstron - przydatne np kiedy nazwę  strony chcemy mieć jako h1 na home page a jako p na pozostałych podstronach: <?php if...

kolor zaznaczenia tekstu / selection color

::selection{ background: #38afaf; color: #fff; } ::-moz-selection { background: #38afaf; /* Firefox...

ułozenie tekstu wysrodkowanego względem wysokości

.room-name{ display: table; float:left; width: 81px; height: 73px; font-size:14px; padding-left:17px; } .room-name-inner{ display: table-cell; vertical-align: middle;...

zmiana pierwszej litery tekstu

section p:first-child:first-letter, section div.columnize div:first-child...

podział tekstu na kolumny

Podział tekstu na kolumny poprzez właściwość css3:   ilość kolumn: column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; szerokość kolumn: column-width:...

formatowanie tekstu

text-align - poziome wyrównanie bloków tekstowych (p, hx, div, blockquote, pre, hr) left right center justyify start - wyrównuje tekst do lewej strony end - wyrównuje tekst do...

Znaki specjalne HTML

HTML Entities     twarda spacja - &nbsp &emsp; ampersand - & - &amp slash - / backslash - \ &copy - © &quot; - " &lt; - <...

jQuery noConflict

W jQuery znak $ jest używany jako alias funkcji jQuery. Inne biblioteki JavaScript mogą również używać $ aby nie doszło do konfliktu pomiędzy framworkami JS można wykorzystać metodę...

$(document).ready oraz $(window).load

$(document).ready - wczytanie całego dokumentu HTML i przygotowanie (nie załadowanie) wszystkich obiektów DOM - pobrana jest informacja o elemencie img ale jego zawartość nie została jeszcze...

Co jeszcze Cię interesuje?

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