I haven't touched the program since version 12 (I think it's up to 15 now) so who knows if he finally "saw the light" on anything we discussed, but it's basically an old-style, static site builder from the early 2000s that they guy has shoehorned responsiveness into, whilst giving the user only limited control over the actual code. He strikes me as someone whose entire sense of self-esteem is tied up in this software, and he feel personally persecuted when anyone suggests there might be things wrong with it. His justification was his large existing user base that never complained about points.īasically every suggestion I made to him to try and modernize the program, or do things according to best practices fell on deaf ears. I must have argued back and forth with the owner over a dozen emails trying to convince him of the wisdom of letting people choose what unit they wanted for their text (points, pixels, ems, rems, etc) but he would not budge. And since it uses points instead of pixels (like pretty much every other web builder in existence) it's kind of a crapshoot to get the size you want unless you keep a chart handy, or have memorized that 12 points = 16px, 13 points = 18px, that sort of thing. the fonts sizes are predetermined by the program, and are in POINTS, and cannot be changed to anything else (although the program itself converts the points to pixels in the actual HTML it produces.) For example, the font size menu is a drop-down where you can choose from things like 8, 10, 12, etc. The interface is sort of a throwback to an old version of Microsoft Office. (And the guy who created the program is a total a-hole.) It uses this bizarre process of hiding/showing elements on the pages depending on the breakpoint, and it's support for things as simple as custom CSS is horrible.
![grid and flexbot layout coffeecup site designer grid and flexbot layout coffeecup site designer](http://www.qhmit.com/pix/stock/flexbox_example_1.gif)
![grid and flexbot layout coffeecup site designer grid and flexbot layout coffeecup site designer](https://courses.javacodegeeks.com/wp-content/uploads/2020/02/2090320_0bfb-2048x1147.jpg)
The body will have the class "fallback-loaded" if the browser fails the CSS Grid spec support test.Ī say this as a warning anyone thinking of spending money on this program, it's definitely the worst website builder I've ever come across. Here is a simple example demo to test on different browsers. My approach is to do the simple to medium layouts with Bootstrap and add in more complex CSS Grid sections where needed using the above technique. Of course for simple CSS Grid Flex fallback works great too. Almost all the styles on the elements remain the same, occasionally adding a fallback style for adjustment. Whats interesting is that the html structure for CSS Grid, which is basically a container with unlimited elements in it positioned anywhere on layers etc, can be reformatted to Bootstrap simply by adding in the rows and columns. Simply create (2) fallback rule tests and then load replacement html structure with jquery function if its a non-supporting CSS Grid browser. You can actually combine Bootstrap 4 and CSS Grid together which I believe make a great pair if one is trying to support new and older browsers along with IE. I think a visual tool would be a great idea to market. Yes CSS Grid is a very powerful layout tool. Topics: css grid critters, flexbox zombies, css grid game, grid critters.