Tag: 'css'
![[]](/image/clock.gif){kind=small}
Utorak, 21. siječnja
Napravite CSS trokut pomoću web alata napravljenog specijalno za tu namjenu. Odabirete smjer, veličine i boju trokuta, a dobijete CSS kod. Ako zatreba tu je i moguća kompatibilnost s IE6, a tu je i poneki savjet za Firefox i Webkit ekipu.
Svi CSS kursori na jednom mjestu, u preglednoj tablici. Klik na pojedinu ćeliju kopira omanji kod u međuspremnik - za zalijepiti u uređivaču teksta. Želite li kreirati vlastiti kursor, to ide pomoću parametra url ('link/do/slike.png'), kao što je objašnjeno ovdje.
U rješavanju situacija tipa "zašto to nešto uporno izgleda drugačije drugačije u tom i tom pregledniku" možda pomogne stranica Browser default styles, web alat koji ispisuje početne CSS postavke za bilo koji HTML element za sva 4 najpopularnija enginea: Blink (Chrome, Opera, novi Edge), Webkit (Safari), Gecko (Firefox) te Trident (Internet Explorer, stari Edge).
Web alat za izradu CSS sjena tj. za grupo i fino podešavanje box-shadow parametara u CSS-u koji pomoću više uzastopnih sjena stvara puno ljepši i uglađeniji efekt. Ili ružni te neuredniji ako netko baš tako želi. Nastavljamo u ponedjeljak.
Boja 2020. godine koju je Pantone objavio prije nekoliko dana ima oznaku PANTONE 19-4052 Classic Blue. RGB vrijednosi su 0, 70 i 128; CMYK je 100, 65, 0 i 27; a heksadecimalna odnosno HTML vrijednost je #004680.
#004680 // PANTONE 19-4052 Classic Blue
Ne slažu se svi s ovim odabirom, pogledajte npr. što kažu Dezeen i Fast Company.
Prethodne boje godine:
- Boja godine 2019.
- Boja godine 2018.
- Boja godine 2017.
- Boje godine 2016.
- Boja godine 2015.
- Boja godine 2014.
Who Can Use (Tko može koristiti) je web alat za simulaciju daltonizma tj. raznih poremećaja prepoznavanja boja (Color blindness). Odaberite boju slova, boju pozadine, veličinu fonta i eventualnu podebljanost i pogledajte zadovoljava li taj kontrast WCAG standard te kako ta kombinacija može izgledati nekome s daltonizmom.
Mnogo je godina prošlo otkako smo prešli granicu od sedam milijardi ljudi na planeti. Bilo je to 2011. godine. Osam milijardi postići ćemo 2023. godine. Ova stranica prikazuje svih 7.
Izvorni kod nije uopće velik, nego su sličice iscrtane lukavom uporabom CSS-a.
Poznati žderač bijelih točkica u web varijanti bez JavaScripta - animirani Pac-Man napravljen u nekoliko redova CSS-a i još manje HTML-a. Detaljno o tome kako je animacija napravljena pročitajte na ovom mjestu. CodePen
Varijanta igre križić-kružić napravljena u CSS-u, čistom CSS-u (i HTML-u), bez ijedne linije JavaScripta. Cijela igra za dva igrača, uključujući detekciju pobjednika i kraja igre. Zanima li vas kako je stvar napravljena pročitajte detaljan zapis o tome na Hacker Noonu. CodePen
Ovaj šalabahter sa CSS svojstvima i selektorima ima fino odvojene skupine različitih boja koje tematski slažu svojstva, selektore i ostalo. Linkovi vode na Mozilla web dokumentaciju. Nema PDF varijante. Treba naučit napamet. Ugodan vikend.
Legal
Top