Skip to the main content
Tag: 'css'
[] Četvrtak, 20. rujna

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

[] Utorak, 11. rujna

Color Leap

Color Leap je sat koji prikazuje palete boja, kroz povijest, od skulptura egipatske civilizacije oko 2,000 godina prije naše ere do reklamnih plakata šezdesetih godina prošlog stoljeća. Klik na boju u paleti za kopiranje koda u međumemoriju (clipboard).

Nastavak

[] Ponedjeljak, 16. srpnja

Quirk DIV

Jedan HTML DIV element koji u svakom web pregledniku izgleda drugačije, ali dobro, situacija i jest neobična, moramo priznati:

div {
outline: inset 100px green;
outline-offset: -125px;
}

Izvesti ovako nešto nije fora ako imate na raspolaganju JavaScript i/ili koji kilobajt CSS-a, ali u 4 linije je nešto vrijedno spomena.

Dodatni štos je da ga i email klijenti drugačije prikazuju. Dobrodošli u devedesete. :)

Nastavak

[] Petak, 13. srpnja

CSS radio buttons

Svakome tko je sam složio više od dvije - tri web stranice vjerojatno je jasno da su radio gumbi jedan od HTML elemenata koji nisu baš najbolje riješeni. Ne daju se fino stilski posložiti. Na ovoj stranici možete pogledati više od 30 različitih CSS rješenja za radio gumbe koja potpuno mijenjaju taj HTML element. Primjeri na CodePenu.

Nastavak

[] Petak, 6. srpnja

CSS Media Queries

U današnjem web dizajnu vrlo je potrebno prilagoditi stilove izlaznom uređaju, veličini zaslona, razlučivosti i orijentaciji prikaza. Zato je prilično dobro znati što sve mogu CSS Media Queries (tražim dobar prijevod). Ovaj brzi vodič uputit će vas u osnove stvari koje o toj temi svaki webaš mora znati. Nema puno, par minuta.

Nastavak

[] Četvrtak, 21. lipnja

Color Hex screenshot

Pregledan web alat za razne informacije o bojama, modelima boja (RGB, HSL, HSV, CYMK), različitim paletama boja, srodnim i komplementarnim bojama itd. Color Hex može generirati i CSS te HTML primjere, što je dobrodošlo za "počinjanje od nule". I ne zaboravite prolistati najpopularnije palete boja. Prvenstveno za webaše i one koji se tako osjećaju.

Nastavak

Pure CSS random rain

Osvježavajuća CSS kiša napravljena bez JavaScripta koristi SVG grafiku i CSS varijable, ali je svejedno fino napravljen demo uradak. Pogotovo tijekom ovih zaista vrućih sunčanih dana. A još nije ni ljeto... CodePen

Nastavak

[] Ponedjeljak, 14. svibnja

Front-End Tooling 2018

Zanimljivi rezultati ankete o front-end alatima u 2018. godini provedene nad više od 5,000 programera. CSS, JavaScript i poznavanje alata - razine znanja, najčešći alati, učestalost upotrebe, pomoćni alati i tako dalje.

Anketa još uvije traje i ako imate nekoliko minuta viška slobodno je ispunite.

Nastavak

[] Petak, 20. travnja

CSS 3D Cube

Kako napraviti jednostavnu 3D kocku u CSS-u, bez JavaScripta ofskroz? Potrebno je nešto znanja HTML-a i CSS-a, malo matematike i dobre volje, a sve je opisano u kratkom članku. Demo se nalazi ovdje. Ugodan vikend! Autor: Ashish Mehra, CodePen

Nastavak

[] Utorak, 17. travnja

CSS Float

Temeljne stvari o tome kako radi CSS float brzo ćete proći pomoću interaktivne stranice koja to brzo i jednostavno objašnjava. Odvojite nekoliko minuta još danas, jer sutra će i tako css grid te flow layout većinu toga zamijeniti...

Nastavak

1 2 3 ... 9 ››