Baza wiedzy

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

outline – kontur

jest przypisywany całemu elementowi bez możliwości rozbicia na poszczególne składowe (top, left, right,...

kursor

wygląd kursora możemy określić...

obramowanie border

border: border-style none hidden solid - linia ciągła dotted - linia kropkowana dashed - linia kreskowana double - podwójna linia groove - efekt 3D z cieniem na górze ridge...

tło, background

parametry: background-color:#e22117; background-image:url(bg_pic.png); background-repeat: repeat (default) - powiela obrazek horyzontalnie i wertykalnie repeat-x - powiela...

listy numerowane, punktowane

listy numerowane, punktowane, definicji. określamy: list-style-type - typ listy numerowanej lower-roman - cyfry rzymskie małe upper-roman - cyfry rzymskie duże decimal - cyfry...

Metaznaki

* -  wskazany znak lub ciąg znaków, w dowolnym miejscy ciagu ^ - początek wiersza, ciągu znaków $ - koniec wiersza lub ciągu...

formularze w jQuery

Wykorzystanie datalist - lista sugerowanych pozycji. <script type="text/javascript"> FormWeb=new Object(); FormWeb.goForm=function(){ var mountain =...

AJAX

AJAX - interfejs do synchronicznych oraz asynchronicznych żądań HTTP Standaryzacja implementacji obiektu XMLHttpRequest. Zapytania obsługuje się poprzez metodę globalną jQuery.post lub...

jQuery

jQuery API   dołączenie biblioteki: aby zawsze używać aktualnej wersji biblioteki z rodziny 11 najlepiej skorzystać z CDN google z pominięciem numeru aktualizacji wersji, google...

tabele responsywne

Plugin jQuery: Foo table przekształca tabele w tabele responsywne, poprzez nadanie priorytetów poszczególnych elementów, tabela wyświetla w pierwszym widoku tylko treści o największym...

Video plugin jQuery

Pluginy biblioteki jQuery przydatne do osadzania video na stronie.   FitVids - automatyzuje zadanie dopasowania materiału video do responsywnej...

Gęstość ekranu – dopasowane wyświetlanie obrazków

Gęstość ekranu - parametr określający liczbę pikseli znajdujących się na określonej powierzchni. PPI - pixels per inch.   Retina - posiada powiększona gęstość ekranu w...

box-model – box-sizing

wymiarowanie elementów. box-sizing: content-box -> wysokość i szerokość (min/max wysokość, szerokość) kontentu bez wliczania ramki, dopełnienia i marginesów (border, padding,...

tekst na stronie

Większość przeglądarek ma obecnie ustawioną wielkość bazową czcionki na 16px.   Jednostki tekstu: % w elemencie body określamy wielkość bazowa -> font-size:100% - czyli...