Gazley

Members
  • Content Count

    520
  • Joined

  • Last visited

Community Reputation

102 Excellent

About Gazley

  • Rank
    Hero Member

Profile Information

  • Gender
    Male
  • Location
    Manchester, UK

Recent Profile Visitors

5,584 profile views
  1. Gazley

    Hi @mciccone - I saw that myself but, I couldn't get it to work at all. After your suggestion, I just tried it again and still, no joy. Dunno <shrug> If you have been able to make that work, I'd be interested to see the markup. For now, @3fingers approach works fine but, I just wondered whether there is a "definitive" approach to this recommended by UIKit or, whether it's one of those cases where there is just more than one way to "skin a cat", so to speak! Thanks for the heads-up!
  2. Gazley

    @3fingers - awesome! Thanks for the heads-up. So simple when you know how!
  3. Gazley

    Hi there, Just started with UIKit3. When marking up a grid, the gutter defaults to medium. If I add uk-child-width-1-3, my items wrap nicely but, whilst they are separated by the gutter, they sit on top of each other without gutter/margin in the vertical. What is the best approach to have equal space both horizontally and vertically with a grid's child items. Also, what is the best approach to reducing that space at smaller breakpoints? Many thanks!
  4. Gazley

    Thank you @abdus - you're the man!
  5. Gazley

    Hello @abdus - many thanks for your code and I understand where you are coming from with this. What I am basically trying to understand is with respect to the image represented by $page->images->first, which image from my example scenario would I put into ProcessWire in the first place - gazley_flat.jpg or gazley_web.jpg? I hope I'm making some sense here
  6. Hi there, I'm getting reasonably familiar with the approach of using srcset and sizes. However, I'm still somewhat confused about the base/reference image to use in PW. So, here's my use-case: I have an image in Photoshop that has been airbrushed and post-processed called gazley.psd. The layers are flattened into a JPEG that may be 15 -> 30 mb in size and the pixel width may be circa 3000, so now, we have gazley_flat.jpg, not web optimized. If I save that image "for web", it might reduce the image size by some 50% giving me gazley_web.jpg. However, this is obviously still way too big to use in an image tag! So, I might want to use an AR of 3:4 where the maximum rendered image will only ever be, say, 960px wide. However, I need 2x and 3x density depending on the device/screen that the image is ultimately rendered on. Considering the above requirement/use-case, what would be the correct approach to give me what I need? Many thanks!
  7. Gazley

    @Sanyaissues - pretty nice too! Thanks for pointing this out. So many cool solutions
  8. Gazley

    Hey @abdus, hope you're well. Thanks also for pointing me to these great javascripts I also didn't know about these little beauties either. I now have plenty to work with. I appreciate the heads-up! Cheers!
  9. Gazley

    Hi @DaveP - thanks so much for pointing me towards Intercooler! It looks awesome and I hadn't previously heard of it
  10. Hi, I'd like to add a continuous scroll effect to the home page of a site. I haven't done this before and wondered whether there is a "go to" solution that is recommended? Many thanks!
  11. Gazley

    Hey, @abdus - that's awesome information! Thank you very much for highlighting the size method and the hooking approach too. I'll get a solution from what you have pointed out to me. Cheers!
  12. Gazley

    Hi @abdus , I mean that if a user clicks on the square image, I'll render it in a lightbox as a full portrait image (hence using the word "mode" which I can see now is a little confusing!). By this, you'll now understand that I am talking about the square image being rendered in the front end of the system. Furthermore, I want to create a square image taking a crop from the center of the image, and if possible, trying to focus the crop around the main face in the original image. Many thanks for your input!
  13. Hi there, I'm looking to render some square images that are based on portrait originals. When the image is selected, I'll display it in portrait mode but when the images are in a "summary" mode, I want them square. What would be the best way to generate a square image from a portrait original? FYI, I would ideally prefer these images to based on IMG tags and not background images. Cheers!
  14. Gazley

    Thanks, Mike. I've got a handle on it all now. Just me being a dumb@ss
  15. Gazley

    Hi @Mike Rockett Sorted out the problem and it seems it was to do with my "understanding" of Laragon. I was physically selecting my laragon/www/angie directory as my document root. This allowed me to run angie.local but failed miserably using angie.local/processwire. When I selected c:\laragon\www as my document root, they both work. For some reason, I thought you had to select the directory of the project you were working on but it seems, I missed the point here. Is my "realisation" your understanding too? Cheers