GOODYWEBS

Fun and Inspiration

Showing posts with label tricks. Show all posts

Javascirpt Image Tricks

No comments

Javascirpt Image Tricks



Step 1: Open Google Chrome or FireFox goto Yahoo.com

Setp 2: Open Developer Tool => Console or F12 => Console

Setp 3: Paste below code and see :)

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*1+i*x2+x3)*x1+x2)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',50); void(0);

Web Development Tools, Elements and Techniques

No comments
Web Development Tools, Elements and Techniques Posted in: Web Design • Written by: Ruben D'Oliveira * * Tweet * * * * 11 * * Tweet * * * When I was starting out as a web developer, I had to face some struggles when finding solutions to some of my problems. I had to learn and try new things but there weren’t as many tutorials as there are today. The best alternative was to learn and study from the work of others, analyzing their process and work methods. These days, it seems like a new tutorial appears every minute, but personally I believe that looking at actual implemented solutions is still a powerful way to learn, and you also have many tools and methods at your disposal which can help you see and figure out how your favourite websites were built. Everything you need to know and learn is right in front of you and at your disposal.

Web Development Tools, Elements and Techniques