Showing posts with label overflow hidden. Show all posts
Showing posts with label overflow hidden. Show all posts

Sunday, January 12, 2014

Chef LeeZ - GWD - Eliminating the Thick Blue Container Line - work a-round

To eliminate that thick blue container line (which equates to no hyperlinks working within container) that just won't go away try selecting the container, select text, click in container, ctrl a, ctrl c, click inside the container, then outside the container (changes the thick blue container line to a thin line) , and once again outside the container to return all containers to dotted line outline. We recommend you save your work every successful step along the way. That way when something doesn't look right or vanishes you can close don't save and reopen the most recent saved version.
or those of you that have been following Chef LeeZ tested  use of Google Web Designer GWD WYSIWYG cross platform HTML 5 you can now see how we have decided to use GWD.
To those of you just joining the conversation.  The following is a summary, more details are in separately titled blogs.
Chef LeeZ is after a KISS (keep it simple stupid) a no bulchat, user friendly, fast to download, cross platform functional including 3G (21 mps modem) mobile phones users site.  Chef LeeZ GWD site demonstrates this as the text downloads immediately and can be played with while waiting for the header pictures to download which downloads in an acceptable time frame.
In a nut shell here's what our learning GWD WYSIWYG has found applicable:
1) We proved you can incorporate a GWD interstitial page or Ad (IP).  That portion of the otherwise HTML page does not function in harmony with the balance of teh HTML text page which only matters when viewing the site on mobile phone size devices.  More specifically the "IP" didn't always shrink to the phone device. When enlarged it wouldn't go back to shrunk. When scrolling text the text slide under the "IP".  So simply put ChefLeeZ waits to hear of the fix for this before incorporating already designed "IP" into our future GWD sites.
2)  When "IP" was used as its own index (Home) page it had all the re-sizing problems aforementioned otherwise it performed just fine as a home page.
3) Animation has to load before pages load,  So no animation until phone internet 3G speed (21Mbs) increases to at least that of wifi (54Mbs). Chef LeeZ recruited Kruzon to do these studies. Kruzon GWD website sports a HTML page with GWD automated animation.
4) Tests on this, our January 12 2014 site version, were built with a site content container 600 px wide with a left start of 200 px which left 200 px (2 inches) of white space to the left of the site page and 100 px+ to the right of the container which suggests we can safely increase all aspects of our site by 20% to 30% filling the whole page.
We do recommend you read our previous posts before taking on GWD for a full drive as it is believed it will save you a lot of learning curve time and provide you with proven work a-rounds as editing really sucks in this early beta version of GWD.
Happy WYSiWYGn  2014!

Thursday, January 2, 2014

Chef LeeZ Google Web Designer GWD "Overflow: hidden"; can not cross empty page space hidden.


Chef LeeZ tests of the inclusion of an interstitial Ad as a Home Page by way of an Iframe has failed the mobile phone cross platform test and as a result the following is testing the inclusion of Text animation in our HTML home page. So far not acceptable!

This Google Web Designer GWD HTML5 web page is a test page for Thai Cooking Schools BKK. This page is set to start 150 px left, top 0px. The quick fix,untested at this time, may be to have page start left zero px as then there would then be no white space on the page for the NOT HIDDEN OVERFLOW TEXT to cross to the target position. Perhaps it can be set up thus and then moved back to 150 left px and perhaps then all will work, again this is just thinking out loud as it has not been tested by Chef LeeZ. What do you experts suggest?

We made the assumption of whats good for the goose must be good for the gander, right? Not so ... with GWD ...  as this page demonstrates. The following code (check it out, on the page:  right click >(select) view page source .. 3 items down from 1st head) ...  This code works in every interstitial ad test so far and does hide overflow text until its actually on the Ad (there is no white page space for it to travel across).
.gwd-page-wrapper {
background-color: transparent;
position: absolute;
-webkit-transform: translateZ(0px);
overflow: hidden;



}

1) But doesn't work with HTML page as Chrome shows the overflow text. 030113 .. Tested and proven to work when text is brought in from the website top as there is no white space for the animated text to cross. See it live at http://ThaiCookingSchoolBKK.com.

2) There is No Pop up acceptance option in I E so ie does not offer to show the animated text, as in it's totally invisible.

Did we just simply miss something? I don't think so, but maybe. What do you experts suggest?

http://www.cookingschoolsintl.com/thaicookingschoolbkk/GWD%20Site/indexAnimNOAd.html.

The page as it should look following the animation designed in it is

 http://www.cookingschoolsintl.com/thaicookingschoolbkk/GWD%20Site/indexAnimNOAd.html

Thai Cooking School BKK current Google Web Designer GWD designed web site can be viewed at
http://ThaiCookingSchoolBKK.com.