Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialMartin Guzman
11,573 PointsFrontenddisegner.com background?
Hi,
Does somebody know how the animated background on the frontenddisegner.com website is accomplished?
3 Answers
Steven Parker
231,172 PointsI'm guessing you meant to write frontenddesignconference.com, the link given in the Resources section for the video you linked to.
The background itself is just a colorful image, but the moving shapes are animated by a rather complex bit of JavaScript that is drawing on a <canvas>
element that overlays the background.
This is where familiarity with the Chrome Dev Tools can really come in handy.
Jason Anders
Treehouse Moderator 145,860 PointsI assumed frontenddesigner.com that has an animated flame. What are the odds, we both assume something different, but both have animations. :) Though, now I'm guessing he meant the one assumed.
Jason Anders
Treehouse Moderator 145,860 PointsHey Martin,
The Flame animation is done with CSS. If you right click on the flame and "inspect element" you will be able to see the rules for the animation.
Martin Guzman
11,573 PointsHey thanks and sorry for the miscommunication. I was referring myself to the background Steven talked about, thanks for the help !
Martin
Steven Parker
231,172 PointsSteven Parker
231,172 PointsAre you sure you entered that URL correctly?
Try cut-and-paste from your browser address bar.