Baza wiedzy

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

grid na responsywnych kwadratach

Grid of squares with...

zablokowanie scrolowania

blokowanie scroll na tabletach i smartfonach poprzez:   w js: //target the entire page, and listen for touch events $('html, body').on('touchstart touchmove', function(e){...

strona, post w WP

jeśli dana strona ma wyglądać tak jak już opracowany i zakodowany szablon, możemy posłużyć się poniższym kodem by zaciągnąć opracowany kod do pliku php danej...

scroll link

płynne scrolowanie do góry strony lub elementu wyznaczonego anchorem: //scroll function $('.scroll-link').click(function(e){ e.preventDefault(); var myLink =...

icona custom post

w function.php lub tam gdzie definiujemy custom post type w jego definicji podajemy: function myTheme_init_posttypes(){ $event_args = array( 'labels' => array( 'name' =>...

letter spacing z ps do px

na przeliczenie letter spacing photoshopa do css letter-spacing w px wykorzystuje się wzór uwzględniający wielkość tekstu:   photoshop letter spacing (px) * font-size (px) / 1000 = css...

wyrównanie bloków do prawej

dla każdego bloku dajemy margin-left:...

płynny scroll do kotwicy

aby płynnie przejść do kolejnego elementu strony opatrzonego w anchor lub topu strony korzystamy z: //scroll to anchor $('.down_btn').click(function() { $('html,...

User avatar

pobranie zdjęcia, miniatury usera poprzez kod: <?php echo get_avatar( $author_id ); ?> <?php echo get_avatar( $id_or_email, $size, $default, $alt, $args );...

user-select – nie zaznaczanie tekstu

kiedy chcemy by tekst był tylko tłem i nie miał możliwości zaznaczenia możemy zastosować user-select z odpowiednimi prefiksami powinien działać pod najnowszymi przeglądarkami...

Emmet

zestaw narzędzi do skrótowego pisania kodu HTML i CSS - wpisujemy skrót i wciskamy TAB   funkcjonalności Expand Abbreviation - pisanie kodu HTML na wzór selektorów CSS oraz...

Progressive Enhancement – progresywne ulepszanie

Strategia projektowa dzięki której dostarczamy stronę, aplikację przedstawiającą treść w sposób przejrzysty nie zależnie od czytnika na jakim zostanie wyświetlona.   poszczególne...

ograniczenie wyświetlonego tekstu

uzyskanie ograniczonej ilości wyrazów w jednolinikowym polu tekstowym: #test { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:...

unobtrusive scripting – technika pisania dyskretnych skryptów

metody: graceful degradation - kontrolowana degradacja progressive enhancement - progresywne ulepszanie unikanie rozwiązań zależnych od przeglądarki pisanie...