Baza wiedzy

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

jQuery UI

Widżety: Accordion (interakcja - draggable) Autocomplete (interakcja - droppable) Button (interakcja - resizeable) Datapicker (interakcja - selectable) Dialog (interakcja -...

wydajność ładowania stron

Wydajność ładowania stron zwiększymy poprzez: sieci dostarczania treści (Content Delivery Network CDN) - zbiór serwerów www rozmieszczonych w wielu miejscach. Akamai Technologies, Mirrir...

img

zamieszczenie obrazka na stronie z dostosowaniem jego wielkości do wielkości elementu: img{ max-width:100%; height:auto; } Parametry uwzględniane przy zamieszczaniu...

gradientowe ramki

http://www.hongkiat.com/blog/css-gradient-border/ padding: 2rem 2rem 0.6rem 2rem; background: repeating-linear-gradient(45deg, transparent, transparent 25px, gray 25px, gray 50px); border:...

How to Use Webfont Icons as Bullet Points in HTML5 Lists

...

stały background na całym tle strony

background-image:url(images/bg_page.jpg); background-repeat:no-repeat; background-position:top left; background-size:cover; -webkit-background-size: cover; -moz-background-size:...

get page title by id

<?php echo get_the_title( $ID ); ?> <?php $id=14; $post = get_post($id); $content = apply_filters('the_content', $post->post_content);...

osadzanie tagów na stronie

Zamieszczenie chmury wszystkich tagów: <?php if ( function_exists( 'wp_tag_cloud' ) ) : ?> <ul> <li><?php wp_tag_cloud( 'smallest=8&largest=22' );...

pobranie treści wpisu w określonej ilości znaków

1234567890123456789 123456789 <?php echo substr(get_the_excerpt(), 0,30); ?>   function get_excerpt(){ $excerpt = get_the_content(); $excerpt = preg_replace("...

wyswietlenie ograniczonej liczby słów postu

<?php echo limit_words(get_the_excerpt(), '25'); echo(' ');...

flexbox

container / parent display flex inline-flex flex-direction row row-reverse column column-reverse justify-content center flex-end flex-start...

command / terminal

bash - powłoka systemowa mac ściezka cd ../workspace/project/myProject uruchomianie z prawami admina poprzez poprzedzenie polecenia sudo terminal windows ściezka cd...

Biblioteki JavaScript

Angular jQuery jQuery...

align-items: center

div { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; } uporządkowuje elementy w bloku...