Site Designer suggestions - Page 28 -...

User 379556 Photo


Registered User
1,379 posts

Bosco wrote:
Is anyone else bothered by the way SD handles multiple paragraphs of text when pasted in from another application? It will use a single paragraph tag and separate the paragraphs with a pair of break tags.

I too think it is best if paragraphs are not combined within one paragraph element.

Presumably what happens is that new-line characters are converted to break tags when copied into an SD paragraph element, and that the copied source is creating paragraphs with new-line characters.

It would certainly have speeded up much of my website work with text if SD included a special container element (a bit like an HTML element) into which one could paste such text and it would be converted into separate paragraph elements within that container.

Frank
User 2699991 Photo


Registered User
4,421 posts

Bosco wrote:
Is anyone else bothered by the way SD handles multiple paragraphs of text when pasted in from another application? It will use a single paragraph tag and separate the paragraphs with a pair of break tags.


That's standard 'manuscript' format (separate different paragraphs by a double line space (in this case 2 line breaks))
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

email Contact Details https://mawarputih.coffeecup.com/forms/ … bali-land/

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need
User 176817 Photo


Registered User
61 posts

The need for new viewport units.

CSS has been adding new features and viewport units have been added to handle mobile devices, that now have address bars and tab bars that grow, shrink and disappear based on how you scroll the page. The vw and vh units do not see these and often bleed behind them. New units have been created for CSS to address shortcomings of the original units. Currently defined as the lvh, lvw, svh, svw, dvh, dvw units.

I would like to see these units added to Site Designer to adapt to the growing use of mobile unit browsing.

I started to play with these and made a site that points to some web pages explaining these new Viewpoint units.
The example site with the links to the links to sites explaining the new unit is https://newcssunits.jshrimplin.com
I also used the HTML Element to add these units to the top page of this site to see how it would work. Chrome, Edge, Firefox, and Safari all use different methods of mobile address bars, but using these new units adapts well for each of these.
I used the HTML ...
<style>
.container.container-1 {
height: 100lvh;
}
@media screen and (max-width: 35rem) {
.container.container-1 {
height: 100svh;
}
}
</style>

The above replaced the hight 100vh allowed in Site Designer. The 100lvh is for the long view height above 35rem, and the 100svh is for the small view height media breakpoint below 35rem, and adapts the mobile screen for the different address and tab bars generated by the different browsers. You can rotate the screen from portrait to landscape, as each have different view ports. So check these out with different browser on your mobile device to check it out It would be great to see some of these units make it into the Site Designer program.
User 2699991 Photo


Registered User
4,421 posts

Hi Jay
That would be a great addition, to our armory,and one which saves us using the normal 'WORKAROUND" which I am sure will be added to SD as soon as the relevant frameworks update their CSS.

I find it best to place the CSS code in the header section of a page in page manager (using the "USE GLOBAL" option) and using the DYNAMIC property's (dvh, dvw)

although it does depend on how old some users browsers are, especially mobile devices, and especially ones using older versions of "SAFARI" "OPERA" and older versions of ANDROID there is a test that we coffeecup users can do to see if the browser's we are designing for show these new properties here https://codepen.io/bramus/pen/ZEJvMgX a pretty neat addition, and actually one that is long overdue (first raised in 2015).
I haven't tested it on any other framework than "FOUNDATION' but there shouldn't be a problem wit that, and also it works pretty well using SD CSS grid.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

email Contact Details https://mawarputih.coffeecup.com/forms/ … bali-land/

I can make "INDIVIDUAL BESPOKE" step-by-step video tutorials
for you to watch at your leisure as many times as you need

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.