Tag: 'css'
![[]](/image/clock.gif){kind=small}
Ponedjeljak, 5. XII.
Interaktivna mapa veličina ekrana (screen size map) za usporedbu dimenzija različitih displeja i pomoć kod responsive dizajna. Probajte provozati miša preko obojanih pravokutnika. Informacije uključuju kategoriju, uređaje i popularnost rezolucije.
Boja 2023. godine je, prema odabiru kompanije Pantone, jedna svijetlocrvena nijansa nazvana Viva Magenta 18-17509. HTML kod je boje je #BB2649, RGB nijanse su 187, 38 i 73, a HSL 231, 159 i 106.
#BB2649
rgb(187, 38, 73)
hsl(231, 159, 106)
Prethodne boje: 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014.
Animacija padajućeg snijega u CSS-u (SCSS-u) napravljena bez ijedne linije JavaScripta. Koristi se random funkcija u SCSS-u, a dobiveni CSS (odaberite "View Compiled CSS" u izborniku) sadrži niz transformacija / animacija. CodePen
Mesher, za kreiranje CSS pozadina s gradijentima boja, moderno i intuitivno. Točke gradijenata se mogu proizvoljno pomicati po slici (drag&drop), moguće je dodavati nove boje, a gotovo djelo bit će u CSS formatu. Pritisnite razmaknicu za novu slučajnu kombinaciju.
Zbirka CSS uzoraka koji su napravljeni bez JavaScripta, ne ovise ni o jednom okviru (frameworku) ili biblioteci i ne upotrebljavaju CSS hakiranje. Podijeljeno u 5 skupina: displej, povratna informacija (feedback), ulaz, razmještaj i navigacija. Klik na svaki a element prikazuje konkretan HTML te CSS.
Randoma11y je online alat koji generira fine pristupačne kombinacije boja. Ako niste zadovoljni dobivenom - klik na boje iznad ili na gumb "New colors" gore desno. za sljedeću. CSS možete prekopirati iz teme (lijevo) ili alternativne teme (desno).
Web almanah objedinjuje statistiku, trendove i stručnost u iscrpan izvještaj o stanju weba. Web almanah za 2022. godinu sadrži 23 poglavlja; testirano je 8.36 milijuna sajtova i procesirano 43.88 TB podataka. Četvrtu godinu zaredom izdaje ga HTTP Arhiv.
Uzmite nekoliko minuta i ispunite istraživanje o stanju u CSS-u u 2002. godini. Stanje CSS-a je godišnje istraživanje za developere o stanju i trendovima u CSS-u. Rezultati prošlogodišnjeg (2021.) istraživanja nalaze se ovdje. Javimo kad stignu rezultati.
U testu Tricky Squares potrebno je pronaći različitu boju tj. odabrati onaj kvadrat koji nije u istoj boji kao ostali. Test polako postaje sve teži: broj kvadrata se povećava, a razlika u nijansama se smanjuje. Oprez: pogrešan odgovor dodatno smanjuje već ograničeno vrijeme.
Online alat nazvan CSS vrijednosti (CSS Values) pronalazi moguće vrijednosti za traženo svojstvo (property). Primjerice, ako se unese "overflow-y" dobiva se "visible, hidden, clip, scroll, auto". Super korisno, za prisjetiti se i slično.
Legal
Top