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
Ryan Hellerud
3,635 Pointsfront end developer portfolio web site
Hi guys, I'm trying to get some ideas or examples for my front end development personal page and resume. I was wondering if there are any cool ideas or features that might be sweet to implement on a personal front end page. I was thinking some cool scroll effects and animations and a background video. I found a cool jquery plug in for the background video. I'm also having trouble visualizing my site design, so if anyone has any suggestions please give me some feedback. Thanks.
5 Answers
Pete Cass
16,656 PointsHey Ryan,
You probably know them already, but if you don't dribble and awwwards are great websites for inspo. https://dribbble.com http://www.awwwards.com
careful though hours can disappear trawling through all the pretty stuff.
P
Ryan Hellerud
3,635 PointsThanks but im looking for more web developers personal page ideas. I am not a designer, but thanks for the links. Also do you recommend i learn photoshop?
Ryan Hellerud
3,635 PointsThanks damien, what about illustrator is that important to know as well? also what do you with a psd?
Damien Watson
27,419 PointsSorry, 'psd' is a photoshop formatted file (my bad). Illustrator is great for vectors and well worth knowing something about if you have the time to learn a bit. I am across design and development so I do a bit of visual as well, so may be doing logos / icon design. Using Illustrator for playing around with Scalable Vector Graphics (svg) at the moment, maybe font glyphs if I can figure out which is better.
If you are working with a designer, they will most likely give you any vectors inserted into photoshop, so you may not have to touch them. I find it useful to know as much as possible, it depends what the role requires.
Oskar Mendel
1,887 PointsIf you need ideas when creating your own website i recommend you to visit: http://www.siteinspire.com/
For features you said you're using a jquery plugin for video which is cool, some other cool things you could look into could be "Parallax scrolling" or some interactive effects.
Learning photoshop could be usefull if you're intrested in Front End Development, when i started out i started by recreating websites in photoshop. Illustrator i think you can leave alone if you don't want to become a designer.
Jacob Mishkin
23,117 PointsCodeDrops is also a great spot.
Ryan Hellerud
3,635 Pointsthanks guys help a lot!
Damien Watson
27,419 PointsDamien Watson
27,419 PointsThanks for sharing Pete, some nice designs in there.
Ryan, if you want a good looking site it is worth checking out some of these for design inspiration. When choosing what to add to your own site, the golden rule is 'just because you can, doesn't mean you should'. This means resist the urge to put everything you can think of into your site. Focus on what the purpose is and make sure your final design communicates this and people can find what they need easily.
These days you have to know photoshop if you do Front End Dev (in my opinion). In the past I have had designers cut up their graphics the way they think and when you go to build it, you are stuck with their understanding of how pages are built. I just ask for the 'psd' these days.