Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Help with personal project

Hey. I started working my portfolio real hard and right now I'm working on a project for a fictional fashion brand (urban style from New York). I have made a logo, brochure and shopping bag. Now I want to design and code the website. Also I want to get out from my comfort zone so the web site will be responsive, I'll be using svgs and I want to add few css3 animations on the first page. Here is the main page mockup. https://drive.google.com/file/d/0BzhAStaGPddxUGhPX2FKWHlXcDA/edit?usp=sharing What I want to happen on this page is that the sun rays will keep spinning around. Responsive. Correct positioning (sun is behind logo) and later I want to add more animations at the bottom of the page. (Yes I know that the two tall towers look like the twin towers. Ill change that later). So I'll start working on the code and I'll put it here for advice. Tell me what do you think about the logo BTW. Thanks!

3 Answers

Are you asking what script you need to make the sun rays spin?

If so, do you have the logo broken down into separate layers?

If you have the sun rays on a separate layer and position them where you want them. Then you could use jQuery to use the CSS transform: rotate(); property in an endless loop!

The logo is svg. The sun rays are png. I had success using css3 animation. I need help with the basic layout of the page. It's my first responsive project so Im not sure if im doing it right. I will upload the code tomorrow because I want to try other ways first. I don't know why but I'm having problems although its very simple page.

Have you gone through the responsive videos on here. Yeah get your code into a codepen or jsfiddle and send the link would be happy to give any tips or guidance. Just tag me with the @ and my name so i can respond. Alon Lubin