Wyniki Tagów
Wpisy dla: css
Liczba wyników: 48
letter spacing z ps do px
css font
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...
ograniczenie wyświetlonego tekstu
css font
uzyskanie ograniczonej ilości wyrazów w jednolinikowym polu tekstowym: #test { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border:...
hyphens – dzielenie wyrazów
css font
Dla uzyskania poprawnej justyfikacji bez nienaturalnych odstępów pomiędzy wyrazami oraz bez pojedynczych liter na końcu lini oraz bez 'rzek' powstających wzorów w pionie z odstępów pomiędzy...
font-smoothing
css font
font-smooth - pozwala na kontrolę wygładzania czcionek podczas ich renderowania. Obecnie właściwość font-smooth nie jest u standaryzowana i nie zaleca się korzystania z niej...
viewport units
css
1vw = 1% of viewport width 1vh = 1% of viewport width 1vmin = 1vw or 1vh, whichever is smaller 1vmax = 1vw or 1vh, whichever is larger ie8 <!--> <link...
rem – Root EM
css font
skalowanie jednostki tekstu względem głównej (root) wartości. html{font-size: 10px;} body {font-size: 1.4rem} h1{width: 2.4rem} czyli: body => html font-size * 1.4 =...
Clearfix
css
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } -- The "Clearfix"...
BEM czyli Block, Element, Modifier
css
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...
Counter – licznik css
css font
Counter - licznik css wartość ustawiana poprzez: counter-reset i counter-increment wyświetlanie poprzez funkcję counter(), counters() css: body { counter-reset:...
CSS Cascading Style Sheets
css
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...
pulsujące serce
css font
ikona pulsującego serca (lub dowolnego innego symbolu, znaku). 1.ikona osadzona jako czcionka - Awesome w head zamieszczamy: w kodzie html: <span class="fa fa-heart...
LESS
css
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...
quotes – cytaty
css
określenie stylu w jaki zostaje wyróżniony cytat q { quotes:"<<" ">>"; } q::before { content:open-quote; } q::after {...