Jump to content
benbyf

Testings Nearly Finished Photographers Site

Recommended Posts

Hey Everyone!

right I'm nearing the end of development on this photography agencies site and I was wondering if anyone could have a quick look for bugs etc.

http://nicegrp.co.uk/dev/hs/

It's not quite finished so there may be obvious stuff, also there's ALOT, going on in the front end, for example:

- pages are cached client side (to prevent unnecessary ajax requests for seen pages)

- Ajax page requests & pushstate

- pdf module for gallery pages

- slideshow animations

- add image to your custom gallery

- alot of menu logic

- responsive

- lazy loading images on gallery pages

Let me know what you think.

Thanks

  • Like 10

Share this post


Link to post
Share on other sites

Looks and feels great. Immediately browsed through the galleries. 

Just the tennis background image on the Affiliates page ( http://nicegrp.co.uk/dev/hs/affiliates/ ) ist about 2.3MB. Took a while before it loaded and I'm not sture how mobile users like those large image files.

  • Like 2

Share this post


Link to post
Share on other sites

Indeed - it is a great site. very nicely built.

Must agree with Philipp here. In fact, there are several images that are too large. Sure, they're not all 2.3MB, but they're a tad too big.

May I suggest that you have a look at this article for more information on how to work around this:

http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/

The article makes reference to these as well:

http://www.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/

http://adaptive-images.com/ (this looks quite promising)

And perhaps a loading indicator? Changing the title to "Loading..." was not easily noticeable for me; perhaps some people have slow connections/latency may question if a page is even loading.

Otherwise, I like it! :D

  • Like 1

Share this post


Link to post
Share on other sites

You can always make those images responsive. Thanks to Horst, PWs native images sizer provides images with much more quality than before. It's really easy to create responsive images with JS or even with the new SRCSET attribute for images or the <picture> element and respective polyfills http://scottjehl.github.io/picturefill/#examples

It's great that you give the option to collapse the menu to show the images in bigger, but I think the wording could be better: I don't really want to "collapse the menu", what I really want is to see the content in bigger. What I mean is that the wording could be something like "enlarge content" and turning it into "show menu" as you already have there. I also think that this ability should only be present in the gallery pages as there's no point on seeing the blog or the copyright notice in larger.

Just a suggestion :)

  • Like 1

Share this post


Link to post
Share on other sites

Really nice and clean website here, top notch photos everywhere!

May I ask you to point us (at least me) in the right direction to use requests and pushstate with processwire?

Thanks!

Share this post


Link to post
Share on other sites

Really nice and clean website here, top notch photos everywhere!

May I ask you to point us (at least me) in the right direction to use requests and pushstate with processwire?

Thanks!

maybe more is to read here: https://processwire.com/talk/topic/4792-festival-site-with-processwire-and-ajax-boom-festival/

------

Edit: A very good site @benbyf. The only thing that I (personally) would change is the behave when clicking on a photographers name: one should get the "Main Gallery" directly, no need to click two times before seeing the first photo. / but also a bit nitpicking, I know :)

Edited by horst

Share this post


Link to post
Share on other sites

Thanks everyone, an image is still a hard won problem, especially when your not restricting the client in their uploads to much. Will look harder into this, but still loathed to use polyfills for images.

Really nice and clean website here, top notch photos everywhere!

May I ask you to point us (at least me) in the right direction to use requests and pushstate with processwire?

Thanks!

I was thinking about writing a lengthy description / tutorial on this site, as there's loads in it after it's live. I'll endeavour to do so after your interest.

  • Like 6

Share this post


Link to post
Share on other sites

+1! New descriptions and tutorials are always welcome!

  • Like 2

Share this post


Link to post
Share on other sites

HEY,

Thank you all for your comments! My client loved seeing them too, so thank you.

The site is now live: http://horton-stephens.com/

Tutorial coming this week, anything in particular people would like to know?

Thanks

  • Like 3

Share this post


Link to post
Share on other sites

Loving the work. Im working on a very similar project, but I hadnt figured out how one would implement a add to custom list. I would really love to know how you plan on accomplishing this.

I have just a couple observations. A small thing that was kind of confusing from a navigation standpoint is how the links go to the parent page where the photographer is on as opposed to the page itself, it wasn't until I moused away from the link, and it faded the rest of the images that I understood why you did this. I think from a gut point click perspective if I were to click on an artist I would expect an artist page.

One little detail I think would really jazz up your page transitions, as you will be performing fades, would be using a little plugin like imagesloaded. Then you could fade images once they are loaded, and get rid of the loading of those big pretty images that you have.

https://github.com/desandro/imagesloaded

Share this post


Link to post
Share on other sites

Thanks MuchDev.

In terms of the images, I am using a image loader for the galleries if you scroll down (try turning javascript off and your get the first 2 images), but I'm not using one ofr the page load itself so maybe something I can improve if the client agrees.

  • Like 1

Share this post


Link to post
Share on other sites

Thanks MuchDev.

In terms of the images, I am using a image loader for the galleries if you scroll down (try turning javascript off and your get the first 2 images), but I'm not using one ofr the page load itself so maybe something I can improve if the client agrees.

As I said though, just a suggestion. I did see the photographer loading which is what led me to want to comment in the first place. I really like you use of infinite loading on the pages. Also your tag display system is pretty slick, I like the ability to grab selections of work based on a tag, I have a mondo tag system I've been developing that will be very similar. Great work though, it is really coming along!

  • Like 1

Share this post


Link to post
Share on other sites

caching help? As pages can be got directly or via ajax Im having massive caching issues (as it wont work with ajax), anyone have any solutions they can direct me too?

Currently a page template is if'ing in ./head and ./foot if not ajax so that I'm only grabbing page content instead of all the page resources etc. But, obviously to me now, I'm unable to caching any of the pages with ajax on them as they get served without the head and foot as the ajaz version is more likely to be cached. interesting problem.

Share this post


Link to post
Share on other sites

I don't understand what caching issues you mean. Do you use ProCache or other Caching methods?

Share this post


Link to post
Share on other sites

the PW template caching (goto a template in the admin and click the Cache tab )

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By gebeer
      Although the PW backend is really intuitive, ever so often my clients need some assistance. Be it they are not so tech savvy or they are not working in the backend often.
      For those cases it is nice to make some help videos available to editors. This is what this module does.
      ProcessHelpVideos Module
      A Process module to display help videos for the ProcessWire CMS. It can be used to make help videos (screencasts) available to content editors.
      This module adds a 'Help Videos" section to the ProcessWire backend. The help videos are accessible through an automatically created page in the Admin page tree. You can add your help videos as pages in the page tree. The module adds a hidden page to the page tree that acts as parent page for the help video pages. All necessary fields and templates will be installed automatically. If there are already a CKEditor field and/or a file field for mp4 files installed in the system, the module will use those. Otherwise it will create the necessary fields. Also the necessary templates for the parent help videos page and it's children are created on module install. The module installs a permission process-helpvideos. Every user role that should have access to the help video section, needs this permission. I use the help video approach on quite a few production sites. It is stable so far and well received by site owners/editors. Up until now I installed required fields, templates and pages manually and then added the module. Now I added all this logic to the install method of the module and it should be ready to share.
      The module and further description on how to use it is available on github: https://github.com/gebeer/ProcessHelpVideos
      If you like to give it a try, I am happy to receive your comments/suggestions here.
    • By Peter Knight
      I have a few web forms which require testing on a weekly basis and I don't want the recipients (administrators) to receive these test emails.
      What would be a good way to test approx 15 forms from the front end and have the test delivered a list of secondary administrator recipients?
      I'm thinking that I could have some kind of config file which watches for a trigger word or email and then understands that it's a test and to bypass the normal admins?
      All of the forms ask for an email address so I could setup an email such as 'testform@email.not' etc which my config file (hook?) would watch for.
      Or is there a better way to do this?
      Additionally, I have a few extra requirements...
      Forms should goto an alternative success page. This is because I don't want my test to skew my Google Analytics conversion tracking Forms would need to be tested from the front-end and not the PW admin area Any advice appreciated.
      BTW I realise this should be posted in the proper FormBuilder support forum. I am in the process of renewing my license for access to that support forum.
       
    • By NehaPillai
      Hello Everyone, I was trying to update SEO meta title, description and meta keywords for my website in Process Wire CMS but it saving in the backend but it is not reflecting on my website, Please help me regarding this error. Please find below attached screen shot for your ref. TIA.


    • By Sergio
      Confession bear meme on tests: I'm a virgin.
      Never implemented any of them, mostly because I work alone for many years now. But found this cool project today, called Cypress. 
      This is the easiest way to test a website or app I've found. Check their intro video out: https://docs.cypress.io/guides/getting-started/writing-your-first-test.html
      Note: I recommend this Chrome extension to speed up videos: https://github.com/igrigorik/videospeed as the narration of this video is kinda slow. 🙂
       
    • By cosmicsafari
      Hi all,
      I have been asked by a client whether we can setup load balancing for their existing Processwire site.
      From my investigations on Google and within these forums, it definitely seems possible but as a newbie with a basic understanding of the subject im a bit lost.
      Does anyone know of any existing tutorials for settings up load balancing with PW?
      What items would need to be changed on their current stand alone install, is there a list of best practices worth consulting etc?
      As I understand it we would need to have some sort of copying mechanism (rsync script most likely) in order to make sure any uploaded assets are shared between the main server and the fallback ones, other than that im not sure what else would need to be ammended.
      Any thoughts/help would be greatly appreciated.
×
×
  • Create New...