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
Tiffany McAllister
25,806 PointsWebsite Feedback and Help
I have recently been working on a project for an architecture company in Mexico and would like some feedback if at all possible :)
http://www.tmcallister.net/test
Also, when you click on a project and the overlay pops up, I'm a bit unsure how I would go about adding two buttons which, when clicked, will go to the next and previous projects.
A sample of my HTML and JavaScript are here https://jsbin.com/kekikifeba/edit?html,js,output
Tiffany McAllister
25,806 PointsThanks so much, Niall! That looks like an awesome plugin and have been looking for something like that. I'm just a bit unsure how to get it to work within my overlay and how I have my HTML set up. Would you have any ideas?
3 Answers
Ethan Moffat
3,223 PointsLooks nice! Good Work.
Tiffany McAllister
25,806 PointsThanks, Ethan!
Tiffany McAllister
25,806 PointsAlso, would anyone know how to stop the hidden project images from loading until they become visible? I've tried a lazy loading plugin, and it does stop them from loading, but when I click on the "Ver Mas" (View More) button, I have to actually scroll the page before they load.
Ben Chadwick
4,836 PointsAs an architect myself I have a few things that I would mention regarding designing websites for us. These comments are by no means related to the actual coding as you are definitely more experienced than me in that respect !
Whether they have asked you to do this or not, the website (in my opinion) must convey the ethos/personality of the practice. Who works there? What is there experience ? How does the studio operate?
At the minute I would look at there work and not come back because I have no indication of what makes them different. There are many architect firms out there competing for the same jobs, its critical to stand out someway.
This is a good example of the office culture being demonstrated - http://www.fosterandpartners.com/about-us/the-way-we-work/
Simple example of people at the practice page - http://www.alliesandmorrison.com/people/sarah-la-touche/
The idea that architects only need images for websites is absolute nonsense. The projects they have worked on so far seem like competitions and they haven't yet built a project. It's important for possible clients to understand there thought process, therefore some text and descriptions on the projects would be smart.
Good example of a simple project explanation here - http://www.alliesandmorrison.com/project/ash-court/
Of course if they dont want anything like this then thats up to them, I would say though that as a developer I would be pushing them to explore different options and really flesh out the website with some personality :)
Hope that is of some help
Tiffany McAllister
25,806 PointsThanks for your feedback, Ben!
I didn't actually design it, I just coded it, but I will definitely pass on your feedback :)
Niall Maher
16,985 PointsNiall Maher
16,985 PointsGorgeous website! And looks awesome in mobile too :D Well done! Why don't you wrap the projects in a carousel? http://flickity.metafizzy.co/ is an AWESOME jQuery plugin that's responsive and even cooler on mobile devices cause you can slide the carousel on a touch screen making it more interactive.