Baza wiedzy

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

skośne, responsywne tło w stylach css

Uzyskanie skosów w responsywnym tle, na górze czy dole bloku uzyskujemy poprzez: <style>   body{     background:#e22117;     padding-top:120px;   }   section {     ...

instrukcje warunkowe

if (warunek){ instrukcja; }   if (warunek) { instrukcja 1; } else { instrukcja 2; }   if (warunek 1 ) { instrukcja 1; } else if (warunek 2 )...

preprocesor SASS

Syntactical Awesome StyleSheet- język skryptowy, którego kod przetwarzany jest do plików wynikowych kaskadowych arkuszy stylów - CSS.   Uruchomienie SASS Instalacja Ruby -...

programy do kodowania

brackets - podgląd srtony notepad++ - koloruje składnie, pisanie makr ze skrótami klawiaturowymi html-kit - podgląd, skróty klawiaturowe do dodawania znaczników coffeecup free -...

Walidacja stron www

Walidator organizacji W3C (World Wide Web...

JavaScript podstawy

JavaScript to język skryptowy, który powstał jako LiveScript, jest znany też pod nazwą ECMAScript - oficjalna specyfikacja języka.   wykorzystanie JavaScript: strony www...

quotes – cytaty

określenie stylu w jaki zostaje wyróżniony cytat q { quotes:"<<" ">>"; } q::before { content:open-quote; } q::after {...

counter – licznik

counter pozwala na automatyczną numerację wybranych elementów bez konieczności tworzenia z nich listy numerowanej.   resetowanie licznika by zacząć od wartości 0 przypisujemy...

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