Skip to the main content

Tag: 'css'

[] Ponedjeljak, 20. ožujka

Roll the Dice

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.

Nastavak

[] Srijeda, 15. ožujka

Modern Font Stacks

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.

Nastavak

[] Nedjelja, 22. siječnja

The page with no code

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.

Nastavak

Screen Size Map

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.

Nastavak

[] 4. XII. 2022.

Color of the year 2023

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.

Nastavak

[] 23. XI. 2022.

Snow in CSS

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

Nastavak

[] 3. XI. 2022.

Mesher

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.

Nastavak

CSS Layout

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.

Nastavak

[] 18. X. 2022.

Randoma11y

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

Nastavak

Web Almanac 2022

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.

Nastavak

1 2 3 ... 20 ››