Skip to the main content
Tag: 'css'

Front-end in 2018

Jedan brzi pregled situacije u razvoju front-enda u 2018. godini: novo u JavaScriptu i web preglednicima, WebAssembly, canvas i animacija, CSS, Node.js, React, Webpack, Babel, Electron i TypeScript. Natočite cedevitu, podesite stolicu i potrošite nekoliko minuta.

Nastavak

[] 20. XII. 2018.

CSS Fireflies

CSS krijesnice u maglovitoj šumi je lijep web efekt napravljen bez JavaScripta, uradak kakve obično objavljujemo na ovim stranicama. Probajte povećati broj kukaca (quantity vrijednost gore lijevo). Nedostaje samo još onaj tajanstven, skoro jezovit zvuk horor šume. CodePen

Nastavak

[] 6. XII. 2018.

List of colors by name

Evo jedan pregledan popis boja po nazivima na engleskom jeziku. Nazivi su popraćeni samim bojama te heksadecimalnim, RGB i HSL kodovima, a može se i pretraživati po bilo čemu. Zabilježite, zatrebat će. Sajt je Color Hex, već smo ga spomenuli.

Nastavak

[] 4. XII. 2018.

CSS gradient generator

CSS Gradient Generator, za kreiranje finih prijelaza boja. Podržava linearne i radijalne gradijente, vrlo je pregledan i jednostavan za upotrebu, a proizvedeni CSS kod se jednostavno prebaci gdje želimo.

CSS gradijente podržavaju svi moderni preglednici, a ako slučajno zatreba ovaj generator ima super opciju za kompatibilnost s IE6+.

Nastavak

[] 29. XI. 2018.

How to Center in CSS?

How to Center in CSS je alat koji generira CSS kod za horizontalno te vertikalno centriranje sadržaja. Odaberite visine i širine sadržaja te kontejnera (moguća opcija "nepoznato"), vrste poravnavanja (tri vodoravne i tri okomite) te, na kraju i eventualno, koju najstariju verziju Internet Explorera želite podržati.

Nastavak

[] 26. XI. 2018.

Recursive CSS

Recurss je zbirka rekurzivnih CSS majstorija tj. komadića CSS koda koji proizvode zanimljive uzorke dobivene pomoću ugnježđenih html div elemenata. Ima tu jako dobrih primjera, a na raspolaganju je i interaktivni editor za one koji žele kreirati svoje rekurzije.

Nastavak

[] 5. X. 2018.

Feed the Frog

Nahrani žabu (Feed the Frog) je jedna jednostavna i brza web igra u kojoj je cilj uloviti što više muha prije nego istekne vrijeme. Ako vam je prelako probajte promijeniti dan u noć (u opcijama). Inače u igri nema sličica već je sva grafika napravljena pomoću CSS-a. Trebalo bi raditi i na mobitelu. Naš rekord je 22. Autor: Jason Stewart CodePen

Nastavak

[] 28. rujna 2018.

CSS Grid visual cheatsheet

Nakon CSS Flexa evo i šalabahtera za CSS Grid, iz istog izvora. Sva osnovna svojstva na okupu. Pregledno i vrlo korisno. Podrška u web preglednicima skoro idealna. Svejedno, novi CSS Bootsrap koristi flex, a ne grid. Koja je vama shema bolja?

Nastavak

[] 27. rujna 2018.

Flex visual cheatsheet

Osnove Flex rasporeda (prijeloma) u CSS-u koji omogućava da se elementi u kontejneru automatski poredaju prema veličini ekrana. Lijepo, minimalistički složeno. Koristite li flex razmještaj u svojim radovima? Podrška u preglednicima je danas solidna.

Nastavak

[] 20. rujna 2018.

Animated CSS bridge

Opet nešto što je zasigurno vrlo zahtjevno za izradu: animirani CSS most napravljen bez, pogađate, ijedne linije JavaScripta. Ujedno i interkativan: pomoću opcija na dnu ekrana možete zaustaviti/pokrenuti rotaciju, mijenjati između žičanog i popunjenog modela te povećati ili smanjiti udaljenost (zoom).

Nastavak

‹‹ 1 2 3 4 5 ... 12 ››