Skip to the main content
Tag: 'css'
[] Četvrtak, 17. siječnja

CSS Snail

Animirani CSS puž, još jedna fina animacija napravljena u čistom CSS-u, bez uporabe JavaScripta. Autor: Josh Kennedy, CodePen

Ako ste propustili 100 naj uradaka u 2018. godini na CodePenu kliknite ovdje.

Nastavak

[] Ponedjeljak, 14. siječnja

0 to 255 Color Tool

Alat za boje 0 to 255 pronaći će odgovarajuće svjetlije i tamnije nijanse boja za vaše web majstorije. Unesite neku boju u html formatu (ili kliknite za slučajnu) i dobit ćete fine nijanse od crne do te boje i dalje do bijele. Brzo i jednostavno, ofskroz.

Nastavak

[] Četvrtak, 10. siječnja

CSS Fishbowl

Mala animirana CSS riba u onom okruglom akvariju iz crtića, još jedna jednostavna te učinkovita web animacija napravljena bez JavaScripta, ali uz uporabu CSS varijabli za koje je podrška u suvremenim web preglednicima vrlo dobra. Autor: reaganhenke, CodePen

Nastavak

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

1 2 3 ... 10 ››