Baza wiedzy

Wiedza i inspiracje na temat html, css, jQuery, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.

Vue.js

dyrektywa v-bind - pozwala łączyć reaktywny element z obiektu data z templatem, skrótowo zastępowana : v-bind:style="myStyle" skracamy do :style="myStyle"   const NewComponent =...

stylowanie tesktu

Line...

Dodanie elementy do DOM

najefektywniej dodajemy element do dom z wykorzystaniem createDocumentFragment let element; const app = document.getElementById('app'); const fragment =...

http

sprawdzenie czy strona używa http w wersji 1 czy 2 poprzez wpisanie w consoli polecenia curl --head...

web inspiracje

piękne, ciekawe i nie tuzinkowe strony lub rozwiązania: websites: archi...

ES8

string padding - funkcja dla ciągów tekstowych (string) .padStart() i .padEnd() - dodaje przestrzeń przed lub po ciągu znaków. "MasterOfPuppets".padStart(20, '+'); daje...

ES7

metoda includes() do string i array - zwraca true kiedy ciag znaków lub tablica zawiera wskazany element "Hell-oo".includes("o"); //true exponential operator **...

PWA – Progressive Web Apps

jest to zestaw dodatków których nie możesz dodać do każdej aplikacji collection of technologies and techniques you progressively enhance your existing web pages to feel and work more...

React podstawy

React blured separation of concerns style within component bug easy to locate -in one file self contained component rules: create JS Object - properties and values of this object will be...

JSX

JSX - syntax extension of JavaScript. Using it with React to describe what the UI should look like. JSX remind a template language, but it comes with the full power of JavaScript. JSX produces...

telephone label

prosty kod do osadzenia telefonu jako klikalnego numeru pobranego z pola ACF: <!-- header telephone label --> <?php if( function_exists('acf_add_options_page') ) { $telLabel =...

google maps

...

Grid Layout

container display: grid; grid-template-rows: 200px 200px; grid-template-columns: 200px 200px 200px; grid-row-gap: 30px; grid-column-gap: 30px; grid-gap: 30px; grid-template-rows: 100px...

good code info

filary dobrego web kodu: responsive design mobile first vs desktop first fluid layouts media queries responsive images correct units maintainable and scalable...