Skip to the main content
Tag: 'css'
[] Ponedjeljak, 15. srpnja

The State of CSS 2019

Stanje u CSS-u 2019. godine fino ilustriraju zanimljivi rezultati istraživanja provedenog nad više od 10,000 developera širom svijeta. Pogledajte brojke, grafove i sličice. Tehnologije, alati, okruženja, mišljenja, iskustva... I plaće, naravno. Ne zaboravite sudjelovati sljedeće godine.

Nastavak

[] Ponedjeljak, 13. svibnja

Lorem Picsum

Lorem Picsum je Lorem Ipsum za slike tj. alat za proizvodnju slika određenih dimenzija koji je vrlo potreban tijekom dizajna i izrade web aplikacije.

Najjednostavniji način za dobivanje slike je URL tipa:

https://picsum.photos/800/600

gdje su 800 i 600 širina i visina slike.

Nastavak

[] Petak, 10. svibnja

CSSFX

CSSFX je kolekcija zbilja lijepih animiranih CSS efekata koje možete upotrijebiti u vašim web aplikacijama. Ako se već ne kreće probajte mišem iznad pojedinog efekta za demo, a ako kliknete dobit ćete izvorni kod spreman za kopiranje. Hoćemo još efekata!

Nastavak

[] Ponedjeljak, 29. travnja

Nord Theme

Lijepa, pregledna i čita sjeverna tema za vaše web i ine uratke. Sve što vam treba objašnjeno je na stranici s uputama, a izvorni kod je na GitHubu. Tamna varijanta uključena. Pingvini i polarni medvjedi nisu.

Nastavak

[] Četvrtak, 11. travnja

CSS Grid or Flex

Što koristiti za raspored elemenata na web stranici, CSS Grid ili Flex? Obje tehnike rade slične stvari, ali se i dosta razlikuju. Odgovor ovisi o konkretnoj situaciji. Nekad je bolje odabrati mrežu, a nekad fleksibilni razmještaj. Pročitajte članak, nije predug.

Nastavak

[] Utorak, 2. travnja

CSS Selectors Cheatsheet

Evo još jednog korisnog šalabahtera koji je ujedno i kviz. CSS selektori, od jednostavnih prema složenim. Preporučujem da ga prijeđete u kviz načinu, što je i početna postavka stranice: samo klikajte redom na točan ili točne odgovore. Nemate li vremena - klik gore desno za sve točne odgovore. Ako baš morate.

# > . , * + ~ : { } ( ) [ ]

Nastavak

[] Petak, 29. ožujka

CSS box shadow generator

Potragu za najboljim sjenama za vaše web majstorije ovelike olakšava ovajgenerator CSS sjena. Odaberite boje, dužine, radijuse i prozirnost. Kad je gotovo samo prebacite mali dio koda. Zanemarite ovo Flash nešto. Tko to još ima instalirano?

Nastavak

[] Srijeda, 27. ožujka

CSS Lego Minifigure Maker

CSS generator Lego figurica za isprobavanje prije odlaska u dućan s gromoglasnom željom za baš takvom i takvom verzijom. Možete mijenjati boje gornjeg i donjeg dijela odjeće, kao i izraz lica. CodePen

Nastavak

[] Srijeda, 13. ožujka

3D Emoji Town

Za ovo je trebalo mnogo strpljenja, vremena i volje: 3D emoji grad u CSS-u. Interaktivni animirani trodimenzionalni grad (u stvari 2D objekti na 3D ploči) kojeg možete rotirati, a sve napravljeno u čistom CSS-u. Zapravo ima malo JavaScripta, za inicijalizaciju rotacijske kontrole na dnu. CodePen

Nastavak

[] Utorak, 5. ožujka

CSS triangles

Kako nacrtati trokut u CSS-u na četiri različita načina: koristeći okvire (border), rezanje (clip-path), rotaciju (rotate transform) ili html kodove (entities). Brzo štivo s interaktivnim primjerima koje možete mijenjati.

Ako nekom zatreba: html kodovi za trokute usmjerene lijevo, desno, gore i dolje redom su: #9668, #9658, #9650 i #9660.

Nastavak

1 2 3 ... 12 ››