Tag: css

Ponedjeljak, 26. X.

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.

Četvrtak, 15. X.

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.)

Ponedjeljak, 12. X.

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

Alat za provjeru kontrasta boja

Četvrtak, 8. X.

css

web

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

CSS: medijski upiti

Ponedjeljak, 28. rujna

css

programiranje

web

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).

Nastavak

CSS Grid šalabahter

Ponedjeljak, 21. rujna

css

programiranje

web

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.

Srijeda, 16. rujna

Fino složeni web generator sjena (Box shadow generator) napravit će vam pravokutnik (div) sa sjenom (sjenama) po želji. Klik klik klik po opcijama, a kad ste gotovi na "show code" za prikaz konačnog CSS koda. Super stvar.

Petak, 11. rujna

Osma inačica Windows Weba ne nudi mnogo više poboljšanja u odnosu na prethodnu, ali može poslužiti kao demo zezalica. Pročitajte tekst u prozoru "Project Specifics". Zanemarite to što se koristi jQuery. Lozinka je "admin", kao i moja. Sjetite me jednom da je promijenim...

Nastavak

Buba u CSS-u

Ponedjeljak, 7. rujna

web

css

Klasični VW auto tip 1 tj. buba, nacrtana pomoću CSS-a, bez JavaScripta, samo slojevi. Klik gore na menije za čisti HTML i CSS (umjesto Puga i SCSS-a). CodePen

Evo nas natrag, ovo je bio ponešto produženi godišnji. Odmorili se jesmo, opustili se baš i nismo. Dobrodošli natrag. Nastavljamo s redovitim programom...

Utorak, 28. srpnja

Mali interaktivni rječnik CSS pojmova i izraza. Što su to selektor, blok, media upit, pseudo-klasa, deklaracija, univerzalni selektor itd. Klik desno po pojmovima, a onda sve naučiti napamet. Nemojte se zezati, nenajavljeni test sasvim je moguć!

Nastavak

Tag: 'css'