Skip to main content
Participant
August 20, 2017
Answered

Grid Support?

  • August 20, 2017
  • 4 replies
  • 1809 views

hey, currently I learn html and css, grids especially . Unfortunately dreamweaver does not show any grids in preview mode. Is there any plausible reason why? In chrome browser it works perfectly fine. Thanks!

This topic has been closed for replies.
Correct answer BenPleysier
(i fully expect lots of complaints from Dw users for my above comments)

Not from me.

I applaud the OP for learning Grid as this will be the backbone to unadulterated (i.e. no hacks) page layout. I have just completed my first site using Grid with fallbacks for the 30% of browsers that do not recognise Grid. This fallback is easy because

display: flex;

will automatically be overridden in Grid aware browsers by

display: grid;

In fact, display: grid will even ignore floats and tables. See Grid “fallbacks” and overrides - rachelandrew.co.uk

4 replies

pziecina
Legend
August 21, 2017

For anyone interested in learning css grid layouts, there is now a grid bug page listing the various browser bugs and fixes at -

https://github.com/rachelandrew/gridbugs

Also MS Edge v15 is well on the way to implementing the full, (latest) specs with only 8 bugs being reported in its implimentation by the W3C compliance checker.

Legend
August 21, 2017

daniels67290199  wrote

hey, currently I learn html and css, grids especially . Unfortunately dreamweaver does not show any grids in preview mode. Is there any plausible reason why? In chrome browser it works perfectly fine. Thanks!

Whilst its commendable to learn css grid its not really ready to roll-out yet in the 'real' world, unless you want to get involved in a lot of fallback css splattered through out your code. I don't really advise that at the moment, keep learning it though and browsers will eventually catch up and DW might as well. At the moment Flexbox is a more stable and suitable approach for commercial development.

If you are creating some kind of personal or hobby site that's when its probably ok to experiment with css grid  and the fallbacks needed.

In a weak defence of DW there are several commercial web-develoment programs out there whose 'live' browser option is not up to date. I expect more from Adobe to be honest and off-topic am surprised it didnt have an update ready to roll out when Bootstrap 4 was finally released, so now anyone fresh coming to DW is  being sold  a pup as it currently only has 'click and play' abilities for Bootstrap 3 and 'click and play' is what the majority of its customers depend on. I guess that is the penality you pay for being depended on 3rd party solutions, you don't know when they are going to kick and run, so get left behind.

pziecina
Legend
August 20, 2017

Dreamweaver uses a version of Chrome called, 'Chrome embedded framework' which is not the full browser version, it is also about 18-24 months behind the actual version most people use. This is because the Dw team must add features which takes time, meaning that Dw will always be behind what can actually be used in the desktop/mobile version.

It may be that the next version will include support for css grid layouts, and that version should hopefully be released in October, (my guess). It will also hopefully include code completion/hints for css grids, though if that is all it includes for css grids, someone in the Dw team should take a good look in the mirror, and ask themselves if they are really up to the job of deciding what developers require.

If Dw's flexbox support is anything to go by, i would not get my hopes up.

(i fully expect lots of complaints from Dw users for my above comments)

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
August 21, 2017
(i fully expect lots of complaints from Dw users for my above comments)

Not from me.

I applaud the OP for learning Grid as this will be the backbone to unadulterated (i.e. no hacks) page layout. I have just completed my first site using Grid with fallbacks for the 30% of browsers that do not recognise Grid. This fallback is easy because

display: flex;

will automatically be overridden in Grid aware browsers by

display: grid;

In fact, display: grid will even ignore floats and tables. See Grid “fallbacks” and overrides - rachelandrew.co.uk

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
pziecina
Legend
August 21, 2017

We are doing much the same thing for css grid fallback Ben.

I've found it also helps if i use flexbox for items within the individual grids, as it helps to make the transitions between mobile, desktop and large screen easier, cutting down on the number of media-queries.

Nancy OShea
Community Expert
Community Expert
August 20, 2017

Design View cannot support advanced CSS features. 

Nancy O'Shea— Product User & Community Expert