Tag: 'css'
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.
#949694 // Ultimate Gray
#f7df4a // Illuminating
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.
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.
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.
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.
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.)
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.
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.
Detaljan i pregledan vodič kroz CSS medijske upite (CSS media queries). To je ono kad je nešto samo za minimalnu širinu ili maksimalnu visinu ili samo za štampač ili nije za štampač i tako dalje. Dakle, ono što nam gotovo uvijek treba. Pohraniti u straničnik (bookmark).
Definiranje mreže, pozicija elemenata, centriranje, razmaci... Sve to i još više sadrži CSS Grid šalabahter. Fino napisan, može se pročitat u komadi, ali i koristiti kao... kao šalabahter, naravno. Kik na gumbe ispod naslova - funkcionalni su ponešto.