Tag: 'css'
![[]](/image/clock.gif){kind=small}
Ponedjeljak, 20. ožujka
Nešto malo JavaScripta, nešto više HTML-a, a ponajviše CSS-a. Kako složiti bacanje kocke u web varijanti? Vrlo jednostavno! Konačan uradak nalazi se ovdje, a detaljne upute i izvorni kod ovdje. Ne koriste se vanjske biblioteke.
Moderne grupe fontova (Modern Font Stacks) za vaše i ine web uratke. Moguće je mijenjati veličinu i debljinu te provjeriti kako svaka izgleda na primjeru. Kad ste zadovoljni odabirom samo prekopirajte font-family definiciju u CSS datoteku.
Zavirite li u izvorni kod ove stranice (pritisnite CTRL+U nakon što se učita) primijetit ćete da stranica nema koda, iako sadrži animirani tekst i slike. Na blogu autora opisani su trikovi koji se koriste. Radi samo u Firefox pregledniku.
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.
Legal
Top