Welcome to TalkGraphics.com
Results 1 to 10 of 12

Thread: A Rare Beast

Hybrid View

  1. #1
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,902

    Info A Rare Beast

    Xara, actually publishing a site using Web Designer Plus: https://webdesigner.xara.com/.
    It is fairly pleasing to see Xara using its own products.

    Following the associated product link, we go into a non-XDA design. I automatically adopted a compare & contrast mode:

    • I was especially intrigued with this section: https://www.xara.com/webdesigner-plu...html#c-3-26271.
      I'd love a detailed explanation as it suggests the XaraAPI is available for all (image) & we can readily animate with GIFs.
      I am confused with the prior page's assertion, "Website made using only Xara Web Designer+, and no other graphics or software tools."
      It is not clear that this is a sleight of hand.
    • The other is the Slick Slider: https://www.xara.com/webdesigner-plu...html#c-6-26271.
      I've never seen a features list activating a slider image before so I have to assume this is not an XDA feature either.

    Most might not notice the transition and the page should come with an appropriate caveat.

    Acorn
    Last edited by Acorn; 20 August 2023 at 10:53 AM.
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  2. #2
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,787

    Default Re: A Rare Beast

    The site also says that Web Blocks are fully customisable. I tried two different blocks, failed miserably, and gave up.

    I also tried the video backgrounds for the first time...didn't work on iPhones.

    I'm becoming more disillusioned as time goes by.

  3. #3
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,787

    Default Re: A Rare Beast

    Just in case anyone wants the video background to work on iPhones...and I'm presuming all the backgrounds have the same code.

    Unlock the Pasteboard, select the misspelled Video Container placeholder and: Utilities > Web Properties > Placeholder (tab) > HTML code (body) and add the word 'playsinline' anywhere between <video and id= (top line should look like - <video autoplay loop muted preload playsinline id="bgvid">

    Credit to my new friend ChatGPT.

    Click image for larger version. 

Name:	Conteiner.jpg 
Views:	52 
Size:	6.9 KB 
ID:	133995

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,902

    Default Re: A Rare Beast

    Quote Originally Posted by Chris M View Post
    Just in case anyone wants the video background to work on iPhones...and I'm presuming all the backgrounds have the same code.

    Unlock the Pasteboard, select the misspelled Video Container placeholder and: Utilities > Web Properties > Placeholder (tab) > HTML code (body) and add the word 'playsinline' anywhere between <video and id= (top line should look like - <video autoplay loop muted preload playsinline id="bgvid">

    Credit to my new friend ChatGPT.

    Click image for larger version. 

Name:	Conteiner.jpg 
Views:	52 
Size:	6.9 KB 
ID:	133995
    Chris, don't be so nit-picky, that's my job.

    The typo's a hoot but try and add the video background into your Variant, that's a whole different level of fun.

    Do be careful when editing the VC as it has a Group, a Text line and a rectangle, all with the Placeholder code separate for each component.
    In the past, with this set-up, I have mistakenly selected only one, made a change and then spent ages trying to unpick my goof.

    When I added into a Variant, the CSS fails to detect the page width is actually no longer Main's so it is no longer centred.

    Ah well.

    Acorn
    Last edited by Acorn; 20 August 2023 at 02:46 PM.
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,902

    Default Re: A Rare Beast

    I did cover (pun) a 'better' method in https://www.talkgraphics.com/showthr...dth-of-Webpage for Hero images.

    Easy to alter for full page cover, to:
    <style>
    video#bgvid {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
    }
    .hide { visibility: hidden; z-index: -20; }
    </style>
    With no vendor prefix, you still get 96% browser coverage; with is just over 97%.
    If using in a Variant (please don't), add back in the terser transform: translate(-50%);.

    @Xara - Still looking for the explanation for and use of the ClassName hide.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  6. #6
    Join Date
    Feb 2007
    Location
    UK
    Posts
    21,345

    Default Re: A Rare Beast

    trouble is acorn, for quite a while now xara have majored on letting people 'create' stuff without having to think about it; would they, the users, even notice; are you just expecting too much
    -------------------------------
    Nothing lasts forever...

  7. #7
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,787

    Default Re: A Rare Beast

    Quote Originally Posted by Acorn View Post
    Chris, don't be so nit-picky, that's my job.

    The typo's a hoot but try and add the video background into your Variant, that's a whole different level of fun.

    Do be careful when editing the VC as it has a Group, a Text line and a rectangle, all with the Placeholder code separate for each component.
    In the past, with this set-up, I have mistakenly selected only one, made a change and then spent ages trying to unpick my goof.

    When I added into a Variant, the CSS fails to detect the page width is actually no longer Main's so it is no longer centred.

    Ah well.

    Acorn
    I DID use a variant, Main 1280 STF 1440, variant 640. I didn't ungroup the Video Conteiner, just added 'playsonline' (to both variants) and everything worked as expected.

    I did notice that, when selecting, the Video Conteiner, I wasn't offered the option to Widget:Edit as is usual with a placeholder. It doesn't change anything, just a curiosity.

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,902

    Default Re: A Rare Beast

    Quote Originally Posted by Chris M View Post
    I did notice that, when selecting, the Video Conteiner, I wasn't offered the option to Widget:Edit as is usual with a placeholder. It doesn't change anything, just a curiosity.
    I reworked from untouched templates and components and all centred so i must have done something daft.

    As the Video Container is a Group, this overrides the Edit Placeholder pop-up.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •