@yeo Sve što se nalazi na stranici je samo radi učenja, možda jesam profulao šemu boja al ništa strašno, drugi put ću malo više obratiti pažnju :) Više me brine ovaj responzivni dio koji radi kada mijenjam veličine windowa od browsera, ali dok pređem na mobilni čini se da ne radi :/. @Fero poslušao sam te, maknuo sam skroz to "read more" dugme, a h1 ne koristim jer nemam namjeru da u stvarnosti koristim ovaj websajt. Hvala vam u svakom slučaju
Community review vaših web stranica
- poruka: 3.898
- |
- čitano: 808.296
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
- +/- sve poruke
- ravni prikaz
- starije poruke gore
probaj ubaciti u css @media only screen and (min-width: 150px) and (max-width: 600px ili 960px)
i onda preuređuj opet po tome.
evo ti link pa si malo pogledaj za primjer ali i ovaj .
Moraš pogledat i u index.html malo jer mislim da i tamo moraš ubaciti dio za responsive
Već koristim Toast responsive framework, vjerujem da je tu sve sadržano osim ako ja nisam nešto zabrljao u što čisto sumnjam jer nisam dirao taj responsive css. https://daneden.me/toast/
Već koristim Toast responsive framework, vjerujem da je tu sve sadržano osim ako ja nisam nešto zabrljao u što čisto sumnjam jer nisam dirao taj responsive css. https://daneden.me/toast/
Pa radi ti. Probao sam na mobitelu i ok je na display-u 540x960px.
Jedino što ti Toast podržan i IE8 i više koliko sam vidio.
Novi pokušaj iz moje tvornice, ponovo responsive
Hvala na sugestiji, to ćemo malo poslije dok uđem dublje u materiju :)
Novi pokušaj iz moje tvornice, ponovo responsive
Hmmmm, ima tu još za ispravljati i poboljšati. Navigacia u headeru kad ideš na manji display može bolje, jedna ispod druge. Glavni sadržaj, slika izlazi van na manjem ekranu i dodiruje body.
Pogledaj malo i Bootstrap izradu stranice.

Novi pokušaj iz moje tvornice, ponovo responsive
320px i 480px su ti isto 'breakpointsi' za mobilni dizajn
Druga stvar koja me malo bode u oči je pozadina koja je po meni pretamna, na ove boje koje su ti u sredini stranice ljepša mi je da je čisto bijela ili možda #f5f5f5
Treća stvar - sviđa mi se što si implementirao transicije kada se prelazi mišem preko itema, ali je prijelaz boja 'prenagao' - možda da su ti razlike u bojama 'white' i 'whiteSmoke' ili neki još blaži prijelaz boja
inače, sve 5, sviđa mi se napredak. Volio bih da sada odeš korak dalje, ajde napravi i podstranicu :)
P.S. malo me dizajn podsjeća na bivši dizajn koji je imala stranica http://thenextweb.com
Za responzivni dio sajta koristim framework, mada još uvijek tražim onaj koji bi mi najviše odgovarao. @Fero savjetuje Bootstrap ali toga se klonim u širokom luku iz razloga što sam tek početnik i želim da znam kako stvari funkcionišu a ne samo dodati klasu i imati rad profi dizajnera :) A što se tiče ovog zadnjeg pokušaja istina je da sam malo pretjerao sa bojama, ni meni se ne sviđa, iskreno. Mislim da je podstranica onaj lakši dio, kad sredim kostur i izgled koji mi se sviđa onda ću vrijeme potrošiti u podstranice, a do tada učim i radim na dizajnu koji će mi se svidjeti :)
Zadnjih par dana sam trošio vrijeme na email template, ostao mi je još donji zadnji dio napraviti responzivnim i prilagodljivim, inače ovdje sam ja uradio responsive i shvatio da je to ogromna gnjavaža. Long live framework :)
Tu je moj email
Kada sam rekao da si pogledaš Bootstrap nisam mislio da ne ućišHtml, Html5, CSS, PhP, Js nego konceptualno kako neke stvari mogu izgledati na responsive page-u ako ih već radiš.
Nije mi bila namjera da te skrenem sa pravog puta ako si to mislio. Sam naprijed sa svojom taktikom prema cilju.
Kada sam rekao da si pogledaš Bootstrap nisam mislio da ne ućišHtml, Html5, CSS, PhP, Js nego konceptualno kako neke stvari mogu izgledati na responsive page-u ako ih već radiš.
Nije mi bila namjera da te skrenem sa pravog puta ako si to mislio. Sam naprijed sa svojom taktikom prema cilju.
Možeš mi reći molim te par stvari o Bootsrap-u? Zbog ćega je on dobar? Naučio sam osnove HTML-a i CSS-a pa bih volio znati kako mi može pomoći Bootstrap. Hvala puno!
Ma znam da su bile dobre namjere :)
Mišljenje, kritike, pohvale :D (znam da ima grešaka ali moja prva stranica pa je logično da ima grešaka); inače dizajn nije moj, radio sam na osnovu ovog .
Mišljenje, kritike, pohvale :D (znam da ima grešaka ali moja prva stranica pa je logično da ima grešaka); inače dizajn nije moj, radio sam na osnovu ovog .
Znaci samo si promijenio tekst?
o.O
Mišljenje, kritike, pohvale :D (znam da ima grešaka ali moja prva stranica pa je logično da ima grešaka); inače dizajn nije moj, radio sam na osnovu ovog .
Moj prijedlog za tebe je: ugldaj se na kolegu Nightcomer i počni učiti HTML i CSS od nule. On je sa svojih nekoliko radova pokazako kako se uz malo učenja i dosta truda može napraviti veoma dobar sajt za početnika :)
Ili ako hoćeš nešto slično ovome onda probaj naučiti osnove HTML-a te kreni koristiti neki CSS framework (Zurb Foundation, Twitter Bootstrap su moji prijedlozi, ima ih još, ali osobno preferiram Bootstrap valjda jer je sad eto "navika za quick radove koje sam imao i nisu za xtra promociju")
Kolega nightcomer, jel bi mogao da napises odakle si ucio, kojim redosljedom, jel koristis framework neki, i preporucit neke materijale? i ja sam u istoj situaciji, oko mjesec dana se zezam sa ovim cisto rekreativno pa bi volio da vidim kako to drugi rade. A sutra cu vam pokazati sta sam do sad uspio.
Ja učim uglavnom sa http://net.tutsplus.com/ i https://tutsplus.com
$20 mjesečno je ništa za ono što nude. Ponekad http://thenewboston.org/list.php?cat=40Što se tiče frameworka učim one najjednostavnije koji će mi dati samo kostur (grids) a ostalo sve sam radim. Kada zapnem http://stackoverflow.com/ je najbolji prijatelj ;)
Pozdrav društvo, izgleda da sam ja u posljednje vrijeme najaktivniji ovdje :) Ovih dana (jučer i danas) radio sam na jednom novom projektu, "minimal portfolio". Možete ga pogledati na http://tesign.me/minimal/ Očekujem vaše komentare
Pozdrav društvo, izgleda da sam ja u posljednje vrijeme najaktivniji ovdje :) Ovih dana (jučer i danas) radio sam na jednom novom projektu, "minimal portfolio". Možete ga pogledati na http://tesign.me/minimal/ Očekujem vaše komentare
bilo bi super kada bi imao navigaciju fiksiranu uz vrh ekrana, i onda integrirati ovako neki plugin http://jesseprice.com/jquery-slide-to-plugin/#slideto
Pozdrav društvo, izgleda da sam ja u posljednje vrijeme najaktivniji ovdje :) Ovih dana (jučer i danas) radio sam na jednom novom projektu, "minimal portfolio". Možete ga pogledati na http://tesign.me/minimal/ Očekujem vaše komentare
bilo bi super kada bi imao navigaciju fiksiranu uz vrh ekrana, i onda integrirati ovako neki plugin http://jesseprice.com/jquery-slide-to-plugin/#slideto
Hvala, ali ne znam još ništa o Javascriptu, kad još malo usavršim HTML&CSS počet ću sa Javascriptom do tada nek stoji ovako :) Šta misliš o dizajnu uopšteno i da li bi možda nešto promijenio osim tog fixiranog menia?
Današnji rad, inpirisano (kopirano) Smashing Magazine http://tesign.me/smashing-like/
Pozdrav društvo, izgleda da sam ja u posljednje vrijeme najaktivniji ovdje :) Ovih dana (jučer i danas) radio sam na jednom novom projektu, "minimal portfolio". Možete ga pogledati na http://tesign.me/minimal/ Očekujem vaše komentare
bilo bi super kada bi imao navigaciju fiksiranu uz vrh ekrana, i onda integrirati ovako neki plugin http://jesseprice.com/jquery-slide-to-plugin/#slideto
Hvala, ali ne znam još ništa o Javascriptu, kad još malo usavršim HTML&CSS počet ću sa Javascriptom do tada nek stoji ovako :) Šta misliš o dizajnu uopšteno i da li bi možda nešto promijenio osim tog fixiranog menia?
volio bih da je čitljiivije - slova tamnije, slike u pozadini da nisu toliko intenzivne boje, osim toga, malo mi je sve nabijeno
na ovakav neki plugin sam mislio - https://github.com/ChrisWojcik/single-page-nav imaš i demo ovdje: http://chriswojcik.net/demos/single-page-nav/
Nije teško za integrirati - ako pogledaš source code, onda ćeš viditi da je u menuu, imaš li elemente, i svaki sadrži jedan a element. Svaki a element ima svoj jedinstveni #id koji služi da kada se klikne na taj link da se spusti do "diva" koji ima isti takav #id
samo je bitno da u html i ubaciš linkove do js skripti i to je to, Možeš i samo kopipejstati sa onog demo linka koji sam ti pokazao
Hvala na feedbacku, zasigurno ću uvažiti. Imam jedno pitanje, zašto fontovi na Chromeu za razliku od Firefoxa izgledaju nekako manjeg kvaliteta. Da li je do mene i šta mogu učiniti da ne bude tako?
EDIT: Mislim konkretno na http://tesign.me/smashing-like/
Hvala na feedbacku, zasigurno ću uvažiti. Imam jedno pitanje, zašto fontovi na Chromeu za razliku od Firefoxa izgledaju nekako manjeg kvaliteta. Da li je do mene i šta mogu učiniti da ne bude tako?
EDIT: Mislim konkretno na http://tesign.me/smashing-like/
Nemoj koristiti WIndows :)
Mozes probati i sa -webkit-font-smoothing: antialiased;
Nemoj koristiti WIndows :)
Mozes probati i sa -webkit-font-smoothing: antialiased;
Čuj da ne koristim windows :D možda i mogu sebe natjerati na to, ali klijente ne :) Izgleda da ne radi ni "antialiased"
font-smoothing ti nece pomoci na windowsu, on radi samo na MAC-u,problem je u windowsu sto imas ruzne fontove,jedno od rijesenja je da prebacis SVG fontove na prvo mjesto kada linkas sa
@font-face opcijom...A za dizajn da ti kazem da ti je ko slikovnica(za onaj gore iznad,ne za ovaj inspirirani),moras malo pazit na to, ljudi dolaze na web stranicu da bi citali i konzumirali sadrzaj,a ako ih nesto ometa u tome oni ce pobjeci.
vise boja za text nije dobra opcija,text se jedva moze citati, nema dovoljno kontrasta , sve je dosta zbijeno..
font-smoothing ti nece pomoci na windowsu, on radi samo na MAC-u,problem je u windowsu sto imas ruzne fontove,jedno od rijesenja je da prebacis SVG fontove na prvo mjesto kada linkas sa
@font-face opcijom...A za dizajn da ti kazem da ti je ko slikovnica(za onaj gore iznad,ne za ovaj inspirirani),moras malo pazit na to, ljudi dolaze na web stranicu da bi citali i konzumirali sadrzaj,a ako ih nesto ometa u tome oni ce pobjeci.
vise boja za text nije dobra opcija,text se jedva moze citati, nema dovoljno kontrasta , sve je dosta zbijeno..
Već vas je više spomenulo da je dosta zbijeno i nepregledno pa ću poslušati. Drugi put idem na jednostavniju formulu.
evo jedna moja mala web aplikacija http://apartmani-bozana.com
za izradu sam koristio
- cakephp 2.4.4 / php5
- twitter bootstrap
Aplikacija ima sistem za rezervaciju smještaja i evidenciju gostiju, višestruka provjera dostupnosti apartmana i poslanih podataka, email obavijesti o izvršenoj rezervaciji, višejezični sistem,...
trenutno je u fazi internog testiranja i postavljanja sadržaja, kada stignu nove profesionalno odrađene fotografije radi će se na dotjerivanju dizajna.
ps, ukoliko ima ovdje neki front-end majstor koji bi radio dizajn za web prezentacije apartmanskog smještaja na ovoj aplikaciji, može me slobodno kontaktirati radi dogovora.
Nekoliko slika admin sučelja :
evo jedna moja mala web aplikacija http://apartmani-bozana.com
za izradu sam koristio
- cakephp 2.4.4 / php5
- twitter bootstrap
Aplikacija ima sistem za rezervaciju i evidenciju smještaja i gostiju, višestruka provjera dostupnosti apartmana i poslanih podataka, email obavijesti o izvršenoj rezervaciji, višejezični sistem,...
trenutno je u fazi internog testiranja i postavljanja sadržaja, kada stignu nove profesionalno odrađene fotografije radi će se na dotjerivanju dizajna.
ps, ukoliko ima ovdje neki front-end majstor koji bi radio dizajn za web prezentacije apartmanskog smještaja na ovoj aplikaciji, može me slobodno kontaktirati radi dogovora.
Nekoliko slika admin sučelja :
izvrsno! jel ja to vidim integraciju jquery_file_uploadera od blueimp-a?
DRugo pitanje - koliko ti je vremenski trebalo da odradiš taj projekt - sati/dana?