Jump to content
benbyf

karenthomasphotography.com

Recommended Posts

one thing that i would find difficult from the perspective of UI, is that if you click on an image, you lose all context of where you are at, scrolled down – the page scrolls to the top, and even if you close the larger image at the top, it doesn't put you back where you were – this results in an insane amount of vertical scrolling if you wanted to peruse the portfolio items. You may need to either add prev/next navigation to the opened image, or find some other way of presenting the detail of the images when clicked.

  • Like 2

Share this post


Link to post
Share on other sites
2 hours ago, Macrura said:

this results in an insane amount of vertical scrolling if you wanted to peruse the portfolio items

+1 when it works. Sometimes it doesn't. Other times I have to wait for seconds for the scroll to top to begin.

Sometimes I also get in the console:

Spoiler

Uncaught RangeError: Maximum call stack size exceeded.
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)
    at window.onpopstate (js_bb655b9…_dev.js?no-cache=1511124498:396)

 

  • Like 1

Share this post


Link to post
Share on other sites

Great looking site, but clicking the images doesn't work for me:

5a1265710434e_ScreenShot2017-11-19at9_16_11PM.thumb.png.165ed3675f03de6502e401ab3328e09a.png

Share this post


Link to post
Share on other sites
14 hours ago, Macrura said:

one thing that i would find difficult from the perspective of UI, is that if you click on an image, you lose all context of where you are at, scrolled down – the page scrolls to the top, and even if you close the larger image at the top, it doesn't put you back where you were – this results in an insane amount of vertical scrolling if you wanted to peruse the portfolio items. You may need to either add prev/next navigation to the opened image, or find some other way of presenting the detail of the images when clicked.

Think your right, but part of the design decession was from the client trying to produce a site which was mostly about seeing all the images fast, rather than doing a lot of zooming in to an image.

@szabesz what browser are you seeing that on?

3 hours ago, adrian said:

Great looking site, but clicking the images doesn't work for me:

5a1265710434e_ScreenShot2017-11-19at9_16_11PM.thumb.png.165ed3675f03de6502e401ab3328e09a.png

thanks, will fix now.

Share this post


Link to post
Share on other sites
17 minutes ago, benbyf said:

@szabesz what browser are you seeing that on?

Chrome and its variants. I have not figured out how to reproduce it all the time, sometimes it appears when I click on an image to "zoom it".

Share this post


Link to post
Share on other sites

You get immeditately a bunch of photos served. No banner or header or some info on the top that shows what karenthomasphotography is about ?

Share this post


Link to post
Share on other sites
On 19/11/2017 at 6:01 PM, Macrura said:

one thing that i would find difficult from the perspective of UI, is that if you click on an image, you lose all context of where you are at, scrolled down – the page scrolls to the top, and even if you close the larger image at the top, it doesn't put you back where you were – this results in an insane amount of vertical scrolling if you wanted to peruse the portfolio items. You may need to either add prev/next navigation to the opened image, or find some other way of presenting the detail of the images when clicked.

This has now been addressed.

I've also spent some time spedning up the load of the site by lazy loading alot of the images, however I havent found a nice way of this playing well with Isotope, but works well enough currently.

 

  • Like 2

Share this post


Link to post
Share on other sites

i have at least 1 site using jquery unveil.js in combo with isotope and works perfectly

Share this post


Link to post
Share on other sites
On 22/01/2018 at 7:34 PM, Macrura said:

i have at least 1 site using jquery unveil.js in combo with isotope and works perfectly

any tips, it causes a strange little jump or reflow of layout when a new image comes in for me.

Share this post


Link to post
Share on other sites

i'm just doing this, basically a callback to isotope's layoutComplete:

$grid.isotope('on', 'layoutComplete', function() {
    $('.unveil img').trigger('unveil');
});

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By MateThemes
      Hello everyone!
      I am working with Processwire since some time. But some topics are quite hard for me.
      I have a Portfolio (Gallery) Page.
      I am build a template with Portfolio Index and pages with portfolio entries.
      Structure:
      Portfolio Index
      -- Portfolio Entry
      -- Portfolio Entry
      and so on.
      Portfolio Entry has an Image field with max 12 images and are accessible Templates. 
      Now I want to display the single Portfolio Entry on the Portfolio Index and Paginate them. In the index page all images of a single Entry page should be displayed (I should not be organized as albums, where a random image of the portfolio entry should be displayed). 
      I have no clue to achieve this. May someone could give me an advice.
      Thank you in advance!
    • By FrancisChung
      Does anyone here a personal portfolio site or a personal website that I can draw some inspiration from?
      I need to knock one up with minimal effort.
      I was wondering if there's any commercially available themes or solutions I can leverage?
      I looked at something called Gitshowcase but it didn't quite output what I needed, as it seems to have a very limited biography section.
       
    • By jploch
      I just relaunched my portfolio website. It's my first ajax driven website using ProcessWire as a CMS.
      Its a showcase of some of my work as well as a digital playground to improve my coding skills.

      If you encounter any bugs or have feedback, feel free to share  

      janploch.de
    • By benbyf
      http://carolineleeming.com/
      New website for still life photographer Caroline Leeming. Website build and design by myself - http://www.benbyford.com
      Using Jquery, alot of AJAX loading of content and the thumbnail grid with http://isotope.metafizzy.co/, slideshow hand coded by me.

    • By AndZyk
      A small website for the Black Forest based filmmaker Markus Ketterer. You can discover his portfolio or get more informations about him by clicking the logo. Each film page can contain two film stills and two behind the scenes pictures. The transitions between the pages were made with Barba.js (thanks to @LostKobrakai for mentioning it).
      www.luchs.digital
      Modules used:
      ProCache ColorPicker Markup Sitemap XML Tracy Debugger Regards, Andreas
×
×
  • Create New...