Jump to content
benbyf

Photographer Caroline Leeming

Recommended Posts

Nice design! Thanks for the showcase.

I find it a bit hard to navigate though. One opens a slide show at the bottom of the page (for example), but after closing it we are left at the top, so to check out all the photos one has to jump back and forth a lot, or am I missing something? And the /projects/sid-magazine/ slideshow starts with a different photo (different from the one we click on as a preview). At first I was confused.

Another thing is Isotope: switching between ALL and COMMISSIONS swaps some(?) photos in the middle(?). I can only only see the top of three photos changing. What happens actually and why?

 

  • Like 1

Share this post


Link to post
Share on other sites
46 minutes ago, szabesz said:

Nice design! Thanks for the showcase.

I find it a bit hard to navigate though. One opens a slide show at the bottom of the page (for example), but after closing it we are left at the top, so to check out all the photos one has to jump back and forth a lot, or am I missing something? And the /projects/sid-magazine/ slideshow starts with a different photo (different from the one we click on as a preview). At first I was confused.

Another thing is Isotope: switching between ALL and COMMISSIONS swaps some(?) photos in the middle(?). I can only only see the top of three photos changing. What happens actually and why?

 

interesting, can you tell me your browser and OS? all new content should open at top.

categories clicked should change the thumbnails displayed, was previously more obvious as it would scroll to the thumbs on change.

Share this post


Link to post
Share on other sites

I'm on OS X 10.11, at first in Firefox 50.1.0 I could only see the header and the navbar at the top, but the rest of the page looked empty, even though I could see the code with the build in Inspector, after a while (because of the lots os refreshes?) content just appeared. Here is a 12fps licecap screengrab from Chrome 55.x (in 57.x, Firefox and Safari looks the same or very similar):

[...old issue with and old image, I removed it to save space...]

Note that in Chrome's console I get: Slow network is detected. Fallback font will be used while loading: http://carolineleeming.com/site/templates/styles/fonts/DTLDocumentaSansST.woff2

Even though speedtest.net reports 75/10 Mpbs at the moment.

Share this post


Link to post
Share on other sites

really strange. I get missing .js (made with AIOM module) now and then which is why its blank, as isotope only triggers when all images are loaded using imagesLoaded

mmm...

  • Like 1

Share this post


Link to post
Share on other sites

Does it make much sense to use isotope in this case? When one resizes the browser the isotope animation looks cool, but users rarely do it and other than that kinda pointless, or is it just me? Or am I missing the point?

  • Like 1

Share this post


Link to post
Share on other sites

not sure you get the use case for it. here i'm using it for two reason 1. to arrange the images (its uses masonry for this as they're made by the same people), 2. to animate filtering of the content - using the category links in this case. you can also do loads load more stuff with it - http://isotope.metafizzy.co/layout-modes.html

  • Like 1

Share this post


Link to post
Share on other sites

You or your client must have some deep pockets for font licensing. From the DTL website:

Quote

The eot, woff, ttf and svg fonts are sold as @font-face bundle and such a bundle costs €1250 per weight/style (single byte).

 

  • Like 2

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://www.karenthomasphotography.com/
      modules: AIOM+, ProcessPageDelete, TextformatterVideoEmbed.
      js: isotope, imagesloaded, fitvids, scrollTo, and Jquery with custom AJAX magic.

    • 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...