AndZyk

You seem to be confused, let me help to clarify: Front-end ProcessWire will hopefully never dictate what you should use in the front-end. So you can use whatever you want, framework or not. If PW ever would force me to use something in the front-end, I would look for alternatives. Back-end PW uses multiple libraries for the back-end, like UIkit, jQuery, jQuery UI etc. Simply because it would be stupid to invent everything new. I don‘t care what the back-end uses as long it is nice and flexible, neither should you. ProcessWire website While I like that the new website will use UIkit as framework, I wouldn‘t care either if it would use something different. I am just happy it gets a relaunch. Luckily it is not our decisions what the back-end or website of PW uses. So one more time: Nothing should change for you. You can choose to use for your project whatever you want. Please stop hijacking this thread.

@pwired Here is a little tutorial how to change the admin theme. Although I can‘t see a reason why, because even if you dislike the UIkit framework, which you have made clear multiple times, the AdminThemeUIkit is the new default one with continued development. ?

I have tried this extension before, but didn't like that it creates HTML tags too. Most of the time I just want the autocompletion of UIkit classes. Hopefully this will be added or someone else makes an extensions similar like the one for Sublime Text. But if you don't have an issue with that, it is a good extension. ?

Hello @Epileptiker, there is the module Template File Editor that seems to let you edit template files from the back-end. I have never tried it, don't know if it is still compatible and wouldn't recommend to have such a powerful module installed on a live site, but if you really don't have FTP access, that module could help you to get your Google Analytics Tracking-Code in your template files. Don't forget to uninstall if you are done. ? Regards, Andreas

Ah, that is a good result. Without chache would be interesting, but shouldn‘t be much higher. Google has no problems with indexing images that are lazyloaded in my experience. I like to lazyload them with lazysizes. But of course listing them in a special sitemap would help.?

Hello @Michael van Laar, To answer you main question first: Yes, I don't see a performance issue in using either. The RepeaterMatrix and PageTable field are similar in that they use pages which can be used for content elements. I prefer the RepeaterMatrix field, because it has a better usability in that you can edit the content elements on the same page. Before there was the RepeaterMatrix field, I also used for a few times the PageTable field with the PageTableExtend module. But if you have bought the ProFields I would recommend using the RepeaterMatrix. On the back-end it is best when using a RepeaterMatrix field to have the default option on, that all repeater items should be loaded via Ajax. I assume the page you linked is not cached? According to WebPagetest the document was loaded after 670ms, which is good (best would be under 300ms). Everything after that are your styles and scripts which are not related to the RepeaterMatrix. For a regular XML sitemap, you would just output all visible pages on your website. So in your example that would be around 150 pages. But even more should be no issue. I usually use the module MarkupSitemapXML for this. With other sitemap formats I have not much experience, I have just learned about them: Image sitemap: You could output the link of a page and all it files like this. Video sitemap: This seems to work only with self hosted videos. So not embeded videos. But I could be done like mentioned before. All of those solutions mentioned are decoupled from the RepeaterMatrix and PageTable field. On every page you only output the content elements used for the page. So the total count of content elements wouldn't matter. If you have a page with 10 or 50 content elements, it should not really be a performance issue. I can think of no use case, where you would output all content elements of all pages at the same time. As mentioned before the sitemap example can be handled without have to deal with RepeaterMatrix or PageTable. Yes, thats what the RepeaterMatrix field is build for. Caching always helps if you don't have user input on your page. But depending on how you build your templates, without cache there should be no performance issue. For content elements I can't think of a better solution than RepeaterMatrix. If you have more questions, it would be best if you would share some screenshots of your set-up. ? Regards, Andreas

Hello @Ramon, if you want a simple text for the alt tag of your image, than you can just use the description field: https://processwire.com/api/ref/pageimage/ Regards, Andreas

The build in color highlighting and picker should work fine in CSS or HTML files. There was a issue for using it in PHP files, but is now closed. Sorry for not being more helpful, I usually try to avoid using inline styles. ?

@pwired I don't wanted to start a discussion about frameworks here. I just wanted to point out that UIkit is a good choice for a framework to rebuild the new ProcessWire website and comparing it to a grid system are two different things. The UIkit framework is (as most frameworks are) modular. So if you want to use only the grid system, you can include only the grid system in your stylesheets and it should have around the same size. I don't know how much exactly because I have never just compiled the grid system and I don't count bytes, because in my opinion the size of your stylesheets are the least thing to worry about. No, I think most of the people don't use the whole 100% of a framework. Personally I use probably around 40% and include the whole framework anyway, because I like to have a good set of components available. It lets me focus more on the content and design while developing a website and I don't have to reinvent everything (grid, utility classes, slideshow etc.) from scratch. But as mentioned, if you only want to use a part of a framework, you can simply don't include the rest. ? That is the same approach as using a framework. Except when using different libs from different developers with different support and compatibility, you use components from one developer that are always compatible with each other. Before using framework I also used one lib for a slideshow, one for filterable grid, one for lazy loading images etc. With UIkit I only need one framework or if some lib does something better, I use this lib instead. That is true under the assumption when leaving the framework untouched and using it plain. The part of a good designer/web developer is to build styles on top of a framework and make it look different. In my opinion a framework should not be used plain and is just a foundation for an individual design. Of course everything I say is my opinion only and everyone is free to choose whatever suits your projects the best. Using a framework is not always the best choice and for designs that are different, I also don't use a framework. But for a large project like rebuilding the ProcessWire website it can help a lot to have a good foundation and the UIkit framework is this. If you want't to discuss further @pwired, you can create a topic, invite me to an existing one or send me a PM. ? Yes, the current search function is not really good, especially when you have build better search functions with ProcessWire. ? In my opinion it should be able to search the whole website (blog posts, modules, docs, API, etc.) and have autocomplete suggestions. A service like Algolia may be not necessary and this could be probably achieved by ProcessWire alone, but I had to work with a similar CMS for a while which uses Algolia on its website and it was a breeze to have a good search function for learning a new CMS. Of course the CMS is not as powerful as ProcessWire and you can remove the link if this is advertising. Regards, Andreas

Happy to hear that the website will be finally rebuild. I hope a modern design will attract more potential users. With UIkit you have made an excellent choice for a framework. I would wish for a better search function, maybe powered by a service like Algolia. ? Having worked with UIkit for two years now, I am obviously biased, but in my opinion it is the best framework at the moment. It is far more complete as Bootstrap with more components and more active development. Gridlex is a grid system, not a framework. The grid component in the UIkit framework is maybe 5% of the whole framework. So the UIkit framework can do 95% more than Gridlex. ?

Hello @j__, using a Repeater field for this use case may be nice on the back-end but as you have already experienced difficult to output. One possibility could be to build yourself a new PageArray, where you add all repeater items and sort or filter them however you like. Or you could reconsider and use regular pages for your events. ? Regards, Andreas

If you use the ProcessWireUpgrade module you always get the latest development branch with all new commits. Even if the version number is not bumped up. Just download the newest dev version again. ?

That extensions looks interesting. Currently I am using the extension sftp. So far I like it. It is like the commercial Sublime SFTP for Sublime Text. But I only use it for syncing up and down. For everything else I use Git. ?

Hello @Guy Incognito, can you select your custom styles in the Styles dropdown? Do you have selected the custom style but don't see any change? If you have selected a custom style and want to change the appearance inside the CKEditor, you also have to add a custom editor CSS file. ? Regards, Andreas

Hello @mjut, I have no experience with adding CSS for admin templates, but you could try out the module Admin Custom Files. ? If you don't want to use an extra module for that, maybe someone else will jump in. Regards, Andreas

Hello @opalepatrick, I am not sure what you mean with "without the finicial stuff", but if you have set-up your ProcessWire installation with the structure of a shop and just want a cart, you could checkout Snipcart. They even have a tutorial for combining Snipcart with ProcessWire. I have not very much experience with this service, but it seems like a simple and developer centered solution. ? Regards, Andreas

Hello @zota, first of all it would be good, if you would show how you have build your navigation. Have you made a simple navigation with a foreach of all children linking to their url, like in this tutorial, or have you made something different? With no further information it is difficult to help you. ? Regards, Andreas

No, that would not be duplicate content. Search engines (or Google as far as I know) are smart and see websites like humans. If there is some content invisible, they ignore it. Google uses for their search engine an older version of Chrome, so it can interpret JavaScript and media queries: Hiding/Showing content for different viewports with media queries is a common practice. For example take the Microsoft website: They use two navigations with the same content. One for desktop and one for mobile. You should do that, because as mentioned on the article I linked before: ?

It is not bad for SEO. Duplicate Content on the same page will not be penalized. Only if you have it on different pages. Search engines ignore hidden content. ? User agent detection on the other hand could be bad for SEO I guess.

I think most of the developers are lazy. That is the reason why I like Emmet. ? But Emmet can't rename the matching closing element, as far as I know. For that I use CMD + D or CTRL + Left Click on macOS for selecting the closing element. Thats a cool feature of the Auto Close extension. By the way, if you are not familiar with Emmet, I would recommend you to checkout the introduction. Especially for CSS it is a real time saver and easy to learn. Just type a few letters + tab. For example: bgc + tab = background-color. You can find all on the cheatsheet.

I would do this: Backgrounds Use media queries, as you are already doing. Images Use the picture element for art directed images with media queries. That is what its meant for. Content Output all versions of the content in your template and use media queries to show/hide the versions for different devices. If you are using a framework, there are components for this use case: UIkit: Visbility Bootstrap: Display I would strongly avoid user agent detection. ?

Emmet defnitely works with PHP files too. How do you expand with Emmet? I recommend using tab for the expansions: Inside your PHP file you write for example div, then press tab and it opens and closes the HTML tag <div></div>. ?

Weekly radio show with Hip Hop, Future Beats, R&B, Soul etc. ?

Looks like a interesting extension: Getting hints from Visual Studio Code ?

Hi @Hurme, this would be an ideal use case for language-alternate fields, if you haven‘t heard of them.? Or if you dont‘ want to use them, you could try to disable, that if no translation exists, the default language will be used. But language-alternate fields would be better. Regards, Andreas