Pomagalnik

Pomagalnik

Strokovnjak za digitalne medije.

Arhiv za kategorijo "CSS"

normalize.css – Normalizacija CSS značk v različnih brskalnikih

Normalize.css je datoteka z CSS stili, ki omogoča različnim brskalnikom prikazovanje HTML elementov bolj konsistentno. Avtorja Nicolas Gallagher in Jonathan Neal sta raziskala razlike med posameznimi brskalniki z namenom, da izluščita točno določene stile, ki jih moramo normalizirati.

Preberi do konca - normalize.css – Normalizacija CSS značk v različnih brskalnikih

CSS LINT – CSS pregledovalnik

CSS Lint je on-line orodje, ki nam olajša izdelavo pravilne CSS kode. Opravi nam osnovni pregled sintakse in ponuja dodatne možnosti pregledovanja, ki iščejo problematične dele ali neskladnosti. Vse dodatne možnosti pregledovanja je možno izklapljati, tako da lahko preverjanje omejimo le na tiste, ki želimo.

Preberi do konca - CSS LINT – CSS pregledovalnik

Kako vertikalno poravnamo sliko z besedilom v CSSju

Pri ustvarjanju različnih spletnih projektov se velikokrat srečamo z različnimi poravnavami slike z besedilom v vrstici. Na voljo imamo več možnosti in sicer zgoraj (top), sredinsko (middle), spodaj (bottom) in rob (baseline). Slednje pa enostavno določimo preko class-a, ki ga dodelimo sliki.

Preberi do konca - Kako vertikalno poravnamo sliko z besedilom v CSSju

Kako ustavimo nekontrolirano večanje besedila na iPhone-u ali iPad-u?


Pri pregledovanju spletnih strani na iPhonu/iPadu nam slednji avtomatsko prilagajajo velikost besedila, da izboljšajo branje vsebine. Žal pa velikokrat ta prednost prilagajanja besedila spreminja velikost posameznih polj, slednji pa posledično tako deformirajo postavitev strani oziroma design.

Preberi do konca - Kako ustavimo nekontrolirano večanje besedila na iPhone-u ali iPad-u?

Kako omejimo izpis besedila po vrsticah s pomočjo CSS-ja

Spodnji CSS trik nam pride prav, kadar moramo skriti daljše besedilo v povezavi, naslovu, … Namesto, da se ukvarjajmo z kakšno funkcijo, ki omejuje izpis besedila, enostavno uporabimo CSS trik, ki omeji izpis glede na vrstice.

.ime_class {
max-height: 2.6em;
overflow:hidden;
}

Preberi do konca - Kako omejimo izpis besedila po vrsticah s pomočjo CSS-ja