Nëse jeni në kërkim të këngëve të reja që të rifreskoni listën tuaj që dëgjoni, atëherë adresat e mëposhtme do ju vijnë sigurisht në ndihmë. Këto janë sugjerimet tona.

TheSixtyOne

TheSixtyOne sjell demokracinë në kulturën muzikore: Artistët vendosin artin e tyre për tu kritikuar online, por, në vënd që vendimet, për çfarë ështe e mire dhe çfarë jo, të merren nga një bord drejtues, këtë e bëjnë mijëra dëgjues duke votuar. Muzika më e mirë të propozohet automatikisht në faqen kryesore ku ju mund të dëgjoni këngët më popullore të rrymave të ndryshme. Kjo është një mënyrë e shpejtë për të gjetur muzikë të re për iPodin tuaj.

DatPiff

DatPiff është një faqe e cila vizitohet çdo ditë nga mijëra e mijëra përdorues. Në këtë faqe gjenden miksime të ndryshme dhe variacioni nuk mungon, gjithashtu keni mundësinë te shkarkoni miksimet që ju pëlqejnë.

SomaFm

Transmetimi bëhet nga San Francisco, dhe muzika e cilesisë së lartë arrin skajet më të largëta të planetit. Rusty Hodge, krijuesi i SomaFM, është një i apasionuar pas radiove online dhe punon në këtë ambient që nga 1995. Ai vendosi, pasi kuptoi që asnjë nuk do krijonte një stacion radio sipas vizionit te tij, ta ndërtojë vetë.

Momentalisht tek SomaFM gjenden 18 radio, secila me muzikë të cilësisë së lartë, këtu është një vend ideal ku mund të dëgjoni tinguj të rinj.

OurStage

OurStage është një komunitet muzikor online i cili përdor një miks të teknologjisë për të bashkuar, fansat, artistët, dhe industrinë profesionale. Për fansat e muzikës të cilët janë në kërkim të hiteve të reja, kjo faqe ofron 50 rryma nga ku mund të zgjidhni të dëgjoni, ndërmjet një ndërfaqeje inteligjente, të quajtur “thumbing”, rekomandimet e reja.

Blip.Fm

Blip.fm është një shërbim falas i cili ju ndihmon të zbuloni muzikë të re ndërmjet një playlisti-shoqëror. Kërkoni për këngën apo artistin tuaj të preferuar, dëgjojeni këngën, pastaj bëjeni blip si në faqen e famshme të twitter me 140 karaktere. Ndoshta mund të dëshironi ta dergoni si cicërimë në twitter apo ta dërgoni tek profili juaj i last.fm, blip jua bën të mundur.

Nëse keni ndonjë adresë tjetër, jeni të ftuar të na tregoni dhe ne tek komentet. dtsv.dtse_post_2606_permalink = 'http://www.eklipsi.com/deshironi-muziken-e-fundit-ja-si-ta-gjeni/'; dtsv.dtse_post_2606_title = 'Deshironi muziken e fundit? Ja si ta gjeni!';
Per me shume artikuj te ngjashem vizitoni: http://www.eklipsi.com/?p=2606

MySQL është një sistem i mirë administrimi databazash dhe shumë i thjeshtë dhe për tu punuar në PHP.Edhe per ato që nuk kanë prekur programim asnjëherë mos e vritni mendjen sepse këtu çdo gjë do të jetë shumë e thjeshtë dhe lehte për tu bërë.Krijimi i një lidhje databaze është mjaft i thjeshtë për mua por gjithashtu do të jetë që tani e tutje dhe për ju shumë i lehtë.Gjithçka çfarë perdoret këtu janë thjesht baza e kodimit ne PHP .

Gjithçka fillon mjaft thjeshtë vetem duke perdorur Syntax të thjeshtë si gjithmonë ku kodimi fillon me :

<?php

dhe mbaron me :

?>

Gjithçka do bëni do të jetë vazhdimi me disa Variables të cilat janë mjaft të thjeshta.

Kodimi në vazhdim duke perfshirë Syntax që folëm më heret :

<?php

$hosti = ‘hosti juaj’ // Ketu vendoset Hosti juaj ;

$baza = ‘localhost’ // Vendosni bazen e hostit tuaj ;

$perdoruesi = ‘albionlab’ // Vendosni Userin qe keni hapur tek Hosti ;

$fjalekalimi = ‘fjalekalimi juaj’ ;

Pas vendosjes së këtyre Variablave ju do te vazhdoni tani me lidhjen e cila do të jetë dhe gjëja e fundit që do ju duhet.

$lidhja = mysql_connect($hosti, $perdoruesi, $fjalekalimi); mysql_select_db($baza, $perdoruesi);

Kodi i plote :

<?php

$hosti = ‘hosti juaj’; $baza = ‘localhost’; $perdoruesi = ‘albionlab’; $fjalekalimi = ‘fjalekalimi juaj’;

$lidhja = mysql_connect($hosti, $perdoruesi, $fjalekalimi); mysql_select_db($baza, $perdoruesi); ?>

Ok, e di që titulli është pak i guximshëm. Më duhet ta pranoj që teknika që do ju tregoj nuk zëvendëson Flash, por ju siguroj që është aq interesante sa për t’ju ngritur vetullën.

Në 2 guida të mëparshme ju kam treguar si të përdorni Sprites në CSS dhe si të bëni Sprites të animuara me JQuery. Sprites janë vërtetë një teknikë e mirë dhe ti kombinosh me JQuery bëhen edhe interaktive. Po sikur ti japim Sprite-eve një dozë steroidesh e të krijojmë animacione komplekse, me disa frames dhe shtresa? Lexoni më poshtë!

Po ju prezantoj Spritely, një plugin për JQuery që shërben për të krijuar disa animacione shumë interesante me Sprites. Për momentin është akoma e kufizuar në mundësitë që ofron, por më besoni, nëse e lini fantazinë të lirë, me Spritely mund të arrihen rezultate fantastike. Më e bukura është se instalohet dhe vihet ne përdorim për pak minuta. Pa humbur kohë po kalojmë në shpjegimin e teknikës.

Nëse nuk e keni parë akoma Demon e kësaj guide, atëherë bëjeni tani. Ok, si ju duk? S’mund të jem animuesi më i mirë në Botë, por rezultati është goxha impresionues duke llogaritur që është vënë në jetë vetëm me 3 imazhe dhe pak HTML, CSS dhe JavaScript. Kur them pak, e kam seriozisht. Vetëm disa rrjeshta që do i kuptoni dhe fiksoni me leximin e parë.

Gjëja e parë që do të bejmë është të shkarkojmë JQuery dhe Spritely. I vendosim të 2 skriptet në një folder “js” (për organizim të mirë) dhe i thërrasim ne <head> të dokumentit.

Platforma për të bërë animacionin tonë është gati. Do ta nisim me sfondin ku “ecja” ndodh, që është një imazh i thjeshtë i bërë në Photoshop ku tregohet një rrugë dhe 2 palma. Imazhi është më poshtë:

Rruga me Palma

Imazhi është perfekt për tu përsëritur horizontalisht në pafundësi dhe largësinë e palmave e kam llogaritur që (pak a shumë) distanca midis të dyjave të jetë e njëjtë sa dyfishi i distancës nga njëra palmë në skajin më të afërt. Llogaritja vlen edhe për vijat e rrugës, si elementi i dytë në imazh që do të spostohet për të dhënë sensin e lëvizjes. Syri i njeriut gënjehet lehtë .

Kodi HTML dhe CSS për ta shfaqur si duhet imazhin është tërësisht minimal. Shikoni më poshtë:

Gjithçka që na duhet është të krijojmë një element <div> bosh, të cilit i vendosim përmasat me CSS sa përmasat e vetë imazhit dhe si background do vendosim kë? Imazhin pra . Sigurohemi që përsëritja është repeat-x, përndryshe efekti nuk funksionon.

Mbetet tani ta animojmë me JavaScript. Kjo është pjesa më interesante dhe për fat të mirë edhe më e lehta. Spritely ofron një metodë që quhet pan() dhe është e dedikuar për ta zhvendosur horizontalisht imazhin. Pas elementit <div> që krijuam shtojmë kodin më poshtë:

Ju duket e thjeshtë?! Sigurisht që është! Më thjeshtë dhe bukur se kaq ska ku të shkojë. Mos të shpërqëndrohemi dhe më lini t’ju shpjegoj pak çfarë parametrash merr funksioni. Parametri fps përcakton numrin e kuadrove për sekond; sa më e lartë aq më i “rrjedhshëm” animacioni, por më tepër ngarkesë për faqen. Parametri speed përcakton shpejtësinë e animacionit; sa më e lartë, aq më i shpejtë. Ndërsa parametri dir merr vlerat “left” (spostim majtas) ose “right” (spostim djathtas). Duke eksperimentuar me fps dhe speed mund ti jepni animacionit tuaj shpejtësinë që po kërkoni dhe këtë do ja u tregoj pak më poshtë.

Kalojmë tek elementi i dytë që duam të animojmë: Retë. Ajo që doja të arrija me retë ishtë një levizje më e ngadaltë se rruga, sepse retë spostohen ngadalë, apo jo?! Më poshtë është imazhi që kam përdorur:

Imazhi i Reve

Brenda elementit <div id=”fusha”> do krijojmë një element <div> tjetër që mban retë. Ideja është egzaktësisht e njëjtë me Rrugën, kështu që mos prisni ndonjë gjë të re përveç pozicionimit absolut.

Na mbetet të shtojmë një tjetër funksion pan() në JavaScript-in që ju tregova pak më sipër. Këtë rradhë do e ulim parametrin fps në 15 dhe parametrin speed në 1, sepse duam që retë të lëvizin më ngadalë. Një pikë plus për Spritely, sepse na lejon të shtojmë shtresa [virtualisht] pa fund dhe ti animojmë me shpejtësi të ndryshme. Kodi JavaScript që kemi deri tani është:

Deri tani kemi krijuar rrugën dhe retë që lëvizin rrjedhshëm në faqe. Na mbetet elementi më interesant i guidës: Feniksi që ecën për qejf në një ditë me diell . Proçesi grafik i krijimit të Feniksit është paksa më i ndërlikuar, sepse kam krijuar 3 imazhe për secilën kuadro (frame) të animacionit. Imazhi paraqitet më poshtë e mund të vini re diferencën e vogël midis 3 kuadrove të cilat japin idenë e një ecje (e cila s’është cikli i ecjes më i saktë në botë, por idenë e jep).

3 kuadrot e Feniksit

Tashmë nuk na mbetet shumë punë për përfundimin e animacionit tonë. Si kemi bërë deri tani, shkruajmë kodin e thjeshtë HTML dhe CSS. Logjika është egzaktësisht si krijimi i një sprite, ku elementin <div> e bëjmë me gjerësi sa 1/3 e imazhit dhe gjatësi të njëjtë me imazhin.

Hapi i fundit, ju premtoj! Do eskplorojmë funksion sprite() që do i japë jetë figurës statike të Feniksit. Më parë po e shkruaj të gjithë kodin JavaScript që vë në jetë animacionin, e më pas do ju them 2 fjalë për funksionin sprite().

Edhe unë u çudita herën e para që lexova dokumentimin e Spritely. Kaq e thjeshtë për të krijuar një animacion me disa kuadro? Besoj se koduesit e Spritely e kanë arritur qëllimin plotësisht, sepse krijuam një animacion me vetëm 3 rrjeshta JavaScript. Tani për funksionin sprite(). Parametri fps, ashtu si tek pan() përcakton numrin e kuadrove për sekond. Në parametrin no_of_frames (number of frames) shkruajmë sa kuadro ka imazhi që do të animohet. Në rastin tonë janë 3. Ofrohen gjithashtu disa parametra të tjerë për lëvizje të rastësishme apo metodë për afrimin e elementin kur mouse-i klikohet të cilat mund ti eksploroni në dokumentimin (shumë të shkurtër) të Spritely.

Mendoni akoma se Flash mund të zëvendësohet me JavaScript? Për momentin akoma jo, por puna fantastike që kanë bërë koduesit e librarive dhe teknika pionere si kjo që ju tregova po e afrojnë atë ditë akoma më tepër. S’kam asgjë me Flash, përkundrazi! Megjithatë mendoj se webi do të jetë një vend më i mirë e më i sigurt pa përdorimin e plugineve. Zgjedhja juaj!

Për të bërë një përmbledhje: Kam krijuar 3 imazhe në Photoshop; kam shkruar pak HTML e CSS dhe kam shkruar gjithashtu vetëm disa rrjeshta JavaScript për të përfituar një animacion interesant. Duke përdorur fantazinë mund të krijoni animacione komplekse dhe mahnitëse për vizitorët tuaj, por kini parasysh diçka: Shumë animacione = ngarkesë më e madhe për faqen. Përdoreni me kujdes dhe mos egzagjeroni, përndryshe do shkatërroni eksperiencën në faqe në vend që ta përmirësoni.

Mësim të mbarë.

Sprite(ly) zëvendëson Flash është një postim nga: Feniksi.Com - Thesari i Njohurive

Përpara se të filloj me shpjegimin e teknikës, më duhet t’ju lajmëroj se kjo guidë përdor njohuritë e marra në guidën time tjetër “Sprites në CSS“. Nëse nuk e dini çfarë janë sprites dhe si përdoren në CSS, atëherë shkoni menjëherë në guidën e parë, përndryshe s’do kuptoni asgjë këtu.

Besoj se shumë prej jush e mbajnë mend kohën e artë të Adobe Flash (atëherë Macromedia Flash) dhe faqet me animacione kudo, ndonjëherë edhe pa pikë lidhje. Personalisht nuk më mungon ajo kohë, por diçka sigurisht që më ka munguar: animacionet e vogla të menuve. Në Flash mund ti bënim shumë thjeshtë dhe ngjanin bukur, por në CSS është e pamundur ti replikosh! Këtu hyn në lojë JavaScript, specifikisht libraria ime e preferuar JQuery.

Para se t’ju bëj qejfin e të kaloj në kod, më duhet t’ju shpjegoj pak teori që atë kod ta kuptoni, jo vetëm ta kopjoni. Kodi HTML dhe CSS është praktikisht i njëjti me një sprite normale, vetëm se ndryshon në një gjë. Përmes JavaScript, do të gjenerojmë një element span i cili do të krijohet kur mouse-i vendoset mbi lidhjen. Pikërisht ky element i gjeneruar do të përmbajë gjendjen e dytë të imazhit (gjendjen hover) dhe do të shfaqet i animuar. Shpresoj të ketë sens kjo që thashë, megjithatë kur të shikoni edhe kodin besoj se gjithçka do ketë kuptim.

Diagrama e menusë

Le të fillojmë me atë që ju intereson të gjithëve. Ky është imazhi që kam përdorur për këtë guidë:

Imazhi i menusë

Fillimisht do të shkruajmë kodin HTML i cili është minimal. Vetëm një lidhje (anchor) me id të vendosur.

Hapi i dytë është kodi CSS. Do deklarojmë disa rregulla standarte tipike për një sprite, të cilat e kthejnë lidhjen në element bllok, përcaktojnë gjatësinë (sa gjysma gjatësisë së imazhit) e gjerësinë dhe vendosin imazhin si background.

Deri tani jemi sipas manualit për të krijuar një sprite. Që nga ky moment gjërat ndryshojnë pak, sidomos me shtimin e kodit JavaScript. Më poshtë kam paraqitur të gijthë kodin JavaScript që e bën magjinë të ndodhë.

Para se t’ju zejë paniku, më lini kohë t’ju shpjegoj gjithçka. Që mos të bëheni konfuz, fillimisht është shpjegimi, më pas kodi.

Kjo pjesë bën të mundur që kodi të egzekutohet vetëm pasi dokumenti të ngarkohet, në mënyrë që JavaScripti mos të tentojë të aksesojë elementë të pa krijuar.

Këtu i shtojmë një element span bosh menusë (me id #menu) përmes funksionit append(). Ky element do të mbajë pjesën e dytë të imazhit dhe do të shfaqet i animuar. Pjesa each() në fakt për këtë guidë nuk na shërben sepse kemi vetëm një menu. Por në skenarë realë do të kishim disa menu të vendosura mundësisht në një listë të parenditur. Në atë rast, lista (ul) do kishte id-në #menu dhe do shkruanim: $$(‘#menu li a’) ose $(‘#menu’).children(‘li’).children(‘a’). Shpresoj të jetë e qartë.

Ky kod e bën animacionin të ndodhë, ku përcaktohet që funksioni fadeTo() të ndodhë në hover dhe në dalje të mouse-it. Në hover parametri “transparenca” i fadeTo() bëhet 1 (pra 100%), ndërsa në dalje të mouse-it bëhet 0 (pra 0%). Parametri i parë që kam shënuar 500 është kohëzgjatja në milisekonda.

Gjëja e fundit që na ngelet është të përcaktojmë disa rregulla CSS për elementin span që gjeneruam me JavaScript. Rregullat do jenë egzaktësisht si ato që përcaktuam në fillim të guidës, por me një ndryshim të vetëm: zhvendosja vertikale e background ka marrë vlerë negative, në mënyrë që imazhi të ngrihet lart dhe të përfitojmë pjesën e dytë të tij.

Nëse keni ndjekur gjithçka sipas guidës, tashmë duhet të keni një rollover të animuar për faqet tuaja. Teknika është vërtetë e thjeshtë për tu përdorur dhe do i shtojë një gradë interaktiviteti faqes tuaj, të cilën jam i sigurt që vizitorët do e vlerësojnë. Kini parasysh që JQuery është një librari e pasur me funksione animimi që mund ti përdorni për ti dhënë një efekt tjetër menuve.

Mësim të mbarë.

Sprites të animuara me JQuery është një postim nga: Feniksi.Com - Thesari i Njohurive

Pavement