Skip to the main content

Tag: 'css'

[] Ponedjeljak, 26. X.

State of CSS 2020

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

[] Četvrtak, 15. X.

CSS Variables

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

[] Ponedjeljak, 12. X.

CSS Host Rider

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

[] Četvrtak, 8. X.

Color Contrast & Color Perception Accessibility Checker

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

[] Ponedjeljak, 28. rujna

CSS media queries

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

[] Ponedjeljak, 21. rujna

CSS Grid cheatsheet

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.

Nastavak

[] Srijeda, 16. rujna

Box shadows generator

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.

Nastavak

[] Petak, 11. rujna

Windows Web 8.0

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

[] Ponedjeljak, 7. rujna

CSS Beetle

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

Nastavak

[] Utorak, 28. srpnja

CSS Vocabulary

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

1 2 3 ... 16 ››