Two words…

Two words … nothing else

How to build a `slide in left` effect in javascript…

For the begining I’ll create a alternative version of HTMLElement cause IE8 works with Element instead.

var elementPrototype = typeof HTMLElement !== “undefined” ? HTMLElement.prototype : Element.prototype;

 

So what we need for this kind of effect? Lot of things and not… My 1st try was using the transform property but as ie8 was to lazy to recognize that I used margin-left.

 

We will extend our element with a new function. This is my favorite part from programing under JS.

elementPrototype.slideInLeft=function(time_in_seconds) {
time_in_seconds*=300;  // we get our time in s and multiply it with 300 – you can use 1000 for real seconds
var element = this; //this is my element which will fly in page
var distance = 20; // distance for each loop
var minus = “-“;    //static variable 
var timer = setInterval(function () {
if (time_in_seconds == 0) {
clearInterval(timer); // if I got to 0 (you can try lower than 0) then i want to set it to margin-left:0 and clear the timeout
element.style.marginLeft = “0px”;
}

time_in_seconds -= distance;     //our time will lose a bit of ‘distance’
minus = time_in_seconds <= 0 ? “” : minus; //if is less than 0 we get rid of that sign cause IE 8 doesn’t support -0px
var howmuch = time_in_seconds <= 0 ? 0 : time_in_seconds; //this will tell us how much we will move 
element.style.marginLeft = minus + howmuch + “px”;

}, distance);
}

 

pretty simple when you use jquery or css3? but with skills when come to use real code

 

Advertisements

23, 05 , 2014 Posted by | Toate | | Leave a comment

Qedia 2013

Astazi am vazut unul din noile proiecte pentru Web Application Developement, din lista d-lui prof. Buraga. Este vorba despre: Qedia. Ce pot spune despre acest proiect? Simplu, concis si la obiect. Nimic altceva. In timp ce ma uitam cu un sniffer prin conexiunile din spatele acestui proiect am dedus ca simplu inseamna complicat, sau cel putin in acest moment in domeniul IT-ului. Oricum pentru un proiect care are scopul sa invete pe potentialii sai vizitatori chestii despre arhitectura din spatele site-ului dbpedia este foarte reusit. Interogari directe, cu load time, folosind tehnologii php, javascript(din source code am vazut 2 framework-uri destul de interesante si accesibile: jQuery si Hercules), un desing simplu, reusit si direct. 

Pe scurt ii tot ce m-am asteptat sa vad de la un proiect menit sa invete pe vizitatorii sai despre web 3.0(web-ul semantic).

29, 01 , 2013 Posted by | Toate | , , , , , , , , , , , | 1 Comment

EMAG

eMAG.ro – un site fara egal pe piata din Romania. Am cumparat de la ei cateva produse si sunt foarte multumit atat de pret cat si de calitate si servicii.

Recomand!!!

23, 01 , 2013 Posted by | Toate | Leave a comment

Chitari HHH

Zilele trecute mi-am adus aminte de Firebird X de la Gibson ca urma sa apara pe piata si am dat un search pe youtobe sa vad daca a aparut ceva … si am fost totalmente impresionat de ceea ce poate face chitara aia… desi are doar 3 mini humbuckere se comporta ca si o chitara cu humbuckere… piesa de colectie…

 

Urmatoarea pe lista este un Ibanez din seria destroier: DG555 si DT555 sunt singurele chitari Ibanez cu 3 H si suna super bine…

http://www.philgawen.com/ ofera chitari cu 3 H… nu stiu cum  sunt chitarile de la ei :d

Fender J5 Triple Tele Deluxe…

si multe altele printre care Gibson SG3, Gibson LP3, Ace Frehley Custom[from a LP], Rickenbacker 325

 

 

21, 11 , 2010 Posted by | Toate | 1 Comment

Efecte si pedalute de efecte….

In ultima vreme am tras chiulul si nu prea am mai reusit sa mai scriu cate ceva pe blog … dar intre timp m-am apucat de construit efecte electrice… sau mai bine spus: pedalute/cutiute de efecte… prima pedaluta a fost una de distors… si adevarul e ca daca nu esti tare de urechi atunci e cazul sa devii ca-i agresiva tare micuta… oarecum are si niste defecte de constructie… dar acestea le pastrez pentru mine….

..in curand voi atasa poze cu ‘fetita’ mea la care am lucrat 4-5 ore 🙂

 

deci… pozele :

16, 11 , 2010 Posted by | Toate | 1 Comment