Web razvoj i linux sistemi

spager - jQuery plugin

2009-08-16T17:20:00.003+02:00

Pozdrav svima, izvinjavam se što se duže vremena nisam javljao, trenutno radim na većem projektu pa slabo nalazim vremena da pišem.

Napravih i ja svoj prvi jQuery plugin - spager (Simple Pager). Funkcija mu je da bilo koju tabelu raščlani na stranice (npr. rezultati pretrage u tabelarnom obliku ili bilo koja druga tabela).
Sadrži samo osnovne funkcije i težio sam da bude minimalistički i da radi samo ono što je potrebno. Sve se izvršava dinamički.

Postoje 4 opcije koje možete proslediti:
items - opcioni parametar koji govori koliko redova da se prikaže po stranici (int) (default je prva vrednost iz opts parametra)
opts - opcioni parametar, određuje koje opcije korisnik može odabrati, odnosno ponudjene vrednosti za izbor prikaza (array) (default je 10, 15, 25 i 50)
animate - opcioni parametar, isključi/uključi animaciju pri promeni stranice (boolean) (default je true)
ctrls - id DOM elementa (uglavnom div) u koji će biti smeštene kontrole, ovaj parametar je potreban kako bi bilo moguće menjati stranice

primer:

          $("#mytable").spager({
        
                   items:    10,
                   opts: [5,10,15,20,25,50],
                   ctrls: "pg",
                   animate: true
        
         })

Download
Demo

Spajanje videa na linuxu (.001, .002...)

2009-07-10T20:34:00.002+02:00

Najjednostavniji način da ovo odradite je preko terminala.
Recimo da imate sledeće fajlove:
xxx.mkv.001
xxx.mkv.002
xxx.mkv.003

Komanda je sledeća:
cat xxx.mkv.001 xxx.mkv.002 xxx.mkv.003 > film.mkv

film.mkv je izlazni fajl, odnosno spojeni film.
Zatim slobodno možete obrisati delove videa.

Uskladite titlove

2009-07-10T19:43:00.006+02:00

Kokice spremne, fotelja ugrejana, film -odličan snimak, a titl kasni 5 sekundi, u potrazi za novim titlom izgubili ste pola sata i pošteno se nanervirali i izgubili želju za gledanjem filma, zvuči vam poznato?
I sam sam često prolazio kroz ovo pa sam odlučio da se pozabavim ovim problemom, evo kako sam uspeo ovo da ga rešim...
Za početak potrebno je da instalirate program "Subtitle Editor", naravno besplatan program. Instalirate ga komandom:
sudo apt-get install subtitleeditor

A postupak je sledeći (vidi animaciju):

Dakle otvorite film i gledajte vreme kada se javlja prvi dijalog i zapamtite ga. Zatim otvorite vaš titl u subtitle editoru i selektujete sve titlove pa u timing meniju podesite novo vreme titlova (vreme koje ste prethodno zapamtili) i sačuvate titl. Postupak traje par sekundi a može da vam sačuva živce i vreme.

Podržani formati titlova su:
o Sub Station Alpha
o Advanced Sub Station Alpha
o SubRip (srt)
o MicroDVD
o MPL2
o MPsub (MPlayer subtitle)
o SubViewer 2.0
o Plain-Text (txt)
o Adobe Encore DVD

Nadam se da je bilo od pomoći :)

Brisanje starog kernela

2009-07-04T16:02:00.002+02:00

Nakon izvršenog unapređenja kernela na vašem sistemu ostaće i kernel koji ste do tada koristili.
Preporučujem da posle unapređenja restartujete sistem sa novim kernelom i proverite da li vam svi uređaji i aplikacije rade kako treba.
Ukoliko sve radi, stari kernel možete ukloniti na sledeći način:

uname -r

ovom komandom ćete videti kernel koji sistem trenutno koristi i njega nemojte dirati već u komandi:

sudo apt-get remove linux-image-x.x.xx-x-generic

zamenite x.x.xx-x verzijom kernela koji želite da uklonite

Note: apt-get će pokušati da sam podesi grub loader tako da pri sledećem restartu računara ne biste trebali da vidite ponuđene stare verzije kernela.

Vatrena lisica 3.5 zapalila svet :P

2009-07-01T11:55:00.004+02:00

Za sve ljubitelje firefox browser-a:
http://downloadstats.mozilla.com/

Svakim preuzimanjem firefoxa mi zaigra srce, daje mi nadu da se propast IE-a bliži što bi nama, web developerima, uštedelo gomilu vremena koje trošimo na prilagođavanje naših sajtova izmišljenim standardima.

Konzolni youtube downloader: youtube-dl

2009-06-28T23:16:00.004+02:00

Ovaj mali konzolni program vam omogućava da brzo skinete bilo koji video sa youtube.com jednom komandom.
Nema puno o njemu da se kaže, jednom rečju svrsishodna, jednostavna aplikacija.
Evo kako izgleda najjednostavnija komanda za skidanje vide-a:
youtube-dl http://www.youtube.com/watch?v=qWEIQIv8zvY
Naravno link zamenite željenim linkom. Video će biti sačuvan u radnom direktorijumu terminala u flv formatu.

Preporučujem da koristite -lb parametre,
l - umesto nasumičnog imena fajla vaš video će biti sačuvan sa naslovom videa
b - program će pokušati da skine verziju videa sa najboljim kvalitetom

dakle vaša nova komada bi glasila:
youtube-dl -lb http://www.youtube.com/watch?v=qWEIQIv8zvY

Da biste ga instalirali na deb baziranim distribucijama:
sudo apt-get install youtube-dl

Jedina zavisnost je python 2.4 ili noviji.

FireTube - greasemonkey skripta za youtube

2009-06-28T20:20:00.003+02:00

Uvek su mi komentari na YouTube izgledali suvoparno što me je i navelo da napišem ovu skriptu.
Skripta služi da doda slike autora komentara pored njihovog imena i vrši manje izmene u izgledu sajta.
Koristi jQuery.
Note: učitavanje stranica je usporeno zbog niza sinhronih requestova, ako budem imao vremena gledaću da poradim na tome.

Još slika i skriptu možete naći ovde.

Rešite se GPG grešaka

2009-06-27T07:42:00.002+02:00

Nakon dodavanja novih repozitorijuma uglavnom je potrebno importovati ključ za isti, u suprotnom, svaki put kad biste izvršili update lokalnog skladišta dobijali biste grešku nalik ovoj:
W: GPG error: http://ppa.launchpad.net intrepid Release: The following signatures couldn't be verified because the public key is not available: NO_PUBKEY C5E6A5ED249AD24C
W: You may want to run apt-get update to correct these problems
(kod vas će naravno da se razlikuje kod)

Postoji više načina da se ovaj problem reši, jedan od njih jeste da odete na launchpad i manuelno sačuvate ključ pa ga importujete, no ovo je teži i duži način te o njemu nećemo pričati.

Evo elegantnijeg načina:
gpg --keyserver keyserver.ubuntu.com --recv C5E6A5ED249AD24C
gpg --export --armor C5E6A5ED249AD24C | sudo apt-key add -
(zapazili ste da je boldovani kod zamenjen sa onim koji je greška prijavljivala, ne zaboravite da i vi zamenite sa kodom koji vama prijavljuje)

To je to, sada možete izvršiti sudo apt-get update i primetićete da nema više greške.

Kako instalirati firefox na linuxu

2009-06-26T18:11:00.003+02:00

Iako većina distribucija dolazi sa već instaliranim firefox-om verovatno ćete se iz nekog razloga, pre ili kasnije, naći u situaciji da će vam biti potrebno da manuelno instalirate firefox.

Nakon što ste skinuli tar.bz2 arhivu firefoxa sa oficijelnog sajta:
1) extraktujte je, na primer na vaš desktop. U većini DE možete ovo izvršiti desnim klikom na arhivu i odabrati "Extract here". Ukoliko to nije slučaj možete preko terminala komandom:
bzip2 -d firefox<verzija>.tar.bz2 && tar -xvvf firefox<verzija>.tar
2) menjamo radni direktorijum na desktop, odnosno direktorijum u koji ste ekstraktovali arhivu
cd ~/Desktop
3) kopiramo ceo folder u /usr/local
sudo cp firefox /usr/local/

(ukoliko želite da imate više instalacija firefox-a, npr. 2 različite verzije onda preimenujte direktorijum)
npr:
sudo mv /usr/local/firefox /usr/local/firefox3.5

4) pravimo link u bin direktorijumu kako bi omogućili pokretanje preko terminala
cd /usr/local/bin
ln -s /usr/local/firefox/firefox firefox

5) pravimo link za plugine, ovo je važno jer će svi plugini koje instalirate manuelno (flash, java...) biti instalirani u direktorijum /usr/lib/firefox/plugins
Dakle da bi nam flash player i java radili moramo učiniti sledeće:
cd /usr/local/firefox/plugins
ln -s /usr/lib/firefox/plugins

6) ukoliko želite da imate ikonicu na desktopu:
cd ~/Desktop
ln -s /usr/local/firefox/firefox Firefox

Ko isprati ova uputstva spreman je da mu ovo bude devojka :D

SEO saveti

2009-06-04T19:17:00.005+02:00

Mučili ste se mesecima da napravite dobar sajt, platili ste hosting, kupili super domen sve je spremno za najezdu posetilaca...ukoliko ste već bili u sličnoj situaciji znate da to ne ide baš tako.
Pridobiti posetioce ili potencijalne klijente nije tako jednostavno jer da bi uopšte neko saznao za naš sajt on mora biti indeksiran na pretraživačima (google, yahoo, MSN...), i nije dovoljno samo biti indeksiran jer svaki sajt pre ili kasnije biva indeksiran, prava borba za posetioce tek onda počinje.
Kako bi naš sajt zauzeo što bolji položaj i kako bi se pojavio u što više pretraga potrebno je preduzeti određene korake u optimizaciji sajta za pretraživače popularne pod imenom SEO (search engine optimization).

Osnovna pravila kojih bi trebali da se držite što je više moguće:

1) Naslov sajta (title) - je jedna od najvažnijih stvari iako izgleda potpuno beznačajno. On bi trebao da daje kratak i jasan opis sadržaja stranice, mora biti primamljiv za posetioce i trebao bi da sadrži ključne reči vezane za vaš sajt.
Nikako nemojte koristiti naslove tipa "početna stranica", "Index", "Dobrodošli" i sl...
Pažnja: pored naslova prozora u browseru on će biti vidljiv i u rezultatima pretrage.

2) Unikatan i kvalitetan sadržaj - veoma važna stvar je da vaš sajt sadrži dosta unikatnog sadržaja koji bi ga izdvojio u odnosu na ostale sajtove slične tematike jer, ukoliko to nije slučaj uvek će konkurentni sajt bolje prolaziti u rezultatima pretrage.
Kada pričamo o kvalitetu sadržaja gledajte da stranica bude više od jednog linka, 2 reda teksta i slike.
Nikako nemojte praviti stranice koje za funkciju imaju samo redirekciju.

3) Kvalitetni linkovi ka vašem sajtu - kvalitetan link predstavlja link ka vašem sajtu sa sajta koji je visoko rangiran na pretraživačima. Takođe potrudite se da linkovi ka vašem sajtu ne budu svi ka početnoj stranici već i prema ostalim stranicama vašeg sajta (to govori pretraživačima da imate kvalitetnog sadržaja na sajtu).

4) Sitemap - može biti HTML ili XML fajl koji sadrži linkove ka svim stranicama vašeg sajta. Opciono može da govori i o tome kolika je važnost linka u odnosu na ostale linkove na vašem sajtu, koliko često se menja sadržaj stranice i kada je bila poslednja promena na stranici.
Sitemap je posebno važan kod dinamičkih web aplikacija i web aplikacija koje u velikoj meri koriste AJAX jer u tim slučajeva ne postoji drugi način kako bi pretraživači našli vaše stranice.
Ovde možete naći uputstva kako da napravite sitemap.

5) Boldujte i naglasite ključne reči u vašoj stranici - jer time ćete reći pretraživačima da su vam ključne reči (keywords) istinite.

6) META tagovi - veoma su važni za SEO, nalaze se u HEAD sekciji vašeg sajta.
Sledeće tagove biste svakako trebali da koristite:
DESCRIPTION - ovaj tag služi pretraživačima kako bi ga stavili ispod naslova sajta u rezultatima pretrage. Dakle, budite pažljivi dok ovo pišete jer će biti prvi kontakt vašeg sajta sa posetiocima. Baš kao i naslov, opis treba ukratko da govori o sadržaju sajta, eventualno može sadržati važniji isečak iz njegovog sadržaja.
Primer:
<meta name="description" content="Sajam automobila, prodaja i kupovina automobila po povoljnim cenama...">

KEYWORDS - ključne reči na vašoj stranici, trudite se da budu istinite i da se u njima zaista nalaze reči koje predstavljaju vaš sajt i koje se javljaju u vašim stranicama u suprotnom pretraživači će vaš sajt smatrati spamom a to je zadnje što želite da vam se desi.
Primer:
<meta name="keywords" content="automobili, kupovina, sajam, prodaja, auto delovi">

ROBOTS - default vrednost je INDEX, FOLLOW. Ukoliko ne želite da izmenite ove opcije ne morate stavljati robots tag.
Ovde možete pročitati malo više o ovom tagu.
Primer:
<meta name="ROBOTS" content="NOFOLLOW, INDEX ">

Preporučeni raspored meta tagova je robots - description - keywords.

7) Tekstovi linkova - tekst linka trebao bi da govori nešto o sadržaju ciljne stranice i po mogućnosti da sadrži neku od ključnih reči iste.
Primer loših linkova: "Klikni ovde", "moj sajt", "posetite nas" i sl...

Toliko za sada, nadam se da vam je ovaj tekst bio od koristi.

Pozdrav! :)

Sitemap - zašto, kako?

2009-06-04T18:53:00.008+02:00

U prethodnom postu pričao sam o važnosti prilagođavanja vašeg sajta pretraživačima i pomenuo osnovna pravila kojih bi trebali da se držite. Jedno od tih pravila jeste i postavljanje sitemap-a na server.

Šta je sitemap?
Kako da ga napravim?

Sitemap može biti XML, HTML ili tekstualni fajl koji u sebi sadrži listu svih linkova ka stranicama sajta. Pored toga on može nositi i opcione informacije kao što su koliko se često menja sadržaj stranice, kolika je njena važnost u odnosu na ostale stranice sajta i kada je izvršena poslednja promena.
Pretraživači (google, yahoo, MSN...) koriste robote (spider-e) kako bi pronašli vaše stranice i velika je verovatnoća da će ih pronaći bez sitemapa ukoliko je u pitanju statičan sajt, al problem nastaje kod sajtova koji dinamički generišu sadržaj i koji u velikoj meri koriste AJAX.
Kako popularnost AJAX-a vrtoglavo raste tako i potreba za kreiranjem sitemap-a postaje sve veća.
Ovo je otprilke teoretski deo o sitemapu koji biste trebali da znate pre nego što pređemo na sintaksu.

Pričaćemo o sitemapu u XML formatu, struktura najjednostavnijeg sitemapa bez definisanih opcionih parametara je sledeća:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://keepitfit.co.cc/index.php?n=182</loc>
</url>

<url>
<loc>http://keepitfit.co.cc/index.php?n=183</loc>
</url>

<url>
<loc>http://keepitfit.co.cc/index.php?n=184</loc>
</url>
</urlset>

Naravno vi biste zamenili date linkove svojim linkovima.
Ukoliko želite da definišete i opcione parametre učinićete to na sledeći način:

<url>
<loc>http://keepitfit.co.cc/index.php?n=184</loc>
<lastmod>2009-06-22</lastmod>
<changefreq>never</changefreq>
<priority>0.5</priority>
</url>

Da rezmiramo:
loc - link do stranice
lastmod - datum poslednje promene u formatu GGGG-MM-DD
changefreq - koliko često se menja sadržaj stranice, moguće vrednosti su:

always
hourly
daily
weekly
monthly
yearly
never

priority - važnost stranice u odnosu na ostale, može imati vrednost od 0.0 do 1.0 (podrazumevana vrednost je 0.5)

* Sitemap smestite u folder u kojem se nalaze stranice na koje on ukazuje, na primer ako u sitemapu imate link http://keepitfit.co.cc/index.php?n=184 u tom slučaju sitemap će biti smešten u root servera a ako bismo, kojim slučajem, imali link http://keepitfit.co.cc/ostalo/sajt.php u tom slučaju bismo sitemap morali staviti u direktorijum "ostalo".

Potreba za sitemap indexom javlja se ukoliko morate da ukažete na stranice koje se nalaze u različitim direktorijumima.
Struktura sitemap indexa:

<?xml version="1.0" encoding="UTF-8"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>http://www.keepitfit.co.cc/sitemap1.xml</loc>
<lastmod>2009-05-13</lastmod>
</sitemap>
<sitemap>
<loc>http://www.keepitfit.co.cc/sitemap2.xml</loc>
<lastmod>2009-06-26</lastmod>
</sitemap>
</sitemapindex>

Ispravnost vašeg sitemapa možete proveriti ovde.

Tekstualni sitemap možete napraviti pisanjem po jedan link u jedan red u običan txt fajl. Maksimalan broj linkova u tekstualnom sitemapu je 50 000.

Firefox 3.5 b4

2009-05-16T22:24:00.006+02:00

Evo da vam javim prve utiske testiranja beta verzije firefox 3.5. Vizuelno je ostala potpuno ista kao i sve prethodne verzije, a što se tiče brzine...možda je renderovanje stranica za nijansu brže, rano je da sudim o tome, moraću još par dana ga koristim.
Promene koje sam prvo zapazio su:
1)dinamični tabovi - moguće ih je izvući u novi prozor i obratno
2)privatno surfovanje - istorija neće biti zapamćena, tj. ne čuvaju se cookiji, keš, istorija posećenih sajtova, istorija skidanja...odatle je i dobio nadimak "porn mode" :D
3)clear recent history, naziv govori sam za sebe - mogućnost da ne očistite celu istoriju već samo za period koji navedete...prilično korisna stvarčica iako sam ja navikao da mi istorija bude isključena možda će me ova opcija navesti da menjam stare navike, videćemo.
4) još ranije sam čitao po CSS 3 blogovima da će novi gecko engine koji koristi FF3.5 podržavati neke CSS3 standarde koje prethodne verzije nisu podržavale.

"Problem" je što je još uvek nekompatibilna sa većinom add-onova al to se ne može navesti kao nedostatak nove verzije.
Sudeći po tekstovima i najavama budućnost firefoxa leži u multiprocesnom okruženju što znači da će, kao kod google chrome-a, svaki tab predstavljati poseban proces, te stoga, ukoliko se zamrzne, pukne ili dođe do neke greške neće se zamrzavati ceo browser već će se zamrznuti samo taj tab u kome je došlo do greške i biće moguće isključiti ga preko integrisanog proces managera. Živi bili pa videli, jedva čekam! :)
Pored toga u najavi je i novi logo, ne puno promenjen u odnosu na prethodni.
RC1 je najavljen za početak juna, siguran sam da će dotle biti još dosta novina i promena. Toliko o prvim utiscima, ako nakon izlaska RC1 bude promena vrednih pominjanja družićemo se, za sada vam preporučujem da se držite 3.0.0.x

Instalacija apache-a, MySQL servera i phpmyadmin-a na linuxu

2009-05-16T09:53:00.004+02:00

Sve možete instalirati jednom komandom:
sudo apt-get install apache2 libapache2-mod-php5 php5 php5-mysql mysql-server phpmyadmin

Server će se automatski pokretati pri dizanju sistema, ukoliko želite da ga isključite kucajte:
sudo /etc/init.d/apache2 stop

pokretanje servera:
sudo /etc/init.d/apache2 start

restart servera:
sudo /etc/init.d/apache2 restart

konfiguracioni fajlovi servera su:
/etc/apache2/apache2.conf
/etc/apache2/httpd.conf
/etc/apache2/ports.conf
/etc/apache2/sites-enabled

Tilda - praktičan terminal emulator

2009-05-15T23:08:00.004+02:00

Ovaj nesvakidašnji, ali veoma praktičan terminal emulator biće pravi preporod za vas ukoliko često koristite terminal. Verovatno ste se našli u situaciji da vam panel bude zatrpan sa gomilom terminala i da se izgubite među njima a na kraju krajeva i vreme koje je potrebno da se pokrene terminal nije zanemarljivo.
Ukoliko ste nekada igrali igru CounterStrike, znaćete o čemu se radi, veoma sličan princip i izgled kao konzola iz te igrice.
Uvek je uključen ali je nevidljiv, pritiskom na dugme (koje sami možete podesiti) "iskače" i odmah je spreman za rad.
Možete podesiti nivo transparencije, efekte "iskakanja", kombinacije prečica, visinu, širinu, izgled, pozadinu, boje...mogućnostima nema kraja.
Evo kako to izgleda:
Toplo ga preporučujem svima koji često koriste terminal.

Omogućite autocomplete u bash-u

2009-05-15T20:00:00.002+02:00

Uglavnom je ova opcija kod svih distribucija omogućena po defaultu, ali postoje distribucije kod kojih to nije slučaj.
Da bi ste omogućili autocomplete (automatsko dovršavanje komande pri pritisku na tab taster) u terminalu kucajte:
gksudo mousepad /etc/bash.bashrc
(mousepad možete zameniti vašim omiljenim tekst editorom)

Skrolujte nadole i nađite sledeće redove:
# enable bash completion in interactive shells
#if [ -f /etc/bash_completion ]; then
# . /etc/bash_completion
#fi

I uklonite komentare ispred poslednje 3 navedene linije, znači zamenite prethodno navedeni tekst sledećim:
# enable bash completion in interactive shells
if [ -f /etc/bash_completion ]; then
. /etc/bash_completion
fi

Snimite izmenjeni fajl (možda ćete morati da restartujete vaš terminal emulator da bi se podešavanja prihvatila).

KeepItFit.co.cc - Brojač kalorija i organizacija ishrane

2009-05-15T19:10:00.006+02:00

Često sam imao problem sa organizacijom sopstvene ishrane jer me je mrzelo da svaki put iznova gledam koliko koja namirnica ima kalorija i da sabiram nutritivne vrednosti, pogotovo uzimajući u obzir činjenicu da dnevno jedem bar 6-7 puta.
Odatle i ideja da napravim ovaj sajt koji sam osmislio na principu "svi za jednog jedan za sve", naime...svaki posetilac sajta ima mogućnost da doda nove namirnice u bazu i time omogući sebi da korektno prati sopstvenu ishranu a samim tim pomogne drugima.
Svaka namirnica biva pregledana pre odobravanja kako bi se izbegla zloupotreba ove mogućnosti.
Naravno, osnovna funkcija sajta jeste praćenje vaše ishrane i niste obavezni da dodajete namirnice. Sajt pamti šta ste konzumirali od datuma registracije pa sve do poslednje konzumacije namirnice, kao i koliko ste uneli kalorija, proteina, ugljenih hidrata, masti, kao i koliko čaša vode ste popili za svaki dan.
Ovo važi za registrovane korisnike, dok neregistrovani posetioci mogu samo da pretražuju bazu namirnica i da dodaju nove namirnice.

Koja je osnovna razlika između ovog sajta i sajtova slične namene?

ceo sajt je pisan u AJAX-u što omogućava da brzo i efikasno unesete sve konzumirane namirnice
namirnice možete pretraživati po proizvođaču, brendu i imenu namirnice
baza namirnica je sklopljena od strane korisnika tako da ćete uglavnom naći najčešće konzumirane namirnice
"pametna pretraga" sortira rezultate pretrage po popularnosti te su oni najčešće korišćeni pri vrhu što dodatno ubrzava proces praćenja ishrane
ocenjivanje namirnica, svaku namirnicu možete oceniti pozitivnim ili negativnim glasom i možete proceniti da li je dobro konzumirati određenu namirnicu ili ne po glasovima ostalih korisnika
beskonačno dug period pamćenja ishrane (možete uporediti kako se menjala vaša ishrana kroz dane, mesece, godine...vekove :P)
imate uvid koliko ste vode uneli u organizam tokom dana (rehidratacija organizma je veoma važan faktor!)

Link: keepitfit.co.cc

Preload slika uz pomoć CSS-a

2009-05-10T23:36:00.003+02:00

Šta je preload slika i za šta se koristi?

Ukoliko ste dizajnirali web aplikaciju koja koristi slike kao dugmiće sa hover promenom slike sigurno ste zapazili kako prelazni efekat "laguje" što znatno umanjuje efekat koji ste želeli da postignete. Ovo se javlja iz razloga što svaki put kada se desi hover event browser šalje request serveru, koji ponovo skida celu sliku što dovodi do pomenutog laga i nepotrebnog korišćenja bandwidth-a.
Da bi smo ovo izbegli koristimo preload slika koji se može izvršiti na 2 načina, preko JavaScript-a ili primenom CSS-a.
JavaScript način je nešto komplikovaniji i neće raditi kod onih kojima je JavaScript isključen (ako još postoje takvi).
Evo kako to da izvedemo pomoću CSS-a:

A klasa će izgledati ovako:
.preload
{
display: none;
}

Prosto a korisno!

Srpski spell check u firefox-u

2009-04-25T15:43:00.003+02:00

Kao što i sam naslov kaže, provera tačnosti kucanja za firefox. Veoma je korisna stvar pogotovo ako često pišete tekstove po forumima i blogovima.
Oficijelnu verziju možete skinuti ovde. (oficijelna verzija može da se instalira samo na firefox 2.0.0.* ja sam ga prepravio da radi i na 3.0.*, prepravljenu verziju za firefox 3.0.* možete skinuti ovde).

Dopuna:
Prepravljenu verziju za firefox 3.5 možete skinuti ovde.

*buntu 9.04 Jaunty Jackalope

2009-04-25T14:03:00.007+02:00

Instalirao sam xubuntu i mogu vam reći da sam veoma prijatno iznenađen.
Sistem se digne za petnaestak sekundi što je zaista zapanjujuće u odnosu na 45 sekundi koliko je trebalo da se digne 8.10 na mom računaru, istina bilo je dosta aplikacija na startupu, al vreme do login screen-a je zaista neverovatno smanjeno. Sledeće prijatno iznenađenje jeste mogućnost korišćenja ext4 particija koje su primetno brže u odnosu na ext3, i sam proces instalacije aplikacija se izvršava mnogo brže.
Podrška za hardver je proširena sa gomilom novih drajvera a čini mi se da su čak i postojeći drajveri poboljšani jer mi sada kamera radi brže. Nisam probao ubuntu jer mi više odgovara XFCE pa vam ne mogu pričati o novim "fancy" obaveštenjima, XFCE se i dalje drži libnotify-ja za obaveštenja.
Xubuntu dolazi sa preinstaliranim XFCE 4.6 koji donosi mnoge prednosti u odnosu na prethodne verzije (jedna od važnijih je mogućnost grupnog selektovanja mišem).
Novina u synaptic-u je da sada možete da vidite screenshot programa pre nego što ga instalirate (vidi sliku).

Download Ubuntu
Download Xubuntu

Koji linux je najpogodniji za početnike?

2009-04-19T13:21:00.005+02:00

Iskustvo je pokazalo da je za početak najbolje odabrati linux baziran na debian-u.
Evo i zašto:
-najveći broj korinika, samim tim i najlakše doći do podrške
-najveći broj prekompajliranog softvera (nije često potrebno kompajliranje izvornog koda)
-najmanje podešavanja
-većina derivata je user friendly i jednostavna za instalaciju

Dakle pošto smo zaključili da je neki derivat debiana najbolji da suzimo izbor, sledeći parametar koji gledamo jeste računar na koji se instalira.
Ukoliko imate slabiji računar preporučujem Linux Mint XFCE, CE, Xubuntu, DSL, Zenwalk (slack) (ili neki četvrti, uglavnom tražite distro koji koristi XFCE okruženje jer ono omogućava prijatan rad uz malu potrošnju resursa).

Za one sa jačim računarima i one kojima je produktivnost na drugom mestu u obzir dolaze linux mint koji koristi GNOME kao osnovno okruzenje, donosi sa sobom sve potrebne kodeke i, ako me sećanje dobro služi po defaultu koristi medibuntu repo-e.
Prednost minta u odnosu na ubuntu je stabilnost i udobnost koju vam pruža pri radu.

Dakle da izvedemo zaključnu reč, toplo vam preporučujem linux mint a u zavisnosti od računara odaberite da li ćete koristiti XFCE ili GNOME.

Muzika za vežbanje i motivaciju

2009-04-16T21:08:00.002+02:00

Sve je jasno, koje pesme vas dižu na noge, ne daju vam da spustite tegove ili da prestanete sa trčanjem?
Evo moja lista, naravno ima tu još puno drugih al recimo da su mi ovih deset pesama prve pale na pamet:
1) Gataka - Dreaming Mode
2) Dj. Tiesto - Elements Of Life
3) 3 Days Of Grace - Never Too Late
4) The All American Rejects - Gives You Hell
5) Static-X - The Only
6) IIO - Is It Love
7) Khia - My Neck, My Back
8) G-Unit - Beg For Mercy
9) The Prodigy - Firestarter
10) Katy Perry - Hot & Cold

Da čujemo sad vaše predloge...

XBMC -vaš multimedijalni centar

2009-04-16T19:38:00.007+02:00

Testirajući više multimedijalnih plejera na linuxu primetio sam da svaki ima nešto dobro što drugi nema al nikako nisam mogao da naiđem na onaj pravi koji ima sve u jednom.
Uglavnom volim minimalističke aplikacije koje bez mnogo kičeraja i mnogo animacija odrade ono što im je zadatak, što bolje i za što manje vremena a pritom da troše što manje računarskih resursa.
XBMC ispunjava sve ove uslove iako nije nimalo minimalistički interfejs, sve je na svom mestu, sve radi upravo onako kako je predviđeno.
Šta je ustvari XBMC?
Pored toga što vam omogućava da gledate video zapise, slušate muziku, gledate slike, pokazuje trenutno vreme u vašem gradu, ripovanje CD-ova XBMC ima dosta dodatnih funkcija koje vam mogu olakšati rad i doprineti da se osećate komforno dok ga koristite.
Zaista program ima svaku preporuku od mene i ukoliko često koristite multimediju ovaj program će vam garantovano postati deo svakodnevice.

Evo par slika:

Download: http://xbmc.org/download/

Okruženja za web programiranje na linuxu

2009-04-14T22:57:00.008+02:00

1) Quanta Plus
Jednostavna, brza i radi ono za šta je predviđena. Iako je pravljena za KDE odlično radi i na GNOME-u i XFCE-u, stim što ima dosta zavisnosti koje treba da se skinu.
Mogućnosti:
-bojenje koda (preko 20 sintaksi)
-automatsko zatvaranje HTML tagova
-autocomplete HTML i php
-auto indent

2) Aptana Studio
O aptani bih mogao da pišem dan i noć i opet ne bi mogao nabrojati ni pola njenih mogućnosti, morate je probati da bi se uverili.
Sve što sam nabrojao za quantu važi i za aptanu, dodatne mogućnosti:
-JavaScript IDE
-HTML tidy (uređivanje koda)
-bojenje ajax funkcija
-SQL preglednik
-mogućnost instaliranja plug-inova
-odlične mogućnosti podešavanja
-multiplatformska (java)
-real-time prikaz sajtova (možete podesiti da koristi apache server ili ugrađeni server)

Još jedna u nizu prednosti aptane jeste to što može da radi kao samostalna aplikacija ili kao plug-in za ecplise.

Uputstvo za instalaciju aptane na linuxu.

Conky - vremenska prognoza

2009-04-14T19:49:00.005+02:00

Juče se smorih pa reko da napišem skriptu za moj conky. Reč je o skripti koja vam pokazuje trenutnu temperaturu u vašem gradu.
Zamenite URL koji sam boldovao vašim urlom (na weather.com potražite vaš grad i kopirate URL) i zatim iskopirajte to u vaš .conkyrc fajl na mestu gde želite da vam bude ispisana temperatura.

${color orange}WEATHER ${hr 2}$color
${execi 400
cd /tmp
wget -q http://www.weather.com/outlook/travel/businesstraveler/local/SRXX0006?from=enhsearch_loc -O weather
farenheit=`cat weather | grep temp= | sed 's/.*temp=$[0-9]\+$.*/\1/;q'`
echo Temperature: $((($farenheit-32)*5/9))C
rm weather}

Evo kako to izgleda (trenutno pokazuje temperaturu u Novom Sadu):

Metacity, Compositing?

2009-04-14T18:05:00.004+02:00

Mnogo korisnika linux-a ne zna da metacity ima mogućnost compoziting-a (providni prozori, senke i slični vizuelni efekti) pa pribegavaju drugim window manager-ima (compiz, beryl...) koji uglavnom troše više resursa na računaru.
Evo kako u metacity-ju da omogućite compositing:
Alt+F2 -> gconf-editor
Otvoriće vam se prozor za sistemska i aplikativna podešavanja (vidi sliku):
Registar koji želimo da promenimo nalazi se:
apps -> metacity -> general -> compositing_manager
Štiklirajte tu opciju i uživajte u lepim vizuelnim efektima bez nepotrebne potrošnje resursa.

Linux i predrasude

2009-04-14T16:51:00.005+02:00

Postoje razne predrasude u vezi linuxa, najčešće čujem sledeće:

nije user friendly
nema dovoljno softvera
slabo podržava multimediju
nema igrica
slaba podrška za hardver

Neću vas držati u neizvesnosti, ni jedna od navedenih stavki nije istinita, štaviše..napravićemo paralelu sa najrasprostranjenijim OS - windowsom pa vi procenite sami.

USER FRIENDLY

Pošto je linux širok pojam uzećemo za primer ubuntu, distribucija koja je trenutno najrasprostranjenija. Kada ubacite instalacioni CD imate izbor da li želite da instalirate linux na HD ili da ga dignete kao live CD (koristite ga direktno sa CD-a bez ikakve promene na HD-u).
Koju god opciju da odaberete aktivira se grafički interfejs (x server) i nastavlja se radnja koju ste odabrali. Instalaciju možete izvršiti dvoklikom na ikonicu za instalaciju i praćenje jasnih uputstava, napominjem - grafički interfejs, dok kod windows-a morate koristiti tekstualni interfejs koji više liči na BSOD nego na instalaciju bilo čega.
Linux kernel u sebi sadrži drajvere za skoro sve uređaje koji danas postoje, primera radi ja nisam morao da instaliram ni jedan drajver na svom računaru osim ATI drajvera za grafičku koji se instalira jednim klikom (sistem vas sam pita da li želite da ga instalirate, vi samo kažete DA). Da li je ovako nešto moguće na windows sistemima? - ne bih rekao.
Web kamera mi je radila takođe bez instalacije bilo kakvih drajvera, kao i mp3 player i sve USB flash memorije koje sam probavao.
Zatim najvažnija stvar, linux možete menjati kako želite, prilagođavati ga svojim potrebama i ukusu dok ste kod windows operativnog sistema zatvoreni i sve vam se nameće kako je nako drugi zamislio.
Na linuxu možete da uradi sve samo ako znate kako dok na windowsu možete da uradite sve što vam je dozvoljeno al neke granice ne možete preći iz razloga što je kod zatvoren.
Da li je potrebno biti programer da bi ste koristili linux?
- Ne, naravno da nije, linux koriste ljudi koji žele računar bez nepredviđenih dešavanja i nezvanih gostiju na njemu.
Mnoštvo ljudi kao zamerku linuxu navodi da "nije isti kao windows", a ja bi na to odgovorio "hvala bogu što nije" :)

NEMA DOVOLJNO SOFTVERA

Ovo bi možda bilo istina pre desetak godina al danas je daleeeeko od istine. Naime, odnos komercijalnog i besplatnog (u većini slučajeva i otvorenog) softvera je otprilike 1:10. Drugim rečima na svaki komercijalni program možete naći bar 10 besplatnih, jednako dobrih ako ne i boljih, alternativa.
Da li je potrebno da navodimo primere?

SLABO PODRŽAVA MULTIMEDIJU

U poslednje vreme sa smeškom čitam postove windows korisnika koji se žale što ne mogu da gledaju filmove jer im nedostaje kodek, ne radi plejer i slično...a za to vreme ja bez problema gledam x264 enkodirane filmove. Da li je potrebno da pričam dalje?
Pa recimo da sam zaboravio šta znači kodek od kada koristim linux :)
Na linuxu sve probleme sa kodecima možete rešiti korišćenjem medibuntu repozitorijuma, no biće reči o tome.

NEMA IGRICA

Iako se ne bavim puno igricama mogu navesti bar 5 besplatnih igara koje su na nivou komercijalnih windows igara, a da ne napominjem da iz meseca u mesec niču nove igre koje iz verzije u verziju postaju sve bolje.
Nije vam ni to dovoljno? - Korišćenjem emulatora možete igrati windows igre koje rade bez ikakvog usporenja.

SLABA PODRŠKA ZA HARDVER

Kao što rekoh ranije, linux kernel u sebi sadrži gotovo sve moguće drajvere koji vam trebaju tako da ćete uz linux najverovatnije zaboraviti šta su drajveri, većina hardvera radi out-of-box.

Još jedna stvar koju bih napomenuo jeste poštovanje korisnikovog izbora...primera radi:
ako prvo instalirate windows pa zatim linux na isti HD linux će podesiti vaš boot loader da vam pri dizanju sistema ponudi izbor koji OS želite da dignete dok ako prvo istalirat linux pa windows, windows će jednostavno prepisati GRUB (boot loader) i neće vam nuditi mogućnost izbora i nepotrebno će vam napraviti problem.

Evo kako mi trenutno izgleda radna površina (moja je minimalistička, vaša može izgledati totalno drugačije, sve se može menjati):

A evo kako to izgleda kod onih koji nisu minimalisti, i imaju komp mlađi od 5 godina:

Pogledajte i slične klipove, svakako mogu da zagolicaju maštu.

Sami prosudite, i komentarišite, ako mislite da sam nešto pogrešno rekao slobodno me ispravite.

Napomena: nije mi u cilju bilo da podrižem prašinu ili počinjem svađu, još manje da uvredim nekoga, već samo da iznesem pojedine činjenice koje bi mogle pomoći onima koji bi želeli da probaju linux.

Ja i programiranje...hronološki redosled zbivanja :)

2009-04-14T14:18:00.003+02:00

Priča počinje u osmom razredu osnovne, otprilike tada sam i dobio svoj prvi kompjuter koji i dan danas koristim (jadnik, kroz šta je sve prošao za sve ovo vreme), on je ostao isti, nabacio sam 512 RAM-a, novi čitač/rezač, novi miš i sl. uglavnom sve ostalo svodi se na periferiju i sitnice.
Nikada nisam previše voleo da igram igrice, uvek sam voleo da nešto čačkam na kompu i samo mesec-dva nakon što sam dobio komp počeo sam sa programiranjem, što bi se reklo - ljubav na prvi "pogled".
Pa da pređemo na stvar...
~2005. - delphi (moj prvi susret sa programiranjem, hvala nastavnici! )
na delphiju sam se zadržao dosta dugo negde do 2007. god. praveći male programčiće koji nisu služili ničemu, sve sam sam učio kod kuće i čitajući literaturu po porebi na netu. Nisam napravio ništa značajnije.
~2007. - dolaskom ADSL-a otvorili su mi se novi horizonti :) Prešao sam na web development, moj prethodni OS (windows xp) zamenio je linux koji mi je prirastao za srce i evo, do dana današnjeg je ostao samnom.
Dakle, učio sam ovim redom, tačnih godina i datuma se ne sećam:
HTML, CSS, php, MySQL, JavaScript, AJAX, RegExp
AJAX je u mnogome promenio moj metod programiranja i otvorio mi mnogo mogućnosti za rad. Naravno imaćete prilike da vidite te projekte.

~2008. - kako volim da koristim terminal (slično command promptu na windows sitemima) mnogo toga sam naučio te sam određene stvari pretočio u bash skripte, ovo ne mogu nazvaiti programiranjem, al eto i to da pomenem.

To bi otprilike bilo to, naravno bilo je tu usput raznih sitnih isprobavanja ostalih programskih jezika al ništa ozbiljnije u njima nisam radio.
Planiram da do kraja ostanem pri razvoju web aplikacija jer u tome vidim budućnost softvera.

Par reči o meni i blogu

2009-04-14T13:39:00.000+02:00

Rođen sam 15.02.1991. u Novom Sadu gde živim i pohađam srednju Mašinsku školu. Neću vam puno pričati o sebi kao ličnosti već ću pokušati kroz postove da vam prenesem određena iskustva i saznanja do kojih sam došao, pre svega ovo se odnosi na polje računarstva - web development, linux sistemi i eventualno zanimljivosti na koje naiđem. Takođe, voleo bi od vas da čujem mišljenje o mojim projektima koje ću kasnije predstaviti.
Pored računara bavim se sportom, trčanje i teretana.
Zašto biste čitali moj blog i koga bi on uopšte interesovao?
Najviše materijala koji ću postavljati mogao bi biti interesantan pre svega programerima, naravno svi su dobrodošli i svaki komentar se ceni.

Toliko o meni i blogu za sada,
Pozdrav!