Viewing Build list

Build list



User: darrendixie123456789 12 years ago
Would it be possible to add a build/load list to EW? Similar to Keynote animations/transitions you get a list of objects and the order in which they animate etc.
This would be really helpful for the order in which items load in the body of a webpage.

Having used EW to make quite a number of pages now, I am having to go back and remake every page of my site, copying and pasting items into new/duplicate pages, so they load in a more logical order. (more top to bottom, than order in which they were created)

One of the advantages of drag and drop is the freedom for non-coders to explore, tweak, play with the content on a page, revisiting, swapping out objects etc however as this what I call 'creative process' happens, it ultimately effects the order in which items load.

It would be amazing to see a list of items on a page and simply re-order them, so they load in the edited order...

I can only imagine how difficult it might be develop this but it would make for an awesome feature!
User: Roddy 12 years ago
That would be an amazing feature!

Most drag and droppers don't seem to plan their pages and end up with page elements being loaded at random instead of from top to bottom.

Web designers work from a wireframe or draw their layouts before they even open the web design app.

I usually have a vision of the finished page and try to add the content to a plan. Sometimes I have to resort to pencil and paper.

The easiest way to create a wireframe is to use Keynote. Create a custom slide with the rough dimensions of a page and drop in shapes to represent the various items. This goes along way to creating a web page that loads smoothly from the top down.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 12 years ago
We were actually thinking of a feature that does this automatically for you. No matter where your objects are placed, the ones at the top would load first.

We are working on it.

-------------------------------
Paul
EverWeb Developer
User: pumpkin 12 years ago
Awesome :)

-------------------------------
Darian
new to web design
______________________
My websites: <b>Vocal Affairs</b> // <b>Singkehlchen</b>
User: darrendixie123456789 12 years ago
Could this lead to the development of objects interacting with one another? One important thing I would love to see added in EW is the ability for footers to move as objects above such as accordions and tabbed windows change in height.

When I make simple mobile pages for my site, (hopefully in the next couple of weeks) how can I get the the footer to move as containers open and close...? Covering up a footer just looks silly and I have found that leaving a gap to accommodate the largest container makes the website look a little cheap... which I guess it is - but it shouldn't.

Will this ever be possible?
User: Paul-RAGESW 12 years ago
I cannot provide a suitable answer for when a feature like this can be added at this time unfortunately.

-------------------------------
Paul
EverWeb Developer
User: Roddy 12 years ago
I came across that problem when creating an almost full width tab set.

My workaround was to include the footer info inside the tabs. Not perfect but at least the footer info is there.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: darrendixie123456789 12 years ago
Hi Roddy, Would this work for accordion style mobile containers (not sure what they are called for mobile sites). I had thought about putting the footer into the last container, presumably this is what you mean? Still a couple of weeks away from starting this but the main site I am hoping to be finished next week! Might take a while to research some of the SEO and switch the domains but there is light at the end of the tunnel!
User: Roddy 12 years ago
Have a look at THIS Website.

The whole site is a responsive accordion.

Click the "Back To The Top" button and you will see the "footer". I made it disappear in normal circumstances for some reason best know to me at the time!

You could add a ...

<div class="accordionButton">FOOTER</div>

... with no content and add an inline style to make it a footer.

Or add a class and use an internal style or the external stylesheet...

<div class="accordionButton footer">FOOTER</div>

<style type="text/css">
.accordionButton.footer {styles go here}
</style>

Email me if you need more explanation.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: darrendixie123456789 12 years ago
Thanks Roddy, this is exactly what I am looking for! I'll be in touch re this when it's time.
User: darrendixie123456789 11 years ago
Is it possible to get an update on this thread? The more widgets I am using, the more I could really do with some kind of in-app z-index/arrange order indicator.

I'm restyling all of my pages to make the site look more professional and i'll soon be copying and pasting the content from newly styled pages, over to the current ones (as the current ones have some of the SEO/page names etc that I want to keep).

I could really do with a value for each item, so I can see what order it will load. Paul - you previously mentioned a feature that would do this for EW sites, have I missed something? It would be great to see a z-index value in the Metrics Inspector so a user could clearly see the arrangement/Z-index of items on a page.
User: Roddy 11 years ago
I think you are confusing stacking order (z-index) with the order in which the items appear in the HTML document. I know I keep harping on about how it is best to make a sketch of your layout before creating the page but it seems that the art of using paper and pencil is lost and gone!

I have seen quite a few examples of user sites where they have - correctly - used HTML headings but the headings don't actually precede the content they are related to. Usually, they are at the bottom of the HTML doc because they were added as an after thought.

I think an instructional video about how to lay out a web page would help a lot of users get better search engine results. A site with no structure appears like a jumble of unrelated items to the spiders. Perhaps that could be the subject of feature request?

I am working on a whole new section of the EverWeb Codebox site which will solve all these problems with some widgets. These will allow content to be dragged around the page and still make more sense to the SE spiders than any page constructed without them. They will also make creating the mobile version of the website far easier.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: darrendixie123456789 11 years ago
Hi Roddy, Yes I am confusing Z-index with HTML order.

Can I assume that as items are added to an EW page, the HTML being built does not arrange the the code from page top to bottom. The HTML code is created as the page is built, 1st object first and so on - regardless of their position or Z-index on the page.

Does that mean that changing the Z-index (arrange front/back) does not actually effect the order in which the HTML is written and subsequently doesn't change the order in which items load?

Perhaps a large button in the Inspector that says "Go build HTML for this page" could be clicked once us drag n drop users were happy with how the page looks. Or maybe there is a better way to automate this so that the HTML isn't written until the site is published...
User: Roddy 11 years ago
The HTML is added in the order that the items are added. Changing the z-index doesn't effect that.

After the user has dragged stuff around, the software would have to rearrange the items in the correct order in the HTML doc based on their there absolute position. Not being a programmer I wouldn't know how difficult this is to implement.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: darrendixie123456789 11 years ago
Given my organic approach to designing a webpage, what happens to the HTML when I delete an item from the page?

Lets have I have 10 items on the page and they have been added in order from top to bottom 1-10. Just as I would like the HTML code to be made. If I were to delete item number 5, am I safe in assuming that the item, which is within a div, is completely removed from the HTML code. Because HTML doesn't mind gaps/spaces in code, numbers 6-10 shift up and everything still loads in the same new order 1-9.

I guess what I am getting at is how detrimental is deleting an item on a page to the HTML code that EW makes and publishes?

Once all my newly styles pages have been created, I will be deleting the content on the current ones and copying and pasting in order of load the newly styled items onto the old pages.. hopefully that makes sense? I basically have two identical page names on the same site... but the newly styled versions all end in -1

Is this going to cause me any problems?

I should have just made a second site but some of the current items I needed to have quick access to so I have just duplicated all the current pages, adding a -1 after them all.

Once I have deleted the content of the current pages and copied all of the content of the new ones over to the old ones, I'll eventually just delete all the -1 ones.

Two good things to come from this are 1) the new style looks better than the old one and 2) I'll copy and paste each item in the order that I want the HTML to load... hopefully improving how the code looks and the experience the end user gets.


Post Reply
You must login or signup to post.