Razvoj web-stranica - Rasprava

Kod je ovakav i to ne funkcionira u Firefoxu, tek dok ih stavim sve u isti folder, tj. folder od fontova onda radi ( drugi kod ).

@font-face{
font-family:Griffin;
src:url("../font-kits/Griffin/Griffin-webfont.eot");
src:local(':)'),url("../font-kits/Griffin/Griffin-webfont.ttf") format("truetype"),url("../font-kits/Griffin/Griffin-webfont.woff") format("woff"), url("../font-kits/Griffin/Griffin-webfont.svg#webfont") format("svg");
font-weight: normal;
font-style: normal;
}

FIREFOX:

@font-face{
font-family:Griffin;
src:url("Griffin-webfont.eot");
src:local(':)'),url("Griffin-webfont.ttf") format("truetype"),url("Griffin-webfont.woff") format("woff"), url("Griffin-webfont.svg#webfont") format("svg");
font-weight: normal;
font-style: normal;
}

  Da.

  Radi hvala ti. Ali kak će to raditi vani u divljini, jel to na svakom firefoxu takav problem ili je to problem samo kad radim u localhostu?

Izrada stranica  sa Client-side MVC arhikteturom, da ili ne???

Zadnjih sam  par dana bacio oko na ovaj brzošireći trend u razvoju web stranica, tri najpoznatija primjera implementacije ovakvog rješenja su google (gmail/grupe,..), twitter i facebook, te masu web stranica prilagođenim uporabi na mobilnim uređajima.

Kako rade ove stranice? Ukratko, pri prvoj posjeti učitati će vam se kompletno sučelje web stranice sa svim pripadajućim bibliotekama (js,css,html), nakon čega slijedi učitavanje podataka obično u json formatu.

Sljedećim klikom na navigaciju unutar stranice, sadržaj se učitava gotovo trenutno, jer se nalazi već spremljen u 'localStorage' vašeg preglednika. Ukoliko sadržaj koji želite pogledati nije pruzet u inicijalnom preuzimanju stranice, klik na poveznicu (npr naslov nekog članka) sa udaljenog servera će pozvati i preuzeti samo i isključivo podatke (text, fotografije) i prikazati vam punu html stranicu. Dok čitate članak u pozadini je moguće inicirati preuzimanje podataka za recimo pet najpopularnijih članaka iz iz iste kategorije,...

MVC (Model-View-Controler) na klijentskoj strani drastično rasterećuje serverske resurse, jer se generiranje stranica obavlja u pregledniku posjetitelja, a ne kao što smo navikli da server šalje kompletnu stranicu sa svakim upitom i donekle se oslanja na keširanje statičnoga sadržaja unutar preglednika.

Brzim googlanjem 'client-side mvc' možete doći do masu uputa i primjera kako sve ovo radi.

Ah, da zaboravio sam reći da su ove client side MVC aplikacije ustvari javascript biblioteke koje obavljaju posao koji su do sada radili isključivo serverside jezici i web aplikacije.

Koga zanima neka baci oko na backbone.js, node.js (super brzi js server koji isporučuje realtime podatke), meteor.js (projekt koji je trenutno prikupio 11 milijuna $ investicija)...

Lijep Pozdrav

Skrenuo bi samo pažnju samo na node.js, koji je u biti serverski JavaScript, bacio sam i ja oko pred kojih tjedan dana, i funkcionira za razliku od ostalih server side tehnologija asinkrono. Speeka.net, node.js aplikacija domaćih autora.

MVC je so last year.

Ja radim sve HMVC : hierarched model-view-controler koji još bolje organizira resurse, module etc.

Primjerice:

https://bitbucket.org/wiredesignz/codeigniter-modular-extensions-hmvc/wiki/Home

@Nix: koliko vise vremena/kucanja zahtjeva takav razvoj? Ja sam nesto bio gledao node.js ali se nikad nisam uhvatio zezati sa tim.

Onaj osjećaj kad nakon cijelog dana rada konačno uspiješ nači riješenje 

Mislim da nisi povukao dobru paralelu. Ovo sto si ti dao su nekakve kontrole... On gore prica o skroz drugoj stvari.

Ima svega u oba Sencha frameworka: kontorle, MVC, native build tools...

http://www.sencha.com/blog/architecting-your-app-with-sencha-touch-2-mvc/

Evo da javim da je projekt koji smo radili royalhero i ja u završnoj fazi... Ostale su još sitnice i čeka se hosting (nemamo pojma je li naručen uopće?) ...

U potrazi sam za realtime  'url shortner' jquery pluginom/kodom. Kod treba da zadovolji sljedeće uvjete:

• prati korisničko tipkanje odnosno reagira na space, tab i enter
• pretvori tekst u niz
• u nizu traži link koji nije bit.ly, npr 'http://example.com/index.php?qwert&asdfg'
• koristi bit.ly ili sličan api za skraćivanje pronađenog linka-a
• mijenja dugi link sa kratkim

  nisam se sa ovim do sada bavio, pa nemam pojma od kuda da krenem :)

Hvala

1. ok, nisam bio jasan :)  skripta treba u tekstu pronaći link/url i zamijeniti ga kraćom verzijom.

3. provjerava da li je url već skraćen na tom servisu, ako nije onda poziva vanjski api i dohvati skraćenu verziju

4. sve ok ali poenta je da url bude što kraći, što moja ili korisnička domena ne može osigurati (mojeimemojeprezime.com/1234 vs bit.ly/1234 vs t.co/1234). Ovo mi je bitno zbog upisa na twitter putem vlastitog cms-a...

'realtime' dakle dok kucam tekst u polje i na svaki space,tab ili enter vrši se provjera ima li u textu url, ako ima vrši se zamjena kraćim..

nisam sa jquery na ti ;)

ovdje je objašnjen bit.ly API ali sa primjenom na wordpress, no uz malo znanja PHP-a mislim da ti neće biti problem i za tvoj custom CMS. Objašnjeno je kako da ti se generira short url - i dalje lako sa njime baratašš

a sada, pretpostavljam da imaš slijedeću situaciju - ti želiš kada ti se objavi neki novi post na tvojoj stranici, da se automatski objavi  i na twitteru? pa onda malo prouci twitter auto update, odnosno nekakav widget koji će za tebe automatski postati na twitter, i on (twitter) sam već ima ugrađen url shortner, tako da ne moraš ti (t.co)

ja bih pregledao neko gotovo rješenje za recimo wordpress, i prilagodio ga sebi (ako ti je CMS PHP + MySQL based) za ostale ne znam :/

btw, na ovoj stranici http://domai.nr/ lahano brzo provjeriš neku kratku domenicu i registriraš je gdje želiš

Definitivno najjednostavnije rješenje. Osim toga, nikome nije palo na pamet da će nastati "neiskorišteni" skraćeni URL ako user odustane od postanja...