6 minutes ago, Sergio said:

Great tips from Diogo and I'd like to suggest Hugo (https://gohugo.io/) as a great SSG, specially if you want to explore alternatives to javascript-based ones for two basic reasons:

1. You don't want to mess with a lot of javascript dependencies fatigue, specially as you go back to edit the project in a few months/years, and things start to break when you try to run the project.

2. The project will have 100s or 1000s of pages and you want to generate it as fast as possible. 

Thanks Sergio!

32 minutes ago, diogo said:

You're welcome ✌️

Svelte is also a great introduction to component based development, and the tutorial is great. React is a bit overwhelming at first because it feels so clunky, but it brings more job opportunities with it. If you still want to learn React after learning Svelte, at least you'll have already some of the shared concepts grasped.

Been looking at Svelte/Kit - really, really nice. Thanks again for pointing this out. It's totally within reach if you have some standard JS ability but it's squarely within a new development paradigm that has the possibility of making me feel, erm, "modern" again! Cheers :)

1 hour ago, diogo said:

If you want to do something quickly, maybe gatsby is not ideal. Have a look at https://kit.svelte.dev/ or https://www.11ty.dev/. Those are two easy ones for creating static sites, and I would encourage you to have a look at them (particularly Svelte and SvelteKit) so you see what's new in the craft, but I'm sure you would find it as easy to get back on PW since there was no complexity added at all.

Thanks @diogo - that's great feedback and advice. To be honest, PW is such a great system, it's a really hard act to follow, particularly with the modules and the whole development ethos behind it. I suppose it's a case of the anticipation of a learning curve and whether or not it's timely to look at a different technology that may offer more general opportunities as opposed to whether something is better or worse than PW. I'll head over to svelte and take a good look. Cheers buddy!

Hi all, I've not used PW for a few years. In fact, I haven't developed for a few years. I might have a requirement to get back in to developing (a new project in particular) and when I was last coding with a vengeance, Gatsby wasn't around (AFAIK) and React was in its infancy so, circa 2015. At this stage, I feel like an amateur again so, getting back into PW will have some overhead. It begs the question, is something like Gatsby worth looking at?

I've checked the Gatsby docs. It looks like more work all round, perhaps more dev team-oriented but, using "modern" tech under the hood. Any thoughts?

Thanks diogo. Is it a service to install PW on a host of your choice or, do they provide hosting too? I checked the page but could quite work out the extent if what they do. Cheers.

Hi there! It's been a long time since I've been here. I've not developed for a good few years. My son has asked if I can create him a website for his personal training service. I used to have a Linode to host sites but I've not had that for a while. Also, it was a bit problematic being responsible for the web server and general setup. I wondered what the best/easiest way is to quickly establish hosting without the hassle? Something where the setup and PW installation is automatically handled? 

Any ideas or suggestions would be very much appreciated! ?

Cheers.

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!

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

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!

Thank you @abdus - you're the man!

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

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!

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

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!

Hi @DaveP - thanks so much for pointing me towards Intercooler! It looks awesome and I hadn't previously heard of it  

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!

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!

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!

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!

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

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

Hi @Mike Rockett - yep, it all works fine. I'm confused because the request for the processwire page isn't hitting PW at all. So, I'm guessing it's something to do with the web server but, I haven't touched any of that stuff in Laragon. It's worked fine from the outset and just this weirdness today when trying to get into the admin page for the first time in days. Just been building out twig templates and getting used to UIKit3 so, done nothing in the backend for a while.

Hi @dragan,

Just an aside, I put some debug code into the site root folder's index.php and noticed that it is hit when I load the site/homepage (angie.local/) but it isn't hit when I load angie.local/processwire !?

Any thoughts?

Thanks.

Hi @dragan,

The frontend is fine. I checked the admin name and it is "processwire". I also did a session redirect from inside the home page but got exactly the same 404 response. This is really weird - according to the DB, the last time the admin was accessed (by me only) was 24/8. I haven't touched anything to do with this, templates, DB, nothing.

Dunno?

Hey guys,

I'm using Laragon (as pointed out by @Mike Rockett and it's really great. However, today, I tried to go into the admin pages under the URL http://angie.local/processwire and for some strange reason, I'm just getting a 404:

Not Found

The requested URL /processwire was not found on this server.

I haven't changed a thing and am not sure where to start with this. I have never created a PW site without referencing the admin but any name other than "processwire".

Any suggestions much appreciated.

Cheers!