bernhard Posted August 9 Share Posted August 9 Congrats on the launch @ryan 2 hours ago, ryan said: @bernhard Can you add README files to your repos for the files? There should be enough info there for people to get to know what the module does and to decide whether they want to download/install it, like a couple paragraphs or more. I probably have a few of my own modules that I need to add more info to as well. Would it be possible to get some kind of webhook that I can call and send data to? I have everything automated for all my modules and I really don't want to log into the modules directory to push all my updates manually 😞 It would probably be ok to add all the readmes once, but still all the version numbers and the "last updated" indicator would be outdated as all my paid modules are private git repos. And I put a lot of effort into all my pro modules, so it would be nice if that could be visible somehow in the modules directory. See RockCalendar as an example: https://www.baumrock.com/en/releases/rockcalendar/ Ideally we'd have a github workflow that anybody can add to his/her project that automatically sends new data to the modules directory on every new release. I can build that workflow if you want and all you'd have to do is to add it to the github repo (like this example from RockShell) so that we all can use it in our CI automations and then add an url hook to processwire.com that reads the data from the webhook and updates the modules directory entry. 3 Link to comment Share on other sites More sharing options...
adrian Posted August 10 Share Posted August 10 @ryan - the demo site (still linked from the new site) is still showing that .htaccess needs updating error (has been for a very long time) and running an old version of PW and the old theme. All fields and templates need to either have an icon or no icon - it looks messy with the alignment in those dropdowns when there is a mix. Maybe minor, but these details are what makes a project look professional or sloppy. 6 Link to comment Share on other sites More sharing options...
gRegor Posted August 10 Share Posted August 10 10 hours ago, ryan said: So if you don't like animations, don't worry because we aren't adding them elsewhere in the site, but they are an important part of what the homepage is there to communicate. To clarify and gently push back on this, prefers-reduced-motion isn't just for people who may have a preference for no animation. Personally I'm fine with animations. It's an accessibility feature that allows people who may be affected by animations (e.g. vestibular disorders) to send a signal to websites from their OS or browser. It's good practice to check for that and respect it, when possible, especially if they're non-critical animations. 7 Link to comment Share on other sites More sharing options...
markus-th Posted August 10 Share Posted August 10 15 hours ago, ryan said: Just want to mention that none of us here is the audience for the homepage. It's for people that are not yet familiar with ProcessWire or just learning about it. I think everyone here knows that and just wants to help improve the site for new users. On the download page I noticed Softaculous: Here, especially with regard to new users, the text could be updated. However, in my opinion, the demo available there is a problem that is more likely to deter new users than get them excited about ProcessWire: No one new to Processwire can figure out the backend or anything else from this demo. 2 Link to comment Share on other sites More sharing options...
ottogal Posted August 10 Share Posted August 10 Kudos for the launch of the new website! I share the reservations about the animations, and I find nasty the huge file size for the h1 headlines on non-mobile devices. And the styling of the buttons is ugly. Of course, it's all a matter of taste, too. But I found a bug: At the bottom of nearly every page there are links to the top level pages, e.g. to Blog. But the href attribute of this link is "blog/", that is, relative to the actual page. So the link results in the 404 error page when the link is on a subpage, say on processwire.com/about/ - there is no page processwire.com/about/blog/! 1 Link to comment Share on other sites More sharing options...
psy Posted August 10 Share Posted August 10 16 hours ago, ryan said: While I'm not seeing "pretty" change anything, I do like what the "balance" option is doing. I went ahead and added both though. Thanks @ryan The subtle nuance of "text-wrap: pretty" is that you won't see it. It stops block elements having an orphan word on its own line at the end of eg a paragraph - jarring if it happens but smooth reading when it doesn't regardless of screen size. Still really need to see the font-size addressed. It's making my eyes bleed on my wide screen with font-size: 14vw 🙏 2 Link to comment Share on other sites More sharing options...
psy Posted August 10 Share Posted August 10 (edited) The Api docs have changed and I reference the Api docs a lot. It is possible to revert to the 3 column layout with the major Api vars/functions on the left and then when clicking on one, list its functions on the right? The new layout is 2-column. You search for the module/var you want, then it lists its functions underneath in the left column. Too bad if its not the right one. Finding another module/var is then a problem as the Search function isn't obvious. Yes it lists the possibilities, but then you have to hit return to get to the page. The other option is to click the parent in the breadcrumb list. I can live with it but it slows things down and not as user-friendly as the previous layout. @ryan A bit more on the API docs... They throw an Error 500 on a number of pages, eg https://processwire.com/api/ref/inputfield-form/render-or-process-ready/ Edited August 12 by psy updated Link to comment Share on other sites More sharing options...
Alexander Posted August 10 Share Posted August 10 (edited) The main metric for an open-source website is converting visitors into software users. However, the main issue with the open-source adoption cycle is that there is a years-long gap between users becoming aware of the project and actually starting to use it. Overall, the goal of any rebranding is to maintain recognition while solving new challenges for the brand. The level of visual identity change for ProcessWire would be acceptable in the case of rebranding when a product has totally failed, but that's definitely not the case here. This redesign will likely result in a dramatic failure of adoption for PW among new users because they will not understand that PW is something they were familiar with before. There are hundreds of CMSs and random visitors don't remember ProcessWire by name alone, and all visual branding on the new website has no brand consistency from the dozen years of the previous PW website. The new website (as commenters in other threads noticed) simply "hey what happened to my browser bookmarks, it‘s not PW." It's hard to provide suggestions without understanding what goals the new web design is solving, but I can recommend at least changing the German interface on the first screen to a screenshot with skyscrapers, because they were there all along and are strongly associated with PW even through new designs. @ryan, please don't take my word for it and instead look at the metrics. Something like PW downloads or PW module downloads per month compared with the same period in the previous year should show the real effect of this redesign. Update: there are some performance issues that result in over 200% CPU overload on the first page. Edited August 10 by Alexander performance issue 4 Link to comment Share on other sites More sharing options...
adrian Posted August 10 Share Posted August 10 Along with reducing the font size of that title considerably, can you also please consider removing the blur from it - it literally hurts my eyes to read it - they are constantly trying to make it look focused and sharp. 7 Link to comment Share on other sites More sharing options...
poljpocket Posted August 11 Share Posted August 11 Congrats @ryan on the launch of the new website. I like it a lot! Since everyone else is posting the issues they found here, I will do the same. Thanks for considering! Layering issue on the homepage This is probably best illustrated with this screenshot: You can see I am using the devtools element selector tool and my mouse is clearly over the PW logo yet the morph canvas is focused by the tool. You might need to adjust the z-index of the header. "The CMS" menu item and "A powerful/friendly/... CMS you'll love" I love that ProcessWire used to not positioning itself strictly as a CMS because it isn't. It is so much more. This is also made clear in the introductory text: Quote ProcessWire is a free content management system (CMS) and framework (CMF) built to save you time and work the way you do. With all custom fields, a secure foundation, proven scalability and performance. So the title and the first and most important menu item both tell visitors that ProcessWire is a CMS but then the text immediately contradicts that. I am sure you talked about this. Some ideas to solve this (yes, they have caveats too): The menu item can be called "ProcessWire" or "About" The text can be called "ProcessWire is powerful/friendly/... and you'll love it!" 5 Link to comment Share on other sites More sharing options...
zoeck Posted August 11 Share Posted August 11 The text animation on the start page doesn't work very well in MS Edge (on Windows 11 24H2). The edges of the font are not smoothed and the animation also looks better in Firefox. 4 Link to comment Share on other sites More sharing options...
taotoo Posted August 11 Share Posted August 11 Further to the above, on Windows the animation is different for me on Chrome vs Firefox [Chrome on left, Firefox* on right] (*The pixelation of the animation is due to it being a gif) Spoiler 1 Link to comment Share on other sites More sharing options...
ryan Posted August 11 Author Share Posted August 11 @taotoo Thanks, fixed the animation in Firefox. It turns out Firefox needs the SVG filter to be visible, so had to remove the "hidden" attribute and move it off screen with absolute position. I don't know what's up with the MS Edge appearance (I don't have that environment to test in) but if you find what it is, please let me know. @poljpocket I prefer to stick with the term CMS and guide folks into the CMF side of things, since the term isn't so widely known/used. Though I'll continue to use it, just not front and center. @adrian Blur issue should be fixed. The large text size on the homepage is intended. @Alexander That assertion is incorrect. The metrics say this redesign was long overdue. But you are right about a performance issue with the desktop version of Safari (only) related to not using the GPU, I'm working on it. 2 1 Link to comment Share on other sites More sharing options...
adrian Posted August 11 Share Posted August 11 2 hours ago, ryan said: Blur issue should be fixed. Thanks @ryan - it's no longer blurry, which is great, but it's still got jagged edges due to that #pw-morph-threshold) filter. With the filter on: and with it off: Sorry, but it really looks unprofessional as is. 2 hours ago, ryan said: The large text size on the homepage is intended. I know it's intended, but it doesn't provide any good purpose to have it that big - it just hides the important stuff below the fold. And on bigger screens it's comically large (as noted by @psy). 3 Link to comment Share on other sites More sharing options...
ryan Posted August 11 Author Share Posted August 11 @adrian I don't care for the look of that jagged text in your screenshot either, but I can't duplicate that in Chrome, Firefox or Safari. I'm running on OS X. What browser and platform are you seeing that jagged text in? Link to comment Share on other sites More sharing options...
adrian Posted August 11 Share Posted August 11 5 hours ago, ryan said: @adrian I don't care for the look of that jagged text in your screenshot either, but I can't duplicate that in Chrome, Firefox or Safari. I'm running on OS X. What browser and platform are you seeing that jagged text in? MacOS and Chrome - latest of both. It's also an issue on Safari and Zen (firefox engine). Very obvious on a Macbook Pro M1 - maybe on an older device with a lower resolution screen it might not be as obvious? Note that I am zooming in a bit to make it look that bad (but it's still very noticeable at 100%), but if you turn off that filter then it looks great anyway - what's the point of it? Link to comment Share on other sites More sharing options...
markus-th Posted August 12 Share Posted August 12 7 hours ago, adrian said: With the filter on: and with it off: Sorry, but it really looks unprofessional as is. I see this the same way on Win 11 with Chrome/Firefox/Opera/Edge. 1 Link to comment Share on other sites More sharing options...
DV-JF Posted August 12 Share Posted August 12 14 hours ago, adrian said: Thanks @ryan - it's no longer blurry, which is great, but it's still got jagged edges due to that #pw-morph-threshold) filter. Same for me, WIN 11 on all installed browsers. Another thing I want to mention: Did you pay attention to accessibility during the relaunch? Some critical errors and alerts are displayed in my preferred testing tool - https://wave.webaim.org/report#/https://processwire.com/ 2 Link to comment Share on other sites More sharing options...
ryan Posted August 12 Author Share Posted August 12 @adrian Okay I think I figured it out. The jagged text is only visible on non-hidpi screens. My dev computer (iMac 27") has a hidpi/retina display, and there was no visible jagged text in any browser. But as soon as I tried it on a non-hidpi screen, I was able to see the jagged text. I've adjusted it so that the filter is completely removed except when it's transitioning between two words. So a few jaggies when animating, but otherwise not. It seems to improve it a lot on the 72 dpi screen I'm testing with here. How about there? 1 Link to comment Share on other sites More sharing options...
adrian Posted August 12 Share Posted August 12 @ryan - my screen is the 16.2" Liquid Retina XDR display 3456 x 2234 native resolution at 254 ppi so I am definitely on a hi dpi screen. But your changes do fix the static text for me. 1 Link to comment Share on other sites More sharing options...
adrian Posted August 12 Share Posted August 12 I don't know if this is intentional or not, so reporting just in case - at certain screen widths, the slider has its right edge cut off. Note that the Konkat site has a similar issue with "Konkat" having no right margin at certain widths. It also has the same crazy amounts of vertical whitespace on smaller screens that I mentioned for the new PW site above. I'd also be tempted to suggest that at all sizes it should uses the smaller padding that appears on smaller screens - it makes it look much more like a monitor screen, which I assume is the idea? 1 Link to comment Share on other sites More sharing options...
DV-JF Posted August 12 Share Posted August 12 35 minutes ago, ryan said: How about there? I'm out of office, but in mobile I've now noticed an ugly flickering. screen-20250812-162027.mp4 Link to comment Share on other sites More sharing options...
Alexander Posted August 12 Share Posted August 12 A funny personal observation: after all these years, the black ProccessWire logo on a light background looks like inverted. 2 Link to comment Share on other sites More sharing options...
adrian Posted August 12 Share Posted August 12 @ryan - can you please explain what the "Featured" modules are: https://processwire.com/modules/featured/ ? It looks like this view is actually all of the modules? Is that right? Also, it seems like the Paid button isn't showing lots of paid modules - ListerPro is just one example. Link to comment Share on other sites More sharing options...
ryan Posted August 12 Author Share Posted August 12 @DV-JF I was focused on making Lighthouse happy before, but I've put in some updates to make that Wave tool that you linked happy too. I can't duplicate the flickering you saw on mobile, what device and browser are you seeing it on? I'm testing with Chrome on Android 16 and an iPad with Safari on latest iOS. 5 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now