Baza wiedzy

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

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

Generator zastępczych obrazków – image placeholder

placehold.it generuje szare prostokąty z określonym przez nas wymiarem dla zastąpienia fotografii tworzeniu makiet strony.    ...

normalize

biblioteka Normalize.css - poprawa typowych niezgodności między...

makiety

narzędzia do tworzenia makiet stron: wireframe.cc Balsamiq...

responsive

zasady responsywności - basic responsive design principles: fluid grids and layouts - łatwe dostosowywanie się do każdego okna urządzenia - stosowanie % zamiast px - layout-related...