Recently Browsing 0 members
No registered users viewing this page.
By Peter Knight
I know some of you are UIKit fans like me. I built a site recently using UIKit 3 and I'm having some layout issues on IE 11 and largest breakpoints.
You have to set quite a big resolution or have a large monitor to experience this as it only happens on largest breakpoints.
The main column in the above URL is successfully centered in most browsers except IE11.
On IE 11, it shifts to the right. Basically it's a DIV using the uk-width-expand selector and then I have a custom max width and a margin in there to centre the content horizontally.
Here's a simple CodeKit and JSFiddle of the issue
Inspired by this thread with a little nugget based on AOS by @benbyf to visually distinguish development systems from production ones, I wrote a small module that does the same and lets you adapt colors and text.
Link to the github repo:
Version 0.0.1 is still very alpha and only tested on PW 3.0.124.
This module lets you change the color for the top toolbar and add a small piece of text for development systems, so you are immediately you aren't working on production (and vice versa). The adaptions are made through pure CSS and applied if either the "Enable DEV mode" checkbox in the module's configuration is checked or the property $config->devMode is set to true in site/config.php.
Works with Default, Reno and Uikit admin themes (though probably needs a lot of testing with different versions still).
Since a screenshot says more than thousand words...
Production system (unchanged):
Dev system (Default admin theme):
Dev system (Reno admin theme):
Dev system (Uikit admin theme):
Feel free to leave any feedback here and report any problems either in this thread or the github issue tracker.
The basic Processwire workflow assumes that I (as an Editor) want to save new Pages in draft mode - and therefore new pages are always set to unpublished by default. To publish the page, it is necessary to actively press "Publish", otherwise the Page will not be visible.
The workflow is:
Add new Page Status is now "Unpublished: Not visible on site." Press Publish - the page is now visible on site I want to publish pages right away (without having to press Publish).
Where is that configured?
Uikit v3 admin theme (0.3.0)
I have been searching a while for pre-made UIkit 3 themes that I can download in some form and use. But I have not found much. I work with variables and compile most times, but sometimes I would prefer working with a "finished" theme as a starting point
I have found the following resources:
https://github.com/zzseba78/Kick-Off https://github.com/uikit/awesome-uikit Do anyone else know of UIkit 3 themes that you could list?
Gallery Claeys is a art gallery in Freiburg, Germany, with focus on exhibitions of female artists. Our agency designconcepts developed a website that features the latest exhibitions of the gallery as well as an archive of previous exhibitions. Every artist has its own page with an excerpt of their works and a vita of the artist.
The website was build with help of the framework UIkit and Barba.js for smooth transitions between pages.
Exhibitions Page transitions
On the homepage you can find a preview of upcoming or current exhibitions as well as an archive of previous exhibitions. Based on the date the exhibitions get automatically sorted in one of the three categories (preview, current or archive). Each category has its own deep-link with URL segment.
The smooth fading page transitions are made with Barba.js.
Front-End Page Editor Markup Sitemap XML ProCache Tracy Debugger Upgrades