DEV Community

freeCodeCamp project done #4: A Technical Documentation Page

𝐁𝐚𝐛𝐢 ✨ on March 29, 2021

Hey there! I finally finished my fourth RWD project and I'm now ready to show you my work CodePen Link Impressions from the project The firs...

Read full post

arvindsridharan • Mar 30 '21

Babi, great work. How did you get the animation in the header portion.

𝐁𝐚𝐛𝐢 ✨ • Mar 30 '21

Thank you @arvindsridharan !😊

For the animation.

I created an empty list in the HTML(pic)

dev-to-uploads.s3.amazonaws.com/up...

Styled it in the CSS and added CSS animations(pic)

dev-to-uploads.s3.amazonaws.com/up...

arvindsridharan • Mar 30 '21

Awesome work. I have a lot to learn from you. Please point me to reading resource which can bring me up to speed in web development

𝐁𝐚𝐛𝐢 ✨ • Mar 30 '21

I work with the freeCodCamp tutorials. They give you a course and then projects at the end of the course. It's free .

There are several courses you could choose from. Sign up first 😂
Link:
httpss://freecodecamp.org

Also there's a freeCodCamp forum where you could ask questions on things you don't understand, can't solve or project feedbacks.

There's also w3schools which is like my fallback reference.

Hope that's helpful 🙂

arvindsridharan • Mar 30 '21

Thanks, Babi. It helps.

Keith Price • Mar 29 '21

Looks great. My technical documentation page was very dull. I just went for black and white. I like the animated background in the header.

𝐁𝐚𝐛𝐢 ✨ • Mar 29 '21

Thank you Keith!😊

I do hope you put more effort in the next project

Keith Price • Mar 29 '21

I have finished that course and am working on FCCs JavaScript course. I didn't spend a lot of time worrying about colors for the technical documentation page because I didnt think it was necessary. It's technical documentation after all. For things like the landing page and the Front End Mentor challenges that I do I always make them look good (or try to)