Baza wiedzy

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

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

Sass – media queries

zastosowanie mixinów w media queries: $content-width: 960px $screen-xs: 480px $screen-sm: 768px $screen-md: 992px $screen-lg: 1200px @mixin tiny-screens() @media only screen and...