Skip to the main content
Tag: 'css'

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

[] 21. rujna 2017.

Color IO

Jedan węb alat za brzi odabir boja odnosno prebacivanje odabrane boje u HTML, RGBA, HSLA ili CMYK vrijednost koju onda možete kopirati gdje već želite. Lako pamtljiva adresa stranice, minimalistički pristup i objava na blogu zagarantirana! :)

Osim biranja boja ima tu još nekih alata za brojevne baze, kodiranje teksta, JSON itd. ali o tome drugi put. Danas nas zanimaju boje.

Nastavak

[] 18. rujna 2017.

Smoky Cup

Animirana CSS šalica kave dolazi s uputama za izradu; u kodu se koristi CSS3 animacija, dobrodošlo za one koji tek kreću u pustolovinu izrade web animacija. To me podsjeti da nisam nadopunio dozu... A vi? Jeste li popili dovoljno kave za danas? Pripadajući CodePen je ovdje.

Nastavak

[] 13. rujna 2017.

CSS Clouds

CSS oblaci su još jedan hvalevrijedan uradak koji vrti animaciju koja ne koristi JavaScript. Kad jednog dana naučim CSS i ja ću praviti ovakve efekte. Ovaj put nisu rabljeni dodatni alati (jedino je slika ubačena pomoću data: linka), tako da je primjer idealan za proučavanje. Autor: Tiago S. Cardoso. CodePen

Nastavak

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