Highlighted

CSS Grid and DW

Engaged ,
Sep 11, 2017

Copy link to clipboard

Copied

Hey All,  I am trying to use CSS Grid in DW and I am getting errors plus it isn't rendering properly in the Live View for some reason. If I just open the html in the browser it works so the code is ok. Is there something I am needing to turn on?

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

1. You did not stipulate what errors you are getting, so cannot answer this.

2. Not only DW's Live view, but also IE, Edge an Opera Mini will not render CSS Grid. The only thing you can do to fix this is to provide a backup for the non-compliant browsers (incl DW Live view)

This is easily done by using Flex first and overriding the instructions using Grid similar to:

#contact.content {

  display: flex;

  flex-flow: row wrap;

  display: grid;

  grid-template-columns: 100%;

  grid-template-areas:

    "main-area"

    "right-sidebar";

  >.col-main {

    flex: 1 100%;

    grid-area: main-area;

  }

  >.col-right {

    flex: 1 100%;

    grid-area: right-sidebar;

  }

  @include media-breakpoint-up(sm) {

    grid-template-columns: 50% 50%;

    grid-template-areas:

      "main-area right-sidebar";

    >.col-main {

      flex: 1 0;

    }

    >.col-right {

      flex: 1 0;

    }

  }

}

display: flex; followed by display: grid;

TOPICS
Learn Dreamweaver

Views

8.2K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

CSS Grid and DW

Engaged ,
Sep 11, 2017

Copy link to clipboard

Copied

Hey All,  I am trying to use CSS Grid in DW and I am getting errors plus it isn't rendering properly in the Live View for some reason. If I just open the html in the browser it works so the code is ok. Is there something I am needing to turn on?

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

1. You did not stipulate what errors you are getting, so cannot answer this.

2. Not only DW's Live view, but also IE, Edge an Opera Mini will not render CSS Grid. The only thing you can do to fix this is to provide a backup for the non-compliant browsers (incl DW Live view)

This is easily done by using Flex first and overriding the instructions using Grid similar to:

#contact.content {

  display: flex;

  flex-flow: row wrap;

  display: grid;

  grid-template-columns: 100%;

  grid-template-areas:

    "main-area"

    "right-sidebar";

  >.col-main {

    flex: 1 100%;

    grid-area: main-area;

  }

  >.col-right {

    flex: 1 100%;

    grid-area: right-sidebar;

  }

  @include media-breakpoint-up(sm) {

    grid-template-columns: 50% 50%;

    grid-template-areas:

      "main-area right-sidebar";

    >.col-main {

      flex: 1 0;

    }

    >.col-right {

      flex: 1 0;

    }

  }

}

display: flex; followed by display: grid;

TOPICS
Learn Dreamweaver

Views

8.2K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 11, 2017 1
Adobe Community Professional ,
Sep 11, 2017

Copy link to clipboard

Copied

1. You did not stipulate what errors you are getting, so cannot answer this.

2. Not only DW's Live view, but also IE, Edge an Opera Mini will not render CSS Grid. The only thing you can do to fix this is to provide a backup for the non-compliant browsers (incl DW Live view)

This is easily done by using Flex first and overriding the instructions using Grid similar to:

#contact.content {

  display: flex;

  flex-flow: row wrap;

  display: grid;

  grid-template-columns: 100%;

  grid-template-areas:

    "main-area"

    "right-sidebar";

  >.col-main {

    flex: 1 100%;

    grid-area: main-area;

  }

  >.col-right {

    flex: 1 100%;

    grid-area: right-sidebar;

  }

  @include media-breakpoint-up(sm) {

    grid-template-columns: 50% 50%;

    grid-template-areas:

      "main-area right-sidebar";

    >.col-main {

      flex: 1 0;

    }

    >.col-right {

      flex: 1 0;

    }

  }

}

display: flex; followed by display: grid;


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 11, 2017 1
Engaged ,
Sep 11, 2017

Copy link to clipboard

Copied

Yea I realized that after while. I think all the browsers, if updated now support Grid except something like Dreamweaver.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 11, 2017 0
LEGEND ,
Sep 12, 2017

Copy link to clipboard

Copied

The Brackets code editor now has some support for css grid layouts, so if the Dw roadmap from a few years ago is followed the next version of Dw should also hopefully include code hints and completion, (due end October, approx).

The Brackets code editor gets a few things wrong, just as it did for flexbox, but these are not fatal errors.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 12, 2017 0
LEGEND ,
Sep 12, 2017

Copy link to clipboard

Copied

BenPleysier  wrote

2. Not only DW's Live view, but also IE, Edge an Opera Mini will not render CSS Grid. The only thing you can do to fix this is to provide a backup for the non-compliant browsers (incl DW Live view)

Not true Ben.

IE10/11 supports the original syntax, Edge has been updated to the new syntax in the developers edition, (release in a few months) and currently supports the original syntax.

Fallback to the original syntax is very, very simple to provide, but one should not use an autoprefixer to do this unless one knows what it can be used on. Which does not matter because Dw does not have a stand-alone autoprefixer, (brackets does).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 12, 2017 0
Adobe Community Professional ,
Sep 12, 2017

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 12, 2017 0
LEGEND ,
Sep 12, 2017

Copy link to clipboard

Copied

No thank you.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 12, 2017 0
Adobe Community Professional ,
Sep 12, 2017

Copy link to clipboard

Copied

In that case I'll hand feed you. In the article I said

All we have done to date in layouts are based on hacks, from tables to floats to flexbox. CSS Grids, thanks in part to IE10, is the solution that we have all been waiting on and we can use it now.

And I do realise that this raw version of Grids has been passed on to IE11 and Edge. This is not to say that the current and recommended version of Grid will show in any of the MS products up to now. I also do not want users of Edge to miss out on a layout for the next couple of months There are a number of possible fallbacks and the one I mentioned also solves the problem with Opera Mini.

Because display: grid; overrides display: flex in Grid-aware browsers, it seems like a logical solution.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 12, 2017 0
LEGEND ,
Sep 12, 2017

Copy link to clipboard

Copied

I'm not interested Ben.

The way i see it, is that grids will be the new flexbox, in that those who know how to use it will, and those that do not will throw every excuse in the book at people not to use it, (just as happened with flexbox).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 12, 2017 0
New Here ,
Nov 28, 2019

Copy link to clipboard

Copied

This whole debate is no longer releveant. CSS Grid is fully supported on all modern browers, IE11's market share is not worth considering; if you're still using xp or 7, you need to pull the model T over and let the world pass. IE EDGE is now based on Chrome, the browser wars are over, Opera Mini is irrelevent & if you're stilll using tables, ...sigh...c'mon, quit being aplologists for Adobe! DW is a year behind, and Bootstrap should be one of several excellent choices. Period. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 28, 2019 0
Adobe Community Professional ,
Nov 28, 2019

Copy link to clipboard

Copied

"This whole debate is no longer relevant. "

Right.  You've  resurrected a 2 year old discussion. 

 

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 28, 2019 1
Adobe Community Professional ,
Nov 28, 2019

Copy link to clipboard

Copied

I can only find a hand with the thumb pointing up. I wish there was one with the thumb pointing down in which case I would assign one to your post. 


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 28, 2019 0
New Here ,
Nov 30, 2019

Copy link to clipboard

Copied

And after 2 years DW support for CSS Grid is STILL abysmal compared to VSCode, Sublime, JetBrains...

Therefore I shall continue to "resurrect" this debate until I get a satisfactory answer. And now for your snarky reply...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 30, 2019 0
New Here ,
Nov 30, 2019

Copy link to clipboard

Copied

After you find your hand perhaps you could address the issue...DW is lagging in CSS Grid support 2 years after this discussion started. DW seems to think that Bootstrap is all one needs. I find that strange to say the least.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 30, 2019 0
LEGEND ,
Nov 30, 2019

Copy link to clipboard

Copied

I don't normally read this forums posts anymore, but when I get posts in my inbox to a 2 year old discussion, I have to ask, why?

 

Reading your post from a few days ago, I have no idea what you are asking for?

 

Dw is dead, especially when it comes to the modern web, (and don't use bootstrap). Even the ACP's who reply in this forum, all admit to using 'other' programs, (which should tell you something). There is absolutely NO chance of Dw catching up with what web developers require anymore, the team is very small, (most of those people in the Dw 'credits', that you read when you click on 'about', left the team years ago).

 

All you can do if you want more than Dw currently offers, (and who dosn't.) is find a different program, just like everyone else.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 30, 2019 0
Adobe Community Professional ,
Nov 30, 2019

Copy link to clipboard

Copied

You will get no satisfactory answers here because this is NOT a direct pipeline to Adobe.  We are mainly  product users or in some cases, former product users.  If you want to submit feedback to the people who create the software, do it through proper channels where the team will actually see it. Help menu > Submit Bug/Feature Request.  Or go online to uservoice.

https://dreamweaver.uservoice.com/

 

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 30, 2019 0
New Here ,
Dec 02, 2019

Copy link to clipboard

Copied

Thank you for your answer. It's strange that Adobe won't invest in DW...surely they can afford to hire more developers...oh well. I use VSCode, and it's great. The one feature that DW has that I miss is the visual design window which was great for prototyping and instant feedback.

Sent with [ProtonMail](https://protonmail.com) Secure Email.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 02, 2019 0
Adobe Employee ,
Sep 18, 2017

Copy link to clipboard

Copied

Hi,

Thank You for your inputs. We have started supporting Code Hints for CSS grid layout but the Live View still not shows the correct rendering because the CEF version that supports CSS GRid layout as in Chrome is an earlier one. Although, we have added this issue in our backlog and will take it up in the next releases.

Regards,

Niharika Gupta

Adobe Dreamweaver

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 18, 2017 2
Community Beginner ,
Jan 14, 2018

Copy link to clipboard

Copied

I can't use Dreamweaver until it supports Flexbox and CSS Grid Layout.  All the major browsers are now supporting these standards, especially Firefox.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2018 1
LEGEND ,
Jan 14, 2018

Copy link to clipboard

Copied

patgov  wrote

I can't use Dreamweaver until it supports Flexbox and CSS Grid Layout.  All the major browsers are now supporting these standards, especially Firefox.

You could write your own code? I agree that given DW is a premium product which barks on about how a subscription model will be more effective at rolling out updates to take advantage of todays modern workflow but it fails miserably. Make no mistake a subscription model is about making money for the company, not keeping you up-to-date. It doesnt even have the latest version of Bootstrap so anyone using the default Bootstrap version in DW youre sadly being ripped off, in my opinion, and not least insulted.

Is that harsh, I don't think so but if you disagree I want to hear your opinions.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2018 0
Adobe Community Professional ,
Jan 14, 2018

Copy link to clipboard

Copied

patgov  wrote

I can't use Dreamweaver until it supports Flexbox and CSS Grid Layout. 

That's crazy.  You don't need anybody's permission to start using experimental and semi-supported specs.   It may not look perfect in Live View (forget about Design View).  But you should be testing in real browsers anyway.   So get coding!

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2018 0
LEGEND ,
Jan 14, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/Nancy+OShea  wrote

patgov   wrote

I can't use Dreamweaver until it supports Flexbox and CSS Grid Layout. 

That's crazy.  You don't need anybody's permission to start using experimental and semi-supported specs.   It may not look perfect in Live View (forget about Design View).  But you should be testing in real browsers anyway.   So get coding!

No offence Nancy, but both specs are not experimental, though css grid layouts should only be used with fallback code at the moment.

Flexbox has been well supported for a number of years, (over 85% browser support 4 years ago, (98% now) and 100% support with the pollyfill for browsers back to IE7). It is the Dw and Adobe managment plus a number of people advising them that gives the impression of flexbox not being well supported. As for css grids I think it is a little early for actual production work, but playing with it is a must for anyone serious about web development.

Note - I was not going to post, but everyone knows that a mention of flexbox is like a moth to a flame for me, (please stop laughing everyone ).

Just another note - flexbox is now used be netflix, amazon, google and microsoft in the parts of the sites requirering a user to be logged in, with fallback code being used by amazon, (4 lines of css).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2018 0
Adobe Community Professional ,
Jan 14, 2018

Copy link to clipboard

Copied

As for css grids I think it is a little early for actual production work, but playing with it is a must for anyone serious about web development.

I have been merrily using Grid in production.

IE11 needed a bit of extra attention because even my Flex fallback failed in some instances.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2018 0
Adobe Community Professional ,
Jan 14, 2018

Copy link to clipboard

Copied

yep since some builds already DW integrate in code hint flex and grid...

then of course that doesn't make any unanimous on this forum ... I would add that the use of an autoprefixer, coupled with a browser list ... is largely good enought to play with grid... flex and DW...

more , I will add that like live view is up the spout ... ... if you simply add a watch and a connect, to your favorite task manager... it will allow to preview in real time and follow your rendering code in multiple device in the same time ...

but then you will tell me why keep DW ... because any code editor would do that ...

what would I say to you is ... well ... it's like you want ... but the DW editor is not bad, the global environment too, and here we are on a DW forum isn't it?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 14, 2018 0
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/B+i+r+n+o+u  wrote

yep since some builds already DW integrate in code hint flex and grid...

The problem is Birnou, is that Dw allows a user, (and even encourages users in code hints) to get the order of the syntax wrong.

It allows a user to insert 'flex-flow: wrap row', (as one example) instead of 'row wrap', and whilst it may not look important, and browsers will render correctly, it causes a browser re-draw when inserted more than 2-3 times in the css. This slows down browser rendering times, and any good code editor should at least get the basic ordering of syntax correct.

As for autoprefixing, we have had that discussion more times than i care to think of, (also see my reply regarding the use of an autoprefixer for css grid layouts).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Adobe Community Professional ,
Jan 15, 2018

Copy link to clipboard

Copied

DW allows user to write all declarations in what ever order do we like... it also does it for simple border

you can write

border: 1px solid red

border: red 1px solid

border:solid

border: red 1px dotted medium thin #AF282A... and you will still get the codehint

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Adobe Community Professional ,
Jan 15, 2018

Copy link to clipboard

Copied

so concerning the autoprefixer we have a different opinion out there... and that's why I've started my message by ... then of course that doesn't make any unanimous on this forum

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Mentor ,
Jan 15, 2018

Copy link to clipboard

Copied

patgov  wrote

I can't use Dreamweaver until it supports Flexbox and CSS Grid Layout.

As an alternative, Pinegrow supports both FlexBox and CSS Grid, through its - visual tools, direct code and live in app preview.

https://medium.com/@mattront/how-to-learn-css-grid-with-pinegrow-e865ece2e137

osgood_  wrote

  • subscription model will be more effective at rolling out updates
  • make no mistake a subscription model is about making money for the company, not keeping you up-to-date

Profoundly true. So instead you get late to market token features and updates labeled as innovative when they already exist in the industry. Backed by marketing which is given far more development importance than the features themselves.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/B+i+r+n+o+u  wrote

DW allows user to write all declarations in what ever order do we like...

That does not make it right, especially when it comes to shorthand css syntax. We have discussed and told those asking questions about using shorthand syntax for years in this forum, that the order of any css shorthand syntax is important, and especially about a property declaration not being declared, as the browser will then 'insert' the default value, possibly overriding a previous property value used.

That all said, I get the impression that the second poster about lack of support for flexbox and grid, is probably asking about helper features for creating flexbox and css grid layouts, and not about code?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Adobe Community Professional ,
Jan 15, 2018

Copy link to clipboard

Copied

I never said that it makes sense... I just said it is not a not working features only for flex...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/B+i+r+n+o+u  wrote

I never said that it makes sense... I just said it is not a not working features only for flex...

One other item to remember about property values when using flex/grid, as compared to other css property values, is that flexbox and grid are for layout not styling. A wrong order or missing value for css used for styling will not cause a browser to have to redraw the entire layout, a wrong or missing value for layout will or at least is much more likely to cause a redraw.

That is why I think Dw should ensure the property value order is correct, (just my opinion ).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Community Beginner ,
Jan 15, 2018

Copy link to clipboard

Copied

Using Pinegrow looks really good, I will try it. But I'm already paying for The Adobe Creative Suite and I should be able to use Dreamweaver.  With all the Adobe resources why can't Dreamweaver be offering similar features as Pinegrow and more.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

patgov  wrote

With all the Adobe resources why can't Dreamweaver be offering similar features as Pinegrow and more.

A lot of us have been asking Dw to offer 'helper features', for more years than I care to remember, and there was a very short time when the Dw team and Adobe managment did consider doing so. Those suggestions never reached the release versions though, and largely went ignored, often because 'others' had no idea what we were talking about.

What one has to remember also is that Adobe and the Dw managment do have a specific idea of who should use Dw, and much more importantly how it should be used. Programs like Muse are aimed at the none coder now, and have taken away much of the necessity of having a visual environment for the none coder. This has left Dw in 'limbo' as it no longer has a specific user base, beyond a basic coding requirerment, (nothing too advanced).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Adobe Community Professional ,
Jan 15, 2018

Copy link to clipboard

Copied

yep, I completly agree... why just focusing on flex and grids... folks @adobe should correct the algorythm that handle properties values order and respect it what ever the property is

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 1
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

pziecina  wrote

A lot of us have been asking Dw to offer 'helper features', for more years than I care to remember,

No thanks....I just had a client muscle into a website I used to periodically update and they've just used DW to upload a 200px x 300px max image - 647kb................go figure.

The more helpers and automation which appear in these kinds of click and point programmes the worse experience the web will become because you have a lot of unknowledgeable idiots getting involved in something they dont know nowt about, primarily to save money.

As it is it was one of the websites I'm glad to get off my back as it still is not mobile friendly...........phewyyyyyyyyy.........Hasta la vista, baby.........until they want the php sections updated, I'll just roll a dice and see what number comes up.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

osgood_  wrote

The more helpers and automation which appear in these kinds of click and point programmes the worse experience the web will become because you have a lot of unknowledgeable idiots getting involved in something they dont know nowt about, primarily to save money.

You misunderstand the term 'helper features' when applied to features included to help developers, as I think of it.

They have nothing to do with drag and drop, or allowing a user to develop a layout visually. What such features should do is help the developer to apply the code in a visual manner if they so wish. The developer would still be required to know how the css worked and just as importantly which propery to use. Trying to use such a feature without that knowledge would not work.

There will always be limitations with such a feature, and one can expand on how it would work, (e.g. in live view select the elements that should be a row and have wrap applied, then click on the property).

But that should be the limit of such a feature, if the user should require Dw to allow them to drag and drop or just place an element on the page, then Dw should tell such user to go and %#*+ followed by another word beginning with 'o'.

The problem with such a proposal is that many who DO have a say in Dw's development have never worked in web development, do not know code, are teachers, (so want begginer features) or want to go back to the go-live days, (to name just a few of the problems).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
LEGEND ,
Jan 15, 2018

Copy link to clipboard

Copied

pziecina  wrote

osgood_   wrote

The more helpers and automation which appear in these kinds of click and point programmes the worse experience the web will become because you have a lot of unknowledgeable idiots getting involved in something they dont know nowt about, primarily to save money.

You misunderstand the term 'helper features' when applied to features included to help developers, as I think of it.

They have nothing to do with drag and drop, or allowing a user to develop a layout visually. What such features should do is help the developer to apply the code in a visual manner if they so wish. The developer would still be required to know how the css worked and just as importantly which propery to use. Trying to use such a feature without that knowledge would not work.

There will always be limitations with such a feature, and one can expand on how it would work, (e.g. in live view select the elements that should be a row and have wrap applied, then click on the property).

But that should be the limit of such a feature, if the user should require Dw to allow them to drag and drop or just place an element on the page, then Dw should tell such user to go and %#*+ followed by another word beginning with 'o'.

The problem with such a proposal is that many who DO have a say in Dw's development have never worked in web development, do not know code, are teachers, (so want begginer features) or want to go back to the go-live days, (to name just a few of the problems).

How about a helper feature in the DW forum which allows me to copy code from Netbeans and paste it in the forum......I'd settle for that right now!

Cant get that right, not much hope is there, really.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2018 0
Mentor ,
Jul 06, 2018

Copy link to clipboard

Copied

W_J_T  wrote

As an alternative, Pinegrow supports both FlexBox and CSS Grid, through its - visual tools, direct code and live in app preview.

https://medium.com/@mattront/how-to-learn-css-grid-with-pinegrow-e865ece2e137

Pinegrow expanded & updated it's - " Visual Tools for working with CSS Grid " - with the latest update release yesterday.

https://medium.com/@mattront/introducing-the-visual-css-grid-editor-in-pinegrow-web-editor-9412fd786...

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 0
LEGEND ,
Jul 06, 2018

Copy link to clipboard

Copied

W_J_T  wrote

Pinegrow expanded & updated it's - " Visual Tools for working with CSS Grid " - with the latest update release yesterday.

As I replied to a similar post in the Muse forum, anyone using css grid layouts as described in the link, may as well not bother. I do agree that it is better than bootstrap, (though not by much, and only because it is not a bloated framework) and flexbox is a better method for x-browser and device rwd anyway.

I do expect many editors that implement a visual layout tool for css grids to be very similar to what Pinegrow has done, (though I suspect Dw if it implements one, to get it even more wrong than Pingrow has done).

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 0
Engaged ,
Jul 06, 2018

Copy link to clipboard

Copied

Love CSS Grid but using Bootstrap is still a time saver. You get a jumping off point with all the styles and everything else. I do not use Bootstrap but something like it.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 1
LEGEND ,
Jul 06, 2018

Copy link to clipboard

Copied

I have nothing against Bootstrap, except that the majority of users do not use custom builds which was made much easier in version 4, and Dw's 'slap dash' so called improvements regarding code and features, which now make Dw a 3rd rate code editor.

What I do object to strongly, is those who have no idea what is happening in the code, and not knowing what to do with code if someone is trying to help them.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 0
Adobe Community Professional ,
Jul 06, 2018

Copy link to clipboard

Copied

I do agree that it is better than bootstrap, (though not by much, and only because it is not a bloated framework) and flexbox is a better method for x-browser and device rwd anyway.

How the hell can  Bootstrap be compared with CSS Grid? Does CSS Grid have styled cards, jumbotrons, alerts, buttons, modals, popovers etc. etc.? And isn't it funny how Bootstrap always creeps in so that it can be bashed to death. As for being bloated, which framework is not? That is the nature of a framework. It hasn't worried the many that are using it and the many that are using a bloated jQuery framework.

How the hell can Flexbox be compared with CSS Grid, the two are as dissimilar as oranges and apples. Yes they are both fruits, but that is where the comparison ends. One supports 2 dimensions while the other is limited to 1 dimension.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 1
LEGEND ,
Jul 06, 2018

Copy link to clipboard

Copied

BenPleysier  wrote

How the hell can Flexbox be compared with CSS Grid, the two are as dissimilar as oranges and apples. Yes they are both fruits, but that is where the comparison ends. One supports 3 dimensions while the other is limited to 2 dimensions.

You ignore what the W3C says about using flexbox for 2d layouts, Bootstrap can be compared to the way Pingrow has demos using css grids, in that the first thing they do is create a design grid, (as per bootstrap).

I would love to know how css grid layouts can be used for 3d layouts though, (height, width, depth)?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 0
Engaged ,
Jul 06, 2018

Copy link to clipboard

Copied

This guy will tell yo everything you need to know. https://cssgrid.io/

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 06, 2018 0
Explorer ,
Apr 10, 2018

Copy link to clipboard

Copied

https://forums.adobe.com/people/Niharika+Gupta  schrieb

Although, we have added this issue in our backlog and will take it up in the next releases.

Don't want to appear too pushy but yet another five months passed without CSS grid support in Life preview. Any update on the timeframe you consider waking up your Dreamweaver developers? 😉

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 10, 2018 0
Engaged ,
May 02, 2018

Copy link to clipboard

Copied

I personally think DW is about to be EOL'ed. To me unless they add a terminal it is really useless.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 02, 2018 0
Adobe Community Professional ,
May 02, 2018

Copy link to clipboard

Copied

I'm just curious, why integrating a terminal in within DW, what will be the advantage compare to just have a shortcut that launch the terminal present in the computer... personnaly I prefer powershell... any way... so what the goal... as I said just curious !

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 02, 2018 0
Engaged ,
May 03, 2018

Copy link to clipboard

Copied

DW was my first editor I used but now I use Visual Studio Code, after trying a ton of them, and it has an integrated terminal. It’s nice to have for finding bugs, not switching back and forth when you need a terminal. Live Reload in different browsers since that doesn’t work very well in DW, git commands, although VSC has awesome Git integration. Creating pregenerated files and other things.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 03, 2018 0
Adobe Community Professional ,
May 03, 2018

Copy link to clipboard

Copied

thanks for your time,

but you just answer about what can be accomplised in a terminal... I was asking what will be the advantage of having it integrate in DW...

it won't in any case a DW new develkoment, so ti is just having DW opening a window in it's UI to make the terminal fits in it

personnaly I have PowerShell running on a dedicate screen and I wouldn't have it to be smallest just to be integrate in DW IDE!

that is my question ?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 03, 2018 0