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

Quirk DIV

Jedan HTML DIV element koji u svakom web pregledniku izgleda drugačije, ali dobro, situacija i jest neobična, moramo priznati:

div {
outline: inset 100px green;
outline-offset: -125px;
}

Izvesti ovako nešto nije fora ako imate na raspolaganju JavaScript i/ili koji kilobajt CSS-a, ali u 4 linije je nešto vrijedno spomena.

Dodatni štos je da ga i email klijenti drugačije prikazuju. Dobrodošli u devedesete. :)

Nastavak

[] Petak, 13. srpnja

CSS radio buttons

Svakome tko je sam složio više od dvije - tri web stranice vjerojatno je jasno da su radio gumbi jedan od HTML elemenata koji nisu baš najbolje riješeni. Ne daju se fino stilski posložiti. Na ovoj stranici možete pogledati više od 30 različitih CSS rješenja za radio gumbe koja potpuno mijenjaju taj HTML element. Primjeri na CodePenu.

Nastavak

[] Petak, 6. srpnja

CSS Media Queries

U današnjem web dizajnu vrlo je potrebno prilagoditi stilove izlaznom uređaju, veličini zaslona, razlučivosti i orijentaciji prikaza. Zato je prilično dobro znati što sve mogu CSS Media Queries (tražim dobar prijevod). Ovaj brzi vodič uputit će vas u osnove stvari koje o toj temi svaki webaš mora znati. Nema puno, par minuta.

Nastavak

[] Četvrtak, 21. lipnja

Color Hex screenshot

Pregledan web alat za razne informacije o bojama, modelima boja (RGB, HSL, HSV, CYMK), različitim paletama boja, srodnim i komplementarnim bojama itd. Color Hex može generirati i CSS te HTML primjere, što je dobrodošlo za "počinjanje od nule". I ne zaboravite prolistati najpopularnije palete boja. Prvenstveno za webaše i one koji se tako osjećaju.

Nastavak

Pure CSS random rain

Osvježavajuća CSS kiša napravljena bez JavaScripta koristi SVG grafiku i CSS varijable, ali je svejedno fino napravljen demo uradak. Pogotovo tijekom ovih zaista vrućih sunčanih dana. A još nije ni ljeto... CodePen

Nastavak

[] Ponedjeljak, 14. svibnja

Front-End Tooling 2018

Zanimljivi rezultati ankete o front-end alatima u 2018. godini provedene nad više od 5,000 programera. CSS, JavaScript i poznavanje alata - razine znanja, najčešći alati, učestalost upotrebe, pomoćni alati i tako dalje.

Anketa još uvije traje i ako imate nekoliko minuta viška slobodno je ispunite.

Nastavak

[] Petak, 20. travnja

CSS 3D Cube

Kako napraviti jednostavnu 3D kocku u CSS-u, bez JavaScripta ofskroz? Potrebno je nešto znanja HTML-a i CSS-a, malo matematike i dobre volje, a sve je opisano u kratkom članku. Demo se nalazi ovdje. Ugodan vikend! Autor: Ashish Mehra, CodePen

Nastavak

[] Utorak, 17. travnja

CSS Float

Temeljne stvari o tome kako radi CSS float brzo ćete proći pomoću interaktivne stranice koja to brzo i jednostavno objašnjava. Odvojite nekoliko minuta još danas, jer sutra će i tako css grid te flow layout većinu toga zamijeniti...

Nastavak

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

1 2 3 ... 9 ››