Community review vaših web stranica

Tnx ;) Da, ovo sa sredinom je legitimno totalno. Ak uhvatim nekad vremena vratit se na projekt možda i napravim animaciju iz sredine.

Inače sad već duže vremena radim LibSassu, ovaj sajt je na rađen na Ruby-u. Brutalna razlika na velikim projektima.

Brzina compilea je nevjerovatna. 

• Sass: 4.9 sec
• libsass: 0.2 sec

Pa toplo preporučam svima koji nisu jako ovisni o Compassu da pređu, Ruby Sass je na zalasku, sve se brže portaju stvari na LibSass.

 Kako koristiš LibSass?  Nekakav tool tipa Mixture, Prepros ili Codekit, ili kao dio Gulp workflowa?  Ja ga osobno koristim kroz Sass extenziju za Brackets i sve šljaka za pet.

Brzina kompajla je brutalna. Jedino što neke stvari još nisu on-par sa Ruby Sassom, tako npr. ne mogu koristiti meni najbolji grid-Flint grid system. 

Ovo je dobar reference da se vidi razlika između dotičnih :

https://sass-compatibility.github.io/

 može se dodati link i na telefonski broj

<span><a href="tel:+38516110340" >tel: 00 385 1 6110 340</a></span>

 np.. tako je, mislim da mu broj prekopira na biranje, samo treba stisnuti za poziv

To za hamburger i ux probleme moze, ali i ne mora biti tocno... Recimo da imas neki sadrzaj koji je jako bitno da bude u centru paznje i da su distraktori sa strane sto manji... Uzmi u obzir klasicnu horizontalnu navigaciju, cijelo vrijeme ce ti vuci pogled, aha, o nama, kontakt.. To brzo odvuce pozornost, iz iskustva govorim... S hambijem upravo to izbjegavas, dobivas potpuni fokus na bitan sadrzaj, na kraju, kad korisnik dobije informacije koje treba, lako dode do kontakt detalja i sl.

@mantolic

imas bug na slajdovima.. dok traje tranzicija, slajd bude spusten pa se opet podigne gore dok dode u prvobitni polozaj.. Takoder poravnanje teksta nije sredeno kako treba, na onim boxevima za lektire i enciklopedije, koliko mi se cini, trebalo bi biti lijevo centriranje, ali je donji red pobjegao malo u lijevo.. Na zadnjem boxu, enciklopedije se preklapaju tekst i slika. I u tom dijelu mi se jako svidaju tranzicije na buttonima. Takoder, tko smo mi dio je dosta siri od dijela nasa tradicija, sad je li to namjerno ili ne, ne znam, ali vizualno ne izgleda lijepo.. Takoder, kad smanjim prozor u browseru, footer se skroz slomi i pojavljuje mi se jos jedan vertikalni scrollbar... Kad odzumiram stranicu, onaj dio sa boxevima se raspadne, tekst ispada iz okvira, box prede u drugi red i sl... Da ne bude samo negativno, svida mi se izbor fontova, tranzicije buttona i tranzicije na dijelovima gdje su izlistane sve knjige po kategoriji..

 Kroz Gulp koristim, da. Klasika - watchanje. Što se tiče grida, portali su Sussy tako da sad šljaka na LibSassu, nije full, ali meni radi sve što treba. A radi i Breakpoint Sass.

Stranica zabavnog karaktera na engleskom jeziku(slike, gif, video). Svi prijedlozi, kritike, sugestije dobrodosli. Posebno me interesuje misljenje u vezi layout-a posto se dvoumim da li da prebacim sve na svjetlije boje ili da ostavim ovaj tamniji.

http://7lolz.com/

Napravio sam si novu web stranicu za svoje igre sa bootstrapom: http://mlgflappybird420.com/

Ima li netko kakve preporuke oko strukture ako se nešto može poboljšat prvenstveno na home page? Ovo sam napravio sve u svega 2 dana tak da se nisam previše zamaro sa dizajnom.

Pozdrav svim web developerima ali i dizajnerima :)

Evo mene nakon nekog vremena opet sa jednim dizajnom, dizajnom kojeg sam osobno napisao i za koji sam isprobao 3 CSS frameworka (Material Design Lite, Materialize.css, ZURB Foundation) te se odlučio na dobar stari Bootstrap. U početnu izradu weba (aka skiciranje) je utrošeno dobra 3 dana razmišljanja kako što izvesti, da li da web bude svaki dio na posebnom pageu, da li da bude samo front page sa kjeg mogu ljudi kliktati na neke linkove ili pak singlepager sa html only blogom.

Odlučio sam se za ovu varijatu 3: single-pager stranica, HTML blog i to je to.

Tehnologije korištene pri izradi weba: Bootstrap 3.3.5, SmoothScroll javascript kod za smooth scrolling na webu prilikom odabira u meniju gdje da vas prebaci, FestaVs Material Design template za Bootstrap, php za kontakt formu tj njen rad, HTML, CSS

Postoji mogućnost da će se stranica sporije učitavati zbog pozadinske slike i zbog učitavanja SmoothScroll skripte, te da će pozadinska slika biti mutnjikava. Trenutno pokušavam podesiti background sliku da bude što manje (file size) ali i da se normalno prikazuje na webu. Ima još nekih sitnica koje ispravljam, tako da mi nemojte zanemariti. 

Link: https://markoidzan.com.hr

Možete webu pristupiti i bez SSL-a jer je on automatski aktiviran za ovaj web putem CloudFlarea.

Sta je tu material?

Meni izbacuje grešku pri učitavanju jer si linkao prije jquery plugin od samog jqueriy.

Kao što su drugi rekli, ta slika izgleda pikselizirana i zbog nje je ukupan doživljaj stranice grozan (sorry što sam grub ).

Ako već želiš sliku, napravi da ti je ovaj prvi odsječak height: 100vh i background-size cover, time će ti slika biti pune veličine i neće biti pikselizirana(osim ako je baš mala, evo primjer kako sam ja to napravio), a na ostatak site-a postavi neku boju.

I zašto si pobogu stavio toliki div.spacer, meni razmak između sadržaja zauzima cijeli visinu ekrana. 

Ako želiš da imaš sadržaj centriran u ekranu, napravi opet da ti je taj div.row visine min-height: 100vh i stavi display:flex da centriraš sadržaj, ili ako ne želiš koristiti flex (stim da nema potrebe ga više izbjegavati, preko 98% ljudi u hr imaju browser koji ga podržava) možeš pomoću position: absolute tricka (left:50%, right: 50%, transform: translate(-50%,-50%) ).

I još nešto što sam primjetio, premalo imaš paddinga na sadržaju, dodaj jedno 20-30px na top i bottom. 

 Boldano: javio mi je i frend za to, ispravim ASAP.

I da neka si grub, bolje biti brutalno iskren nego lagati da je dobro a nije dobro.

underlined: ovoga se realno nisam sjetio. To bih mogao ovih dana napraviti, ali ću onda probati da bude sve od 0, bez uporabe Boostrapa (OK, njega ću koristiti za grid sustav navika valjda)

Ostalo: mislim realno, gnjavio sam se sa time oko centriranja cijelu jednu večer nisam se više mogao sjetiti kako centrirati.

padding cu isto tako dodati sad kad budem napravio statak dizajna od nule (rekoh bootsrap ide samo za gridove i buttone te kontakt formu, ostalo ce biti vise manje custom made)

 jos jedan razlog da se koristim defaultnim botstrapom i nekom temom koja bi odgovarala poboljsanoj ideji... sve prijedloge i kritike prihvacam, jer priznajem nisam dugo se bavio kodiranjem dizajna od nule (sigurno ne par mjeseci)

http://mario-loncarek.from.hr/

portfolio, html5 boilerplate, bez mainstream frameworka 

u skoroj buducnosti planiram uzeti .com 

molio bi vasa misljenja

http://drniskisusak-tomic.hr/

Jedna mala stranica obrta mog oca, moram još sutra dodati nekoliko slika, dopuniti malo tekst i podijeliti na fejsu :) mislim da je stranica odlična za jedan dan posla :)

p.s. ako neko ima neki prijedlog za pozadinu bio bih zahvalan :)

naravno da je wp, nemam znanja za napravit svoju stranicu.

znam da ovdje ima onih velemajstora toga, ali mene samo zanima je li stranica dobra vizualno, ništa drugo :)