Skip to the main content
Tag: 'css'
[] Srijeda, 4. travnja

CSS3 Test

CSS3 Test je jedan okvirni skupni test CSS3 mogućnosti web preglednika. Testira se samo jesu li mogućnosti podržane, a ne i jesu li ispravno implementirane. Izvorni kod na GitHubu. Koliko posto pokazuje kod vas?

Nastavak

[] Petak, 16. ožujka

Pigment Color Palette Generator

Pigment je malo drugačiji alat za odabir paleta boja. Navikavanje će potrajati nekoliko sekundi više, ali će zato biti lijep i ugodan za korištenje. Kliknite na pojedine kvadrate za detalje (dvije strane s po 4 boje), a na kodove i nazive za kopiranje u međuspremnik (clipboard).

Nastavak

[] Utorak, 13. ožujka

Random Color Palettes

Na ovoj web stranici nalazi se jednostavan alat koji proizvodi slučajne palete boja od pet boja za vaše web i ine uratke. Generirane kodove boja možete izrezati iz URL-a ili sačuvati kao straničnik (bookmark). Pritisnite razmaknicu za sljedeću paletu.

Primjer: paleta boja s gornje slike.

Nastavak

[] Utorak, 6. ožujka

CSS Endless Ocean

Sljedeći na redu web uradak napravljen samo pomoću HTML-a i CSS-a, bez JavaScripta je Beskonačni ocean. Beskrajna animacija brze plovidbe koja uključuje i jednostavnu navigaciju. Samo četiri plus, zbog toga što koristi eksternu sliku. Autor: Jon Kantner, CodePen

Nastavak

[] Utorak, 13. veljače

Nema nas do ponedjeljka, 19. veljače. Sretno Valentinovo!

CSS Particles

CSS čestice (CSS Particles) je zanimljiv uradak napravljen uz pomoć CSS-a, bez uporabe JavaScripta. HTML je zapravo Pug, a CSS je SCSS, no kompajlirani HTML i CSS možete vidjeti pomoću "View Compiled..." opcija u menijima. Autor: Paolo Duzioni, CodePen

Nastavak

[] Četvrtak, 1. veljače

SchemeColor
Indoor Pool Color Scheme


Razne sheme tj. palete boja za vaše web stranice. Ako vam inspiracija za boje uporno ne dolazi bacite nos na SchemeColor i odaberite neki predložak. Tu su palete s različitim brojem boja, boje proizašle iz slika, slučajne boje (refresh - refresh - refresh...), a imaju i zanimljive dodatke poput 216 web sigurnih boja.

Nastavak

[] Ponedjeljak, 29. siječnja

RGB vs CMYK animated

Jednostavna animirana vizualizacija koja pokazuje kako RGB i CMYK kreiraju boje dodavanjem ili oduzimanjem osnovnih komponenti. Animacija je kreirana u čistom CSS-u (zapravo SCSS metajeziku), bez JavaScripta. Sljedeći put kad vas netko pita koja je zapravo razlika između ova dva modela miješanja boja samo ih uputite na ovu poveznicu. CodePen

Nastavak

[] Srijeda, 24. siječnja

Instagram css filters

Instagram.css sadrži filtre iz poznate aplikacije za dijeljenje fotografija u stylesheet obliku. Želite li na onoj fotografiji s rođendana primijeniti jedan od filtra s Instagrama dovoljno je da napravite web stranicu i dodate joj određenu klasu, bez pokretanja aplikacije ili recimo Photoshopa. Na popisu se nalazi 41 filtar, a stvar je poprilično kompatibilna s web preglednicima: Chrome 18+, Edge 13+, Firefox 35+, Opera 15+, Safari 6+.


(via)

Nastavak

Top Pens of 2017

Na Blogopodu često objavljujemo vrlo dobre uratke s CodePena. Za one koji ne znaju, to je web sajt koji objavljuje tzv. "penove" ilitiga kratke audio te vizualne radove mnogih HTML, CSS i JS velemajstora. Prolistajte 100 najpopularnijih CodePen majstorija 2017. godine sortirano unatrag, sve do prvog.


(via)

Nastavak

[] 11. prosinca 2017.

Only CSS Truck

Fino animirani CSS kamion napravljen ne pomoću JavaScripta nego u HTML-u i CSS-u (koristeći Pug i SCSS ali to je samo optimizacija). Inače nije voziti kamion na ovaj način jer vam se može zavrtjeti u glavi. Da poslije ne bude... :) Autor: Yusuke Nakaya, CodePen

Nastavak

‹‹ 1 2 3 4 ... 9 ››