css
BEM czyli Block, Element, Modifier
metodologia tworzenia kodu, tworzenie kodu z podziałem na konstrukcyjne części. cel: uniknięcie specyficzności i dziedziczenia selektorów CSS Założenia: każdy...
css
css3 gradient
- background-image: linear-gradient(red, yellow); background-image: linear-gradient(to left, red, yellow); background-image: linear-gradient(30deg, red, yellow); background-image:...
css3
CSS Cascading Style Sheets
CSS Cascading Style Sheets style css = reguły css wykaz selektor - wskazuje formatowany element strony, jako klasa(.) lub identyfikator(#) blok deklaracji - rozpoczęty { i zamknięty...
css
transition
płynne przejście jednej wartości css do drugiej. -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; parametry...
css3
Bezpieczne czcionki web
Wykaz bezpiecznych czcionek do zastosowań web. osadzanie: font-family: "Times New Roman", Times, serif; Serif Fonts: font-family: Georgia, serif; font-family:...
font
LESS
Less - dynamiczne arkusze stylów dobre praktyki: do komentarzy używaj // zamiast /* .. */ używaj mixins z parametrami kompilując kod LESS minifikuj CSS twórz kod...
css
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 { ...
effect
preprocesor SASS
Syntactical Awesome StyleSheet- język skryptowy, którego kod przetwarzany jest do plików wynikowych kaskadowych arkuszy stylów - CSS. SASS można rozumieć, jako dodatkową warstwę lub...
sass
quotes – cytaty
określenie stylu w jaki zostaje wyróżniony cytat q { quotes:"<<" ">>"; } q::before { content:open-quote; } q::after {...
css
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...
css3
outline – kontur
jest przypisywany całemu elementowi bez możliwości rozbicia na poszczególne składowe (top, left, right,...
css
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...
css
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...