Skip to the main content
Tag: 'css'
[] Č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. prosinca 2017.

CSS Screen Saver

Čuvar zaslona napravljen u CSS-u je lijepa web kreacija koja ne koristi JavaScript. Kliknite na PLAY za početak. Korišteni su Pug i SCSS ali uz pomoć izbornika možete doći do čistog HTML-a te CSS-a. CodePen

Čekaj, malo! Čuvar zaslona u CSS-u? Koristi li još netko CRT monitor?

Nastavak

[] 25. listopada 2017.

Purple.com

Na adresi www.purple.com nalazi se ljubičasta stranica, zadnja riječ minimalizma u web dizajnu i šire. Što? Pa da, naravno da je responsive. HTML kod boje je #7D26CD.

Stranica se trenutno prodaje pa ako imate ideju kako dobru domenu pretvoriti u biznis...


(via)

Nastavak

[] 10. listopada 2017.

Essential Image Optimization

Nezaobilazan materijal za sve koji se bave webom. Osnovna optimizacija slika (Essential Image Optimization) je besplatna e-knjiga u web formatu (jedna stranica, 18M, dobra domena tkđ.) koja detaljno (tehnički) govori o slikama i optimizaciji i automatizaciji. Svakako preporuka, bar zabilježite poveznicu za kasnije.


(via)

Nastavak

[] 9. listopada 2017.

Connect 4 CSS

Stara poznata igra za dva igrača Spoji 4 (Connect 4) koja se igra na postolju sa žetonima ovdje izvedena u čistom CSS-u, bez JavaScripta. Zapravo ima jedna linija JS-a: komentar u kojem se nalazi ASCII emotikon. Autor: Bence Szabó :) CodePen

Nastavak

[] 3. listopada 2017.

CSS Grid Playground

Nova vruća stvar u CSS-u i web dizajnu je još uvijek CSS Grid - jedan novi prijelom ili način razmještanja elemenata na web stranici. CSS Grid Playground je interaktivno igralište na kojem možemo isprobavati CSS atribute i svojstva, testirati kako se ponaša grid u web pregledniku. Je li da je to prava stvar?


(via)

Nastavak

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