Skip to main content
This topic has been closed for replies.
Correct answer BenPleysier

 

Applause!!! Spoken like a designer. (image is AI created)

 

Real web developers speak a whole different language. We care about content and accessibility.

 

 

 

4 replies

SB-W
SB-WAuthor
Inspiring
December 2, 2024

I just want to say there are so many more issues that I did not do in the write-up; installing it on different computers did not help either. I am upset they are killing the Dreamweaver project. Very upset. I cannot stand VS code or React and I am kind of not a fan of the MVC bullet points.

and the answer is 2

You can't paint the Mona Lisa when her collar is on her neck; it needs to hang low. Or in the case of mobile design, when her right eyeball (mobile menu) is on her...may I say, left breast? BMPs only mix with vectors in static design or complex interactions/algorithms. Good web design uses a mix (vector and BMP, with the majority being the latter) or pure BMP. Otherwise, we are just typesetting. It never uses pure vector or even pure vector+mobile scalable javascript or webGL or threeJS. You need a mix of BMP+vector or even pure BMP as complex algorithms to render them as BMP so they work responsively, but that is very hard and takes a genius coder or AI. I've not seen 1 algorithm that renders paint/bmp/jpg effectively with vectors/vertices/etc.—it's a very complicated, unreal engine, and modern game development is only just now kind of getting there, and the web is a long way behind.

That is the exact thing mobile displays are trying to accomplish. One is a painting—the design/background of a page—and the other is moveable/responsive content. The two should not coincide. The only way this is a reality is in 3D space, and sometimes in highly interactive designs, but even then you need algorithms to handle the painting to make it seem real. It's really bad what the whole industry has become in favor of phones. Everything is like this - music production (vsts—no no no), movies, web design (vs. code—making the end user spin in circles, spending 2000 hours to custom it to their liking when it used to work out the box), social media (FB—doesn't need to use 3-4 languages, MVC, and compile down to C++—plus receives updates every day that neither ChatGPT nor Google can keep up with), every major website/app receives updates every day, I waste 1000 hours per year with tech problems, account problems, etc. Every industry where media is involved has turned this way, mostly because of phones, but also because I think those in power want to make things more convoluted when the solutions are so much simpler to build. Maybe for the backend its fine, like AI coding, but for the front end its so gross. I am sure at the higher levels of backend, AI coding is a nightmare right now. I think at the highest levels of front end, ai is kind of the same way; if you know what you are doing, you can just code something faster than ai can assist you in writing it. Like yeah, ai needs to come a long ways, but it won't help for 20 years or more. We're just going down another wrong path with AI, stepping further and further away from what static design, table designs, and flash use to provide so easily. The artists are being less and less artistic.

 

I gave up doing anything with art and just outsourced everything when we moved to media queries and divs. As well as killed flash for "security reasons," which is utter crap and a cop out to spread their capitalism. I do not understand how I am the only one on the planet who feels this way about the tech industry. It's not just web design; I've witnessed it in every industry out there, and I touch on a lot of industries that deal with media.

We will not be able to touch our artist side like we did in the early days until ai is fully automating everything, then I suspect we start building systems like we used to have in the early days that give us tools that are easier to express with—multitamberal midi (90s-200s) or real instruments (60s and prior) instead of VSTs. Then, only then, will you guys see how far back these changes are setting us. Assuming life extension is made, it may not even be realized for 1000 years or more how much we are losing ourselves, just so easily adapting to these new cool techs.

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
December 2, 2024

 

Applause!!! Spoken like a designer. (image is AI created)

 

Real web developers speak a whole different language. We care about content and accessibility.

 

 

 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Legend
December 3, 2024

That seems to be the way the industry is moving with rive.app and unicorn.app—low or no code solutions on the front end. Webflow adds too much bloat, and they are not as fun as typing code, nor are they very customizable or easy to work with. I need my split view code editor all the time. If I were a full-stack developer and not a designer, I would 100% use VS code with react and a mvc like nodeJS+express+mongo. Doing front end 'only' is very niche because sometimes people who code front end, their code is not easily implemented with React and other templating systems because its so poorly done, and the developer usually ends up just rewriting the whole thing anyways so they can be integrated into a MVC or even just React.js type environment, as they do not meet standards, etc. I did not make the transition to VS code in the early days. I do not regret the decision either. I would now have to spend hundreds of hours customizing my VS code for a workflow I enjoy. I am not a fan of adapting and problem solving like the best programmers are; my soul is, but I am not connected to my soul and brain at all due to life circumstances. That is also why I am not a good programmer, mostly a script kiddy who just copies and pastes from google/ai unless its html/css and basic front end js. For anything outside of beginner javascript and such themes in WordPress, I have to claude or google heavily. 😕😕

I will have to look into Wappler; can you define your own custom column system or are you locked into theirs? Can you make your own boiler plates? How is intellisense? inline editing? Are there snippets? I am not a fan of Bootstrap. I am also not a fan of no-code or low-code alternatives like this or Webflow are.


I would say at first glance Adobe should buy Wappler and include it in CC as a DW replacement, but I worry they would ruin it. My workflow would be much more affordable that way. I will probably take on an ambitious personal project in the next couple of months and give it a try.

Thanks for showing me wappler and the awesome reply,
SB-W


 I will have to look into Wappler; can you define your own custom column system or are you locked into theirs? Can you make your own boiler plates? How is intellisense? inline editing? Are there snippets? I am not a fan of Bootstrap. I am also not a fan of no-code or low-code alternatives like this or Webflow 

By @SB-W

 

If you're not a fan of Bootstrap or no code/low code solutions then you are in good company, l"m not either. Since Wappler deploys Bootstrap as its principle css framework then l'm not sure it's the correct solution for you. As far as l know it doesn't yet support Tailwind. It also relies heavily on its own js framework "app connect" for interactive javascript based solutions. Unless you are going to take advantage of such options then you might question why you would use it.

 

For the right user its probably one of the better alternatives to explore if youre happy with using niche workflows and deploying prebuilt widgets. 

Nancy OShea
Community Expert
Community Expert
October 22, 2024

Most of the issues you describe are not reproducible on my machine.  I work with valid, error-free code. My local site folder resides on my primary hard drive (C:\MySite).

HTML:  https://validator.w3.org/

CSS:  https://jigsaw.w3.org/css-validator/

 

Make sure your computer meets the minimum CPU & GPU requirements. Most Creative Cloud apps work on:

  • Windows 11 (64-bit) versions 23H2, 22H2; Windows 10 versions 22H2, 21H2;
  • MacOS 14.7 (Sonoma), 13.6.7 (Ventura), 12.7.6 (Monterey).

- https://helpx.adobe.com/creative-cloud/system-requirements.html
- https://helpx.adobe.com/dreamweaver/system-requirements.html

 

Unusual Behavior? Try Restoring Preferences.

https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html

 

Nancy O'Shea— Product User & Community Expert
SB-W
SB-WAuthor
Inspiring
October 23, 2024

Table based layouts are still valid with tailwind css and other solutions. Need to throw all that W3C crap out the window in all honesty! I do not care about semantics, accessibililty, etc! If I wanted to serve mobile compatability, I would still use tables with proper custom CSS adaptations. Mobile design should be an after thought. Unfortonately the industry did not move in this way! I rather serve m.domain.com as text base, than use media queries on my home page and try to kill 2 birds with 1 stone. I do not make websites for a userbase that would be using a reader or any reason to have <tbody> tags or even <div> tags. Very rarely. I build websites for me only! Besides, even large websites for large clients do not need <tbody> or div design or semantics, or accessability or any of that hogwash! Unless you are a big corporation serving millions, like a government website or something, it is irrelevant!

I have used divs for the last nearly 15 years and I am tired of them. Flex box is not supported by older browsers and require fixes to support IE9, etc, which some old people unfortonately still use! Looking to move away from DIVs! Dreamweaver is 2021, the latest updates are just bug fixes. Not an actual release. It is likely other parts of the program are instable and do not work properly because of this! Issues are probably not easily replicable either, as everyone has different machines, settings, workflows, etc. The software is clearly bugged on Macbook Pro M1 2021. I have dreamweaver on two machines.  It is clearly a problem with dreamweaver as my Windows PC fresh install is doing it too and just today my dreamweaver on my Mac stopped applying source formatting no matter what I do and nothing has changed between today and yesterday! Apply Source Formatting works fine on DW 20.2.1(long term support), but not all the formatting issues when editing code work as they should with DW 2020. Basically the same as 2021, maybe slightly better. So clearly 2021(2024 update is bugged).

I have tried all other code editors and they are garbage compared to Dreamweaver. None of the other code editors work well out of the box. I am thinking of trying JetBrains webstorm now and moving away from Dreamweaver. Which means I will only need Photoshop and none of the other CC programs, which means I can probably save about $35/mo, give or take. 

 

I will try restoring preferences, but I doubt this is it, as the behavior happens on my PC as well.

BenPleysier
Community Expert
Community Expert
October 23, 2024

I am not sure to whom you are addressing this outburst to. Maybe just to yourself? Because it does not affect the real web developer.

 

We are more concerned with legalities when a deaf or blind person cannot access our website. We even like to cater for mobile users with their 60% share of internet traffic. Furthermore, we like to assist search engines to find our site and let them easily find the <main> content of our site and find the links to our pages by using <nav>. <table> is another semantic element. It represents tabular data—that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.

 

So, go ahead and refuse entry to 60% of potential users and add to that, those that are diabled, that is, if they can find your website.

 

PS: Have you tried to replicate the simple layout that I presented above, using <table>?

 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Nancy OShea
Community Expert
Community Expert
October 22, 2024

The latest version of Dreamweaver is 21.4 (released in May, 2024).  See release notes below.

https://helpx.adobe.com/dreamweaver/release-notes.html

 

Dreamweaver is only minimally maintained now. No new features are planned, except for essential security updates.  I use DW for routine coding, alongside an editor that is in active development, like VS Code or PHP Storm.  See list below.

 

-- Codespaces (free, browser-based) - https://github.com/features/codespaces
-- Notepad++ (free) - https://notepad-plus-plus.org/
-- Nova (Mac only, formerly called Coda) - https://nova.app/
-- Pinegrow - https://pinegrow.com/
-- Sublime Text - http://www.sublimetext.com/
-- Visual Studio Code (free) - https://code.visualstudio.com/ + Live Preview Extension
-- Wappler ~ Visual Web App Builder - https://wappler.io/

Hope that helps.

 

Nancy O'Shea— Product User & Community Expert
SB-W
SB-WAuthor
Inspiring
October 22, 2024

I am forced to go back to dreamweaver, I tried phoenix code but phoenix code not behaving properly out of the box like dreamweaver does! So irritating! 😕😕

BenPleysier
Community Expert
Community Expert
October 23, 2024

I notice that you love table based layouts. The problem with tables is, they not only affect the semantics, they are unruly, especialy when they are nested.

 

The good part, CSS provides the same table-row-column, when using CSS-Grid. An even better, and easier to grasp, solution is to use Flexbox. Flexbox works in one direction at a time, either as a row or as a column, making it a one-dimensional layout tool as opposed to CSS-Grid which is two-dimensional. 

 

To make it even easier. I use Bootstrap as my favourite layout and design framework. Bootstrap has the same basic concept as table-row-column, by using container-row-col where the container is used to horizontaly center the content, the row is a flex container and col is the flex item.

 

Have a look at the following code. Copy it and paste it into a new Dreamweaver document, resize the viewport and see what happens.

 

<!doctype html>
<html lang="en" class="h-100">

<head>
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta charset="UTF-8">
    <meta name="description" content="This is a Bootstrap Layout example">
    <title>Bootstrap Layout</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
</head>

<body id="example" class="d-flex flex-column h-100">
    <header class="bg-warning-subtle">
        <div class="container">
            <h1 class="h5 text-center pt-2 pb-2">Header - for Business name and Navigational items</h1>
        </div>
    </header>

    <main class="flex-grow-1">
        <img class="img-fluid w-100" src="https://picsum.photos/id/20/640/200" alt="my image">
        <div class="container py-5">
            <div class="row align-items-center">
                <div class="col">
                    <h2 class="h5 text-center">Main Content</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, officia perferendis incidunt nesciunt tempora blanditiis pariatur mollitia dolores, voluptate est obcaecati nostrum repellat dolor optio repudiandae deserunt, quis voluptatibus aliquid.</p>
                    <p>Dicta corrupti necessitatibus aut nam eos at nisi cupiditate debitis in voluptatum voluptas odio illum quisquam tempore reiciendis fuga alias dolores doloribus illo rerum sed, sunt qui! Veritatis, facere dolorem.</p>
                    <p>Molestiae ad repellat aspernatur labore similique dicta consequatur suscipit adipisci iste neque nesciunt modi exercitationem repudiandae nobis odio facilis hic amet voluptatem, perspiciatis at sequi! Sit aperiam alias quia voluptatum.</p>

                </div>
                <div class="col-12 col-md-3 order-first order-md-last">
                    <h3 class="h5 text-center">Sidepanel</h3>
                    <p class="text-center">A nice paragraph</p>
                    <hr class="d-md-none">
                </div>
            </div>
        </div>
    </main>

    <footer class="bg-warning-subtle">
        <div class="container text-center">
            <h1 class="h5">Footer</h1>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>

</html>

 

 

Notice the sidebar appearing before the main content in smaller devices? And how responsive the design is? Notice the footer at the bottom of the page?

 

 

Then try to replicate this using HTML tables!

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
SB-W
SB-WAuthor
Inspiring
December 2, 2024

Refer to my last reply.