Baza wiedzy

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

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

this JavaScript

odwołanie się do elementu zaznaczonego w form do zmiany koloru tekstu lub tła strony: <!DOCTYPE html> <html id="b1"> <head> <script> function...

Formularze JavaScript

formularz w JavaScript jest reprezentowany przez obiekt Form o nazwie jak atrybut name. Odwołanie do formularza poprzez tablicę forms. - document.forms   właściwości które można...

social icon

bardzo ładne ikonki możemy uzyskać dzięki genericons. pobieramy pliki czcionki i zamieszczamy je razem z dołaczonym plikiem genericons.css w plikach strony.   w kodzie html...

Funkcje obsługi zdarzeń JavaScript

Funkcje obsługi zdarzenia zdarzenia klawiatury - który klawisz został naciśnięty.   DOM zawiera obiekt event zawierający informacje o...

usuniecie Background-image dla mobile

dla usunięcie obrazka tła tylko w wersji mobile można wykorzystać poniższy kod jQuery: window.jQuery = window.$ = jQuery; $(document).ready(function() { var $window = $(window);...