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 trialTiffany McAllister
25,806 PointsWebsite Feedback
Hi everyone,
I just wanted to get some feedback on my portfolio website. I'm aware that some of the links to the projects don't work just yet.
http://tmcallister.net/portfolio/
Any comments or suggestions would be really appreciated!
8 Answers
Mohd Maqbool Alam
Full Stack JavaScript Techdegree Student 5,715 Pointssimple,elegant design and responsive too very nice keep it up :)
Mohd Maqbool Alam
Full Stack JavaScript Techdegree Student 5,715 Pointsportfolio links are broken
Tiffany McAllister
25,806 PointsThanks Mohd! Yep, some of the links are broken right now but I have that on my to-do list! :)
Mclo Nikos
269 Pointsnice keep it up
nvcxnvkldsjaklfds
Courses Plus Student 5,041 PointsHello Tiffany McAllister
Your work is awesome. I like the simpleness and their responsive nature in the site.
- When I mouse over on the project I love the transition. Great job!
- I like the cute social icons and their color transition.
- Back to top icon is beautiful .
- Cute menu button appears when screen gets smaller is cool as well.
Suggestions:
- Set minimum width (That will not let elements overlap on each other when size of the screen gets smaller)
- Try using the background image in class ".jumbotron" in pseudo elements (before or after). I found it most huge use that way.
- You can increase the line height of the text in About section to unordered lists on the left side.
- Contact form process the empty fields now. You can use validation first and process next approach to contact form.
Questions:
- What did you use project section to layout projects side by side?
Thanks
Regards
Karthikeyan
Tiffany McAllister
25,806 PointsThanks for the feedback Karthikeyan!
I used Bootstrap's grid classes to layout the projects :)
Tiffany McAllister
25,806 PointsAlso, could you tell me what the benefits would be of using pseudo elements for the background image? Thanks! :)
Alex Heil
53,547 Pointsvery nice work, tiffany ;)
if you'd like to hear a suggestion I'd probably add another media query for the projects area on very small devices and display them in a list view (one pic per line instead of 2) as 2 pics on say 320px (as example, which would be an iphone4 layout) can be hard to identify.
other than that very clean and well structured site - so again, good job!
Tiffany McAllister
25,806 PointsThanks so much for the great feedback everyone! I will take all suggestions on board :) I really appreciate it.
Felix Yakubov
17,475 PointsVery Nice!!!
2 suggestions:
- Add smoth transition / hover to the form button
- Try adding parallax it would really boost up your page