Skip to main content
pziecina
Legend
April 21, 2017
Question

Flexbox, css grid layouts, css shapes, etc.

  • April 21, 2017
  • 2 replies
  • 2589 views

Myself and Birnou, have been discussing the best way to start a discussion regarding the above.

Unlike previous such discussions, we do not wish it to become a 'can I use' or a 'should I use' topic, but instead one that concentrates on the actual use. If anyone who would be interested in joining such a discussion, wishes to comment on the where or how, it should be discussed or make constructive suggestions, then please do so.

The comments so far can be read, at -

https://forums.adobe.com/community/creativepipeline/blog/2017/04/11/bringing-the-content-to-design#comment-154952

    This topic has been closed for replies.

    2 replies

    Participant
    May 1, 2017

    I'm new to flexbox. After reading about how simple it can make responsive design layouts I instantly thought this is the right direction for me. However, despite it's wide support as a cross-browser solution Dreamweaver 2017 doesn't support it. I am retrofitting a non-responsive website and it is going well... but it could be even easier if DW 2017 was able to show my design in the Design view.

    Dreamweaver does not display <divs> with their flexbox attributes they are simply flat-lined across the page. This is clearly an elementary step forward in design and I am gobsmacked that Adobe has not managed to implement support for this.

    How the layout appears in browser preview...

    How the layout looks in Design View in DW 2017!

    This really cannot be the best that Adobe is able to do. It would be impressive if you told me that the next update would include this missing flexbox support

    pziecina
    pziecinaAuthor
    Legend
    May 1, 2017

    Dreamweavers live view does support flexbox, but that is all there is that is any use, though code view 'sort of' has support, but not x-browser unless one uses sass/less, and some of it allows the user to enter incorectly formatted property values. The lack of a stand alone autoprefixer for all css that could use such a feature, (not just flexbox) to me is, (repeating my thoughts) a complete load of rubbish, as a separate and user definable autoprefixer should be available.

    As for Dw supporting flexbox better, i have been asking since CS6, and so far nothing.

    Legend
    April 21, 2017

    It's hard work trying to get someone interested in something if what they are using now does the job, albeit using techniques which have been superceeded, especially as what is being discussed is not well supported or not supported at all yet in whatever software they might be using or is yet to make it into a front line browser.

    Not really sure myself that Adobe forums are the right place to be discussing advanced web-development techniques, very few will acknowledge the post/s or make contributions as they don't really wander too far outside of what the bit of software they are currently using is capable of producing.

    For DW users it is predominately Bootstrap 3 so until Bootstrap 4 arrives the majority probably would have never even come across Flexbox. If that trend continues it will be Bootstrap 5 before they will acknowledge  grid and shapes.

    .........what came first, the chicken or the egg.

    Perhaps the better angle is asking:

    Why are you NOT currently using Flexbox or Shapes or Grid? 1 answer should be easy, the other 2 could be interesting.

    pziecina
    pziecinaAuthor
    Legend
    April 21, 2017

    Thanks for at least replying Os.

    The discussion would be more in the way of a tutorial of how to, than a general open to all comments on the subject type of thing. Which is why we are concerned about the best way and place to start it.

    The stupid part about css shapes, is that it has as much support on mobile devices as flexbox, and is supported  in Chrome. As for css grids, I don't think we need to even consider telling users anything beyond the how to anymore, and then leave it up to them to decide the when.

    I don't have problems with any of the items being supported, but the only one Dw users can reliably use is css shapes, and that is only because the brackets editor had the shapes creator extension available, (plus it was an Adobe created spec). So to create a discussion on any of them would not be Dw specific, but a general 'this is what you would write'.

    B i r n o u
    Legend
    April 23, 2017

    so... what do we decide... open a thread about it... or not... writing a tutorial, a template ?... or just let it run by itself...

    for what I think, that is not an advanced web-developement technics... it's just part of the tools that we have around us... and standard... the question as Paula first asked, it is not to be in advance on techs in DW... but... not beeing later on it ...

    If folks @Adobe don't start to think about how easly integrate standard in DW now... then who will....

    it's not like betting on an owner horse, was it bootstrap, jquery, or either spry... here we are talking about w3c recommandations

    I agree that DW makes its own business on a WYSIWYG user interface, and that's great... but that does'nt mean to be blind and deaf, on what is in the process of being set up and will be available broadly faster than we think

    anyway, Im' almost done on a Sass serie... and I will the start a new serie on those items... grid, flex and shape... if anyone want to join....