Baza wiedzy

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

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

generatory css

piękny generator palety kolorów i gradientów w css: mycolor.space wycięcie kształtu z backgraound image: bennettfeely.com-clippy   ciekawe koncepty i rozwiązania: hover...

Emmet css

Emmet -zestaw narzędzi do skrótowego pisania kodu HTML i CSS - wpisujemy skrót i wciskamy TAB   główna strona Emmet   CSS bg+ background: #fff url() 0 0...

Emmet html

Emmet -zestaw narzędzi do skrótowego pisania kodu HTML i CSS - wpisujemy skrót i wciskamy TAB   główna strona Emmet   HTML Lorem ipsum generator - określenie ilości...

Sass – frameworks

konsola: gem install susy gem install breakpoint gem install compass gem list - lista wszystkiego co zainstawlowane gem uninstall...

Sass – kodowanie

@ - symbol oznacza dyrektywę # - symbol interpolacji by połączyć zmienną z wyświetlana...

Sass – dziedziczenie

dziedziczenie, ineritance dwie ważne zasady: nie można w ciągu wprowadzać kolejnych class po @extend klasa musi być zdefiniowana w danym zakresie styli, czyli nie możemy użyć w...

Sass – functions

interactive sass shall in comand line: sass -i or sass --interactive + enter #333 + #777 -> #aaa #090807 - #030201 -> #060606 #123456 * 2 -> #2468ac #222 * #040404...