Skip to the main content
Tag: 'css'
[] Petak, 6. travnja

CSS Tic-tac-toe

Klasična igra Kružić i križić napravljena u CSS-u, bez JavaScripta, prava je mala web majstorija. Radi u web preglednicima koji podržavaju CSS3 selektore. Ovdje se nalazi kratki zapis koji opisuje kako stvar radi. Autor: Žiga Miklič, CodePen

Nastavak

Browser support tool

Can I Use je vrlo koristan alat za saznati kakva je podrška traženog svojstva u različitim web preglednicima, no njemu nedostaje jednostavan popis minimalnih verzija preglednika za zadanu kombinaciju svojstva. Zato je tu Browser Support.

Odaberite HTML, CSS, JS i druge mogućnosti koje želite koristiti i saznajte koje su minimalne verziju raznih preglednika koje ćete tražiti od korisnika. Primjeri: border-radius i grid layout plus flow layout.

Nastavak

[] 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

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