Razvoj web-stranica - Rasprava

Da vas samo pitam ekipo...

Kada vama netko da zadatak da mu napravite web-stranicu od nule, za njegovu tvrtku, koji bi framework koristili?

Znači obična HTML5 stranica za tvrtku, dobro dizajnirana... Biste li to riješili tipa Bootstrap-om (tako bi ja) ili imate svoj custom-made framework?

I 2. scenarij, kako bi riješili ako bi radili stranicu za nekakvu tvrtku, a treba implementirati i shopping cart...

Eto ovako da razmijenimo iskustva, pa da nam rješenja u budućnosti budu što efikasnija.

Uzmeš Grid 960 u ruke i polako kreneš dizajnirati za tvrtku. To jesi u pravu, za svaku pojedinu tvrtku bi trebalo biti sve custom. Donekle ćeš manje vremena potrošiti da sve radiš od nule, nego da mijenjaš Bootstrap-ovu defaultnu konfiguraciju za specificum tvrtke. Predugo, a iskreno i predosadno, mijenjao bi ono što je već netko napravio.

Koristio sam twitter bootstrap za izradu administracije, očigledno je da je tome i namijenjen, no za javni dio nije bilo koristi od tog frameworka. Prvo što mi je počelo smetati je grid koji ima margine i prvenstveno je namijenjen za pozicioniranje teksta (kao i 960gs). Jednostavno nije praktično ako se želi štedjeti na prostoru i raditi neki svoj dizajn sa grafičkim elementima.

Krenuo sam u potragu za nekim drugim frameworkom koji ima grid  bez margina i odmah stao na zurb foundation frameworku (layout). Na njemu trenutno razvijam dizajn za portal i čini mi se ok, odradio sam par probnih predložaka sa dizajnom po uzoru na neke velike regionalne portale i sve ide glatko ;)

Bilo koji framework da odabereš pomoći će ti da brzo izradiš prototip, poslije slijede dorade i modifikacije po želji klijenta / dizajnera.

Sretna Nova Godina.

Pozdrav.

Može help kako da izvedem slijedeći gradient (koristim CSS3) da radi sa WebKit baziranim preglednicima.

background:

radial-gradient(black 15%, transparent 16%) 0 0,

radial-gradient(black 15%, transparent 16%) 8px 8px,

radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,

radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;

background-color:#282828;

background-size:16px 16px;

Cijeli CSS je ovdje: http://pastebin.com/HbanbzMv

Inače gradient se dobro prikazuje u Gecko baziranim preglednicima (novije verzije FF-a od v17 pa naviše), Operi i IE-u 10 (IE9 isto ima problem kao i WebKit bazirani preglednici)

imam jedno pitanje.. zaboravio sam jedan kod kako ide..  evo da objasnim o cem se radi..

 
dakle kada se gleda normalno slika slika je siva.. ali kada se povuce mis na nju postane u boji ili veća..

treba mi taj kod pod hitno 

Koristi li tko od vas 'lazy image loader' plugine?

Stranice koje u narednom periodu radim imaju resposive layout, što podrazumijeva učitavanje i prilagođavanje stranica na različite uređaje. Ovakva solucija ima jedan veliki nedostatak u vidu dimenzija fotografija, koje su u pravilu prilagođene prikazu na uređajima sa velikim zaslonom (pc / laptop). Učitavanje velikih fotografija na mobilne uređaje nije dobro i nije potrebno jer između ostaloga troši skupi mobilni internet promet.

Ovdje bi trebalo nekakvo dinamičko js rješenje, koje će u zavisnosti od dimenzija preglednika mijenjati putanju do fotografije ili naziv same fotografije, npr iz /640x480_nekaslika.jpg u 120x90_nekaslika.jpg ???

Da čujem što predlažete.

kako da pomoću mysql-a odabrem sve brojeve veće od 1?

$res = "SELECT * FROM tabla WHERE " .$row['broj'] > 1 "";/ovo nejde

ali zašto kad ti ova skripta to sama napravi prilikom serviranja posjetitelju? 

Mišljenja sam da se sa svakim učitavanjem stranice nepotrebno opterećuju server side resursi . 

Pogledaj sljedeći scenarij:

Na stranici index vijesti imaš 20 vijesti sa  fotografijama, svaki put kada se učita stranica, server side  skripta (php) provjerava dostupnost fotografija, uradi resize ako ne postoje i onda ih šalje natrag u preglednik. To je 20 upita na php skriptu, koja prolazi kroz svoje petlje i php funkcije.

S druge strane tragam za client-side rješenjem, jer po uploadu spremim fotografije u nekoliko različitih dimenzija (nema potrebe za onih 20 php provjera), js funkcija detektira dimenzije preglednika i na osnovu tih podataka odabire putanju na sliku ili samu sliku sa različitim perfiksima. Minimalno opterećuješ klijentsku stranu, a maksimalno rasteretiš server.

Našao sam jednostavno rješenje ili dobru polaznu točku od html5 data atributa

<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="">

i css3 primjene

@media (min-device-width:600px) {
img[data-src-600px] {
content: attr(data-src-600px, url); 
}
}

@media (min-device-width:800px) {
img[data-src-800px] {
content: attr(data-src-800px, url);
}
}

do jquery skripte sa kojom se tek moram zabaviti..

u php-u koja je razlika između

.  , (točke i zareza)i kad se stavljaju ?

Citirano sa jedne od predhonih stranica na ovoj temi http://www.bug.hr/forum/topic/razvoj-web-stranica/razvoj-web-stranica-rasprava/139135.aspx?page=15&jumpto=3340630&sort=asc&view=flat

Sljedeće dvije prezentacije na odličan način pokazuju kako riješiti problem sa kojim sam se sreo i možda pomognu nekome da shvati i organizira svoj db tabele.

http://www.slideshare.net/billkarwin/models-for-hierarchical-data

http://www.slideshare.net/billkarwin/sql-antipatterns-strike-back

Ja sam lupao glavu kako organizirati sadržaj u n-level stablu i (priznajem) nisam znao što tražiti na netu. Ključna riječ za moje problem je bila Closure table iskreno meni nepoznata.. 

Ja uvijek stavim fontove ovako h1 - xx-large, h2 - x-large, h3 -large, p - medium, h4 - small, h5 - x-small, h6 - xx-small, to mi je najbolje za sam font.

Linkove obojim po potrebi, ovisno o dizajnu cjelokupne stranice.

E sada, ono što ti je važnije (naslov itd.) ide većim fontom (h2, h3 - jer je h1 većinom naslov same stranice), a datum, ime autora i sl. ide pod h4 ili h5, a tekst ide paragraph.

Naravno, kada pišem tako neke članke volim koristiti novi HTML 5 tag <article>, a u samom articlu imati <header> i <footer>. Full HTML 5 style.

E sada, ako klijent nije prezahtjevan ostavi tu tipografiju, a ako dosta pazi na detalje, promijeniš mu ono što želi i to je to.

Nadam se da sam pomogao!

postovanje, imam jedno malo pitanje, naime uzeo sam si za zadatak/hobi nauciti html/css (opcenito web dizajn) a nakon toga i javascript te jquery, prosao sam sve html/css tecajeve na codeacademy te usvojio nekakve osnove, sada bih narednih mjeseci usavrsavao i nadogradjivao steceno znanje (iz html/css) pa me zanima koji softwer koristiti za pisanje koda ? 

do sada sam se igrao sa notepadom i notepadom ++ , da li da ostanem na notepadu++ ili da rabim nesto tipa http://www.blumentals.net/htmlpad ili mi je pametnije nesto trece ? , ne bih volio program koji ce mi previse olaksati(dok ne utvrdim/naucim vise) ali bih volio da ima ugradjen barem live preview (da ne moram stalno refreshati website u browseru) 

hvala 

:)

Dizajneri su posebna sorta ljudi. Ja cu tehnicki odraditi bilo kakav dizajn, dakle, od slike cu ti isto nacrtat u photoshopu, izslajsat sto god treba, ali nisam dovoljno kreativan da kreiram dizajn koji ce mi se svidit. To je tako. Ti si vjerovatno matematicko/logicki tip osobe.

Sto se tice responsive layouta, jesi ga pokusao implementirati na nesto kompleksnijim web stranicama (tipa nekakav news portal sa dosta modula)?