Date   

Re: Photo galleries + display text

Walter Lee Davis
 

If you set an image as a background image, then you can make HTML text float over it, and position that text relative to the image using padding within the box that the background is attached to.

Insert an HTML box, use the inspector to add a background image to it. Give it a height, and optionally, a width (although that makes use within a flexible layout more difficult). Use the background-size property to make the image display the way you want it to. This will help you deal with different scaling options when the image is shown on different browser viewports.

Double-click into the HTML box, and add your text. Style it as you want it to appear, and use the paragraph settings to align the text (center, left, right). Use the top padding to move the text down within the box.

Walter

On Nov 12, 2019, at 11:06 AM, Geoff Mullett <geoff10a@gmail.com> wrote:

I seem to have started this thread!
I was looking to place two blocks of scaleable text (hopefully one with a link to the next page (as Freeway could to with ‘map area’). Useful to know about Google fonts, but I haven’t found a way of placing the box of text on top of the graphics in a way that is scales with the graphic.
I’ll get there eventually!

Geoff



On 12 Nov 2019, at 16:01, David Ledger <david.ledger@ivdcs.co.uk> wrote:

On 11/12/19 3:12 PM, Jeremy Hughes wrote:
Hi David,
If you want a non-harvestable list of phone numbers, graphic text
does it easily
Non-harvestable by robots, but harvestable by humans. (Human labour is cheap in some countries.)
This also prevents users from copying and pasting, and screen readers from reading to visually impaired users.
Maybe it would be better to require password access for this kind information?
Jeremy
The people who have those numbers are happy with the way it is (Freeway graphic text). Reading and entering into a land-line phone would be the major use. For the numbers I have already I have the Freeway generated images that I can use, so as long as changes come along slowly it will be manageable. Just an unfortunate omission. I think I've seen a library for creating a graphic from text somewhere. I'll look for that.

David







Re: Photo galleries + display text

Geoff Mullett
 

I seem to have started this thread!
I was looking to place two blocks of scaleable text (hopefully one with a link to the next page (as Freeway could to with ‘map area’). Useful to know about Google fonts, but I haven’t found a way of placing the box of text on top of the graphics in a way that is scales with the graphic.
I’ll get there eventually!

Geoff

On 12 Nov 2019, at 16:01, David Ledger <david.ledger@ivdcs.co.uk> wrote:

On 11/12/19 3:12 PM, Jeremy Hughes wrote:
Hi David,
If you want a non-harvestable list of phone numbers, graphic text
does it easily
Non-harvestable by robots, but harvestable by humans. (Human labour is cheap in some countries.)
This also prevents users from copying and pasting, and screen readers from reading to visually impaired users.
Maybe it would be better to require password access for this kind information?
Jeremy
The people who have those numbers are happy with the way it is (Freeway graphic text). Reading and entering into a land-line phone would be the major use. For the numbers I have already I have the Freeway generated images that I can use, so as long as changes come along slowly it will be manageable. Just an unfortunate omission. I think I've seen a library for creating a graphic from text somewhere. I'll look for that.

David


Re: Photo galleries + display text

David Ledger
 

On 11/12/19 3:12 PM, Jeremy Hughes wrote:
Hi David,
If you want a non-harvestable list of phone numbers, graphic text
does it easily
Non-harvestable by robots, but harvestable by humans. (Human labour is cheap in some countries.)
This also prevents users from copying and pasting, and screen readers from reading to visually impaired users.
Maybe it would be better to require password access for this kind information?
Jeremy
The people who have those numbers are happy with the way it is (Freeway graphic text). Reading and entering into a land-line phone would be the major use. For the numbers I have already I have the Freeway generated images that I can use, so as long as changes come along slowly it will be manageable. Just an unfortunate omission. I think I've seen a library for creating a graphic from text somewhere. I'll look for that.

David


Re: Is there a method to add HTML Markup eg before </head>

Jeremy Hughes
 


You absolutely can add markup items.
Sure, but only to the page body (unless I'm missing something)
In Xway (and Freeway) terminology an item is a box that is added to a page, and a markup item is a box that contains markup ("Insert/Markup Item" in Xway and Freeway).

What you're referring to (in Xway/Freeway terminology) is generic HTML markup ("Page/HTML Markup" in Freeway).

Jeremy


Re: Is there a method to add HTML Markup eg before </head>

Tim Plumb
 

On Tue, Nov 12, 2019 at 07:02 AM, Jeremy Hughes wrote:
You absolutely can add markup items.
Sure, but only to the page body (unless I'm missing something).


Re: Is there a method to add HTML Markup eg before </head>

ant@...
 

Hi Jeremy

That’s brilliant, thanks very much. I was concerned that would have limited me too much.

cheers Anthony


Re: Photo galleries + display text

Jeremy Hughes
 
Edited

Hi David,

If you want a non-harvestable list of phone numbers, graphic text does it easily
Non-harvestable by robots, but harvestable by humans. (Human labour is cheap in some countries.)

This also prevents users from copying and pasting, and screen readers from reading to visually impaired users.

Maybe it would be better to require password access for this kind of information?

Jeremy


Re: Photo galleries + display text

David Ledger
 

On 11/12/19 12:00 PM, Jeremy Hughes wrote:

It's best to avoid using graphic text, because it isn't searchable and it's not very accessible. Freeway supports graphic text because it was written a long time ago!
If you /really/ need to use graphic text, you can use Photoshop or something else to create it.
If you want a non-harvestable list of phone numbers, graphic text does it easily, put it would be a pain to do each one in another app. Non-searchable and not easily accessible is what you want in that case.

David


Re: Is there a method to add HTML Markup eg before </head>

Jeremy Hughes
 

Hi Tim,

Thanks for the code snippets!

Although you can't currently add markup items to your Xway page output you can add a simple JavaScript function that will add these for you.
I think you mean “can’t currently add generic HTML markup”

You absolutely can add markup items.

Jeremy


Re: Is there a method to add HTML Markup eg before </head>

Tim Plumb
 

Hi Anthony,
Although you can't currently add markup items to your Xway page output you can add a simple JavaScript function that will add these for you. I did something similar on this test page I put together last week although the code I used was quite specific to the items I wanted to load. Specifically the script loaded jQuery and the Font Awesome fonts.

Below is a rewritten function that should work with any markup items you want to add to your page. Simply copy and paste the code below into your Xway inspector in the JavaScript Markup section.
The part you will need to edit starts with the 'Add your code here' comment.
Each block of code you want to add should be in the format;
xAdd('Your HTML code here');
with 'Your HTML code here' obviously replaced by the code you want to add.
By default this will add the code to the page <head>. If you want to add it to the page <body> simply add on a second parameter called 'body' like this;
xAdd('Your HTML code here','body');
Just make sure that you don't add single quotes (') in your HTML code and you should be OK.

function xAdd(e,n){var d="head";"body"==n&&(d="body");var t=document.createElement("div");t.innerHTML=e,t.querySelectorAll("*").forEach(function(e){document.getElementsByTagName(d)[0].appendChild(e)})}
 
window.onload = function(){
/* Add your code here */
 
/* Add code to the page head */
xAdd('<link rel="icon" type="image/png" href="https://drainforceuk.co.uk/favicon.ico">');
 
/* Add code to the page body */
xAdd('<span>This is a span added to the page body</span>','body');
}


Re: Photo galleries + display text

Geoff Mullett
 

Many thanks – plenty to be getting on with there!

Geoff


On 12 Nov 2019, at 12:06, Jeremy Hughes <jeremy@...> wrote:

Just to elaborate on font sizes:

If you want 36px text, type "36px" in the Size field.
If you want 36pt text, type "36pt" in the Size field - and note that points are not the same as pixels in Xway or in CSS (Freeway wrongly treats them as being identical).
If you want text that is twice as large as the current size, type "2em" in the Size field.

For web fonts see "Working with fonts" in the Xway User Guide.

Jeremy


Re: XHTML-ishy output?

Jeremy Hughes
 

Hi Leif,

Apologies for not greeting you on your first message to Xway Talk!

Jeremy


Re: Photo galleries + display text

Jeremy Hughes
 
Edited

Just to elaborate on font sizes:

If you want 36px text, type "36px" in the Size field.
If you want 36pt text, type "36pt" in the Size field - and note that points are not the same as pixels in Xway or in CSS (Freeway wrongly treats them as being identical).
If you want text that is twice as large as the current (inherited) size, type "2em" in the Size field.

For web fonts see "Working with fonts" in the Xway User Guide.

Jeremy


Re: Photo galleries + display text

Jeremy Hughes
 

Hi Geoff,

I’ve been creating galleries of photos using Showcase and the Sequence Timer action. Will Showcase eventually be supported, or would Exhibeo be a better bet? In which case, would Exhibeo work in place of the ST action?

We're planning to provide better support for Exhibeo in a future version of Xway (currently you need to export HTML and use markup).

Freeway handles a greater variety of fonts and point sizes well using graphic boxes, will I need to turn display type into a jpeg in Photoshop etc then insert that format into Xway?

It's best to avoid using graphic text, because it isn't searchable and it's not very accessible. Freeway supports graphic text because it was written a long time ago!

If you really need to use graphic text, you can use Photoshop or something else to create it.

Otherwise, web fonts (e.g. Google fonts) are a much better option if you want to specify a particular font family. In Freeway, you need to use markup to specify web fonts - but Xway supports them directly. As for font sizes, Xway supports any font size that you care to use (and gives you a wider choice of measurements for specifying sizes).

Jeremy


Photo galleries + display text

Geoff Mullett
 

The first I suspect of many questions. Having used Freeway since its inception, Xway is like starting over!

I’ve been creating galleries of photos using Showcase and the Sequence Timer action. Will Showcase eventually be supported, or would Exhibeo be a better bet? In which case, would Exhibeo work in place of the ST action?

Freeway handles a greater variety of fonts and point sizes well using graphic boxes, will I need to turn display type into a jpeg in Photoshop etc then insert that format into Xway?

Apologies for the questions being so basic!

Geoff


Re: Is there a method to add HTML Markup eg before </head>

Jeremy Hughes
 

Hi Anthony,

There isn’t a way to do that at present, I’m afraid. (Unless you edit the source code, but Xway will overwrite that next time you publish.)

We’re planning to add generic HTML markup in the next beta version of Xway.

Jeremy

On 12 Nov 2019, at 11:00, ant@anthonygallagher.co.uk wrote:

Firstly well done Jeremy XWAY looks great and I like the way it works & can't wait to seem the rest of it as it rolls out.

I have read the manual and notice that the HTML Markup from the menu hasn't been implemented yet.

Is there a workaround for this heres an example I have in one of my Freeway sites for the favicon which I add before </head>

<link rel="icon"
type="image/png"
href="https://drainforceuk.co.uk/favicon.ico">

<link href='http://fonts.googleapis.com/css?family=Lato:300+700|Righteous' rel='stylesheet' type='text/css'>

Sorry if this is a stupid question but I use things like that a lot.

Cheers

Anthony


Is there a method to add HTML Markup eg before </head>

ant@...
 

Firstly well done Jeremy XWAY looks great and I like the way it works & can't wait to seem the rest of it as it rolls out.

I have read the manual and notice that the HTML Markup from the menu hasn't been implemented yet.

Is there a workaround for this heres an example I have in one of my Freeway sites for the favicon which I add before </head>

<link rel="icon" 
      type="image/png" 
      href="https://drainforceuk.co.uk/favicon.ico">
 
<link href='http://fonts.googleapis.com/css?family=Lato:300+700|Righteous' rel='stylesheet' type='text/css'>

Sorry if this is a stupid question but I use things like that a lot.

Cheers

Anthony
 


Re: Xway b1 - idea: CSS blank canvas or CSS paint by numbers

Jeremy Hughes
 

Hi Paul,
Damn. I’ve been pronouncing it “Zway” - with the X sounding like the X in “Xena”.
You could also pronounce it with silent x as in “faux pas”
 
… or as Y as in “Don Quixote”
 
Personally I enjoy mispronouncing XR in iPhone XR to be the the same as XR in Extinction Rebellion

Jeremy


Re: Xway b1 - idea: CSS blank canvas or CSS paint by numbers

Paul Dunning
 

Damn. I’ve been pronouncing it “Zway” - with the X sounding like the X in “Xena”.

Ho hum…. ;-)

All the best,

Paul Dunning

web design - http://www.pauldunning.com

freeway actions - http://www.actionsworld.com




On 8 Nov 2019, at 12:15, Jeremy Hughes <jeremy@...> wrote:

NB Xway (not “Xweb”) rhymes with Freeway (not “Freeweb”)


Re: ID's and Classes in Construction

Paul Dunning
 

Affinity designer does this too - but you can edit any of the instances and the changes are repeated throughout all the instances in the file. There is a way to turn this off, so only the instance you are working on gets the change. Turn the instance syncing on, and all edited will cascade again, APART from those custom ones on the solo-edited item.

All the best,

Paul Dunning

web design - http://www.pauldunning.com

freeway actions - http://www.actionsworld.com




On 11 Nov 2019, at 22:32, Walter Lee Davis <waltd@...> wrote:

I think that one way you could work this principle into Xway is to consider the notion of "master objects". Illustrator calls them Symbols, I think. Sketch has another word for them. But the idea is: you draw an item, modify it to your desired look and feel, and then designate it as a master item that can be duplicated over and over. If you go back to the original instance and make some adjustments, they propagate across all of the derived instances.

So that's the interface for this, from the WYSIWYG side. At an HTML/CSS implementation level, I would happily code that using classnames, and expose that "class style" as a set of attributes that could be modified in one place. If you wanted to add another of these styled items to a page, I could see a palette similar to the Styles palette, with an ad-hoc list of named master elements. Drag a "sidebar1" onto the page, modify the content, and Bob's your uncle.

Walter

On Nov 11, 2019, at 1:15 PM, Jeremy Hughes <jeremy@...> wrote:

One thing that occurred to me over the weekend while I was contemplating all of this was the Name/ID field in the Inspector. At the moment I think I'm correct in saying that the application assumes the item will have an ID.

Not always - markup items don’t have an ID, for example.

(It’s just markup, and Xway doesn’t wrap it in anything that an ID could be assigned to.)

But generally, yes.

Jeremy









781 - 800 of 971