Tag: 'css'

Raznorazni CSS oblici, dobiveni pomoću tog stilskog jezika za opis prezentacije HTML dokumenata koji s vremenom postaje sve jači, bolji i kompleksniji. Klik gore desno na "Rule" za konkretan kod svakog oblika. CodePen

Nastavak

Easy Color je web alat za jednostavnu pretvorbu kodova za boje. Ako upišemo kod boje u heksadecimalnom, RGB ili HSL obliku dobit ćemo stvar u sva 3 formata i njihovim varijacijama te dodatnu paletu ako nam zatreba svjetlija ili tamnija nijansa.

Nastavak

Boje 2021. godine su, prema odabiru kompanije Pantone, Ultimate Gray (siva) i Illuminating (žuta). HTML kodovi boja su #949694 i #f7df4a. Obično se radi o jednoj boji, ali ovo je drugi put kako su odabrane dvije. Prvi put to je bilo 2016. godine.

Nastavak

U nedavnom godišnjem CSS istraživanju jedno od pitanja je bilo "Što fali CSS-u". Pristiglo je skoro 2,000 odgovora koji se ovdje pojavljuju jedan po jedan, tako dugo dok vam se da klikati na tipku "Reload". Alternativno možete skinuti cijeli set.

Nastavak

CSS pozadinski uzorci koji se ponavljaju za vaše web uratke. Samo nemojte previše šarenila nabacati bez smisla. Dvije boje, transparentnost te razmak su stvari koje se mogu mijenjati. Ostalo, po mogućnosti, napraviti samostalno. Ne žuriti, tek je ponedjeljak.

Nastavak

Objašnjenje svih CSS jedinica (units) na jednom mjestu. Kada i gdje koristiti px, cm, mm, in, pt, pc, %, ex, ch, em, rem, vh, vw, vmin, vmax? Ima još, ove su tek za duljinu. Pročitati jednom i vratiti se kad zatreba. Ali prvo malo izađite van, lijep je dan.

Nastavak

Na redu je novo, ovogodišnje istraživanje od stanju CSS-a, koje je prvi put održano 2019. godine. Tada je sudjelovalo više od 10,000 developera, sad bi ih (nas) trebalo biti masu više. Potrebno je kreirati korisnički račun, ali brzo to ide.

Nastavak

Vrlo dobar te detaljan vodič kroz CSS varijable sadrži i osnove i napredne stvari, posebno kombinacije s drugim stvarima u CSS-u. Popraćeno konkretnim primjerima, naravno. Obavezno štivo. Skoro čista petica. (Podrška u preglednicima.)

Nastavak

Uz web igru Host Rider brzo ćemo naučiti CSS pozicioniranje u flex modelu. Potrebno je proći kroz 24 pitanja i napisati odgovore pomoću CSS koda. Usput ćemo pomoći žabama da se parkiraju na listove lopoča. Slična stvar za grid model je CSS Grid Garden.

Nastavak

Online alat za provjeru kontrasta i percepcija boja. Odaberite (ili upišite u HTML formatu) dvije boje, boju slova i boju pozadine, i provjerite prolaze li njihove nijanse WCAG provjeru za kontraste te pripadajuće poremećaje vida.

Wikipedia: Color blindness.

Nastavak