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 trial

JavaScript

Mona Jalal
Mona Jalal
4,302 Points
Posted by Mona Jalal
Mona Jalal
4,302 Points

modern javascript animation

Hi, I was suggested to add modern JavaScript animations/effect as well as using some modern web design practices. Are there some nice webpages you could share me (for a bio similar like to mine) that can inspire me? Also can you please link me to some advanced stuff that I can follow for improving my website? I have finished basic CSS, basic JavaScript, Basic jQuery and basic Bootstrap4 and I was a little lost what would be the best next thing to learn not to feel it is too advanced for me. I browsed to some random JS workshops and I felt so out of place. Any guidance is really appreciated. Here's my webiste, please leave feedback (it is not mobile friendly yet, can you point me to the courses that make a webpage mobile friendly)? http://monajalal.github.io/ Thanks, Mona

2 Answers

Steven Parker
Steven Parker
231,007 Points
Steven Parker
Steven Parker
231,007 Points

For adding some "wow" factor to your site, and with more bang-for-the-buck than JavaScript, I suggest your next step be CSS Transitions and Transforms and then perhaps CSS - Beyond the Basics (there will be a bit of overlap). It's amazing what can be done without ever touching JavaScript.

The latter course will get you going on mobile-friendly concepts as well, which you can further reinforce with Responsive Layouts.

Don't get me wrong — I'm a big fan of JavaScript also — and you might enjoy Interactive Web Pages with JavaScript as a next step there.

Victor Svedberg
PLUS
Victor Svedberg
Courses Plus Student 678 Points
Victor Svedberg
Victor Svedberg
Courses Plus Student 678 Points

Hi,

For inspiration, Coddrops is great! You can download the source and read about each project if you click "Back to article" icon which is a small drop icon. Look at the files and try to extract some code and import it to your own project and then tweak the colours, typography etc to make it your own.

Three examples:

Text Hover animations: http://tympanus.net/Development/TextStylesHoverEffects/

SVG Animations: http://tympanus.net/Development/AnimatedLetters/

Text input inspiration: http://tympanus.net/Development/TextInputEffects/index2.html

Good luck.