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.

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

sample video

...

Git system kontroli wersji

Git system kontroli / zarządzania wersjami - SCM to skrót od Source Control Management - śledzi zmiany dokonywane na plikach. download Git instalacja na mac, instalacja na win na mac...

uikit

- <h1>h1. Bootstrap heading <small>Secondary text</small></h1> <h2>h2. Bootstrap heading <small>Secondary text</small></h2> <h3>h3....

POST / GET

metoda GET - ograniczona do 255...

narzędzia developera

Społeczność programistów front-endu bardzo dojrzała w ciągu ostatniej dekady i opracowała wiele pomocnych narzędzi, które ułatwiają i przyspieszają tworzenie front-endu. informacje o...

Modyfikacja NEXTGEN GALLERY

zmiany wprowadzane w...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery html custom post css3 ACF php tools sass html5 woocommerce mobile web development plugins vue image form seo design figma biblioteka menu VS Code color inspiration shortcuts responsive page user webflow sketch post git data base wp google chrome macOS emmet readme reCaptcha ai React pagespeed https background snipets