O/T: For the nerds...

12 views
Skip to first unread message

Trent Thomson

unread,
Feb 3, 2011, 7:28:02 AM2/3/11
to Aussie Highways
Hi all

Been experimenting with web standards such as CSS3 and HTML5 recently,
and it occurred to me that they can be used to render road signs right
in the web browser. So I threw together this demo:

http://bit.ly/f0NAkO

What this means is that it is theoretically possible to produce a
lightweight sign creation website that doesn't require any annoying
plugins like Flash or the Java Runtime. This could potentially remove
the need for expensive, proprietary, piece of crap software like QMR's
TraSiCAD that is partly responsible for the eyesores that plague
Queensland's roads. We can only hope!

While I haven't attempted it yet, you could also draw arrows and
diagrammatic signs using HTML5's <canvas> element or SVG.

So yeah, probably greek to most of you. In my spare time I might keep
developing this, so stay tuned!

Regards
Trent

Leo Giusti

unread,
Feb 3, 2011, 7:36:48 AM2/3/11
to aussie-...@googlegroups.com
Looks very interesting. Wish I knew CSS, then I could fiddle with it. How is it at doing say a State Route Sheild? Maybe I should look at PHP and web forms again and see if I can design a form with the required elements to programaticaly generate those signs.


--
You received this message because you are subscribed to the Google Groups "Aussie Highways" group.
To post to this group, send email to aussie-...@googlegroups.com.
To unsubscribe from this group, send email to aussie-highwa...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/aussie-highways?hl=en.




--
==============================================================
This Message is intended for the Addressee named and may contain Privileged
Information or Confidential Information or both. If you are not the
intended Recipient please delete it and notify the Sender. Sender is:
TTD...@gmail.com
==============================================================

Paul Rands

unread,
Feb 3, 2011, 7:44:45 AM2/3/11
to aussie-...@googlegroups.com
Dude, Fap-O-Rama!! I think there will be someone on this list who probably has a bulge in their pants over this.

--
Paul Rands
paul...@gmail.com

Trent Thomson

unread,
Feb 3, 2011, 7:47:12 AM2/3/11
to Aussie Highways
For complex shapes like that I'd imagine you'd draw the shield using
SVG, embed the shape on the web page and then overlay a <div>
containing the route marker using CSS.

I'm pretty hopeless at CSS, really need to find a good book on it. I
just experiment until I get it to work! I have a lot of trouble
positioning <div> elements on the screen and just give up and use good
old tables half the time.


On Feb 3, 10:36 pm, Leo Giusti <ttdh...@gmail.com> wrote:
> Looks very interesting. Wish I knew CSS, then I could fiddle with it. How is
> it at doing say a State Route Sheild? Maybe I should look at PHP and web
> forms again and see if I can design a form with the required elements to
> programaticaly generate those signs.
>
> On 3 February 2011 23:28, Trent Thomson <trent.thom...@gmail.com> wrote:
>
>
>
>
>
> > Hi all
>
> > Been experimenting with web standards such as CSS3 and HTML5 recently,
> > and it occurred to me that they can be used to render road signs right
> > in the web browser. So I threw together this demo:
>
> >http://bit.ly/f0NAkO
>
> > What this means is that it is theoretically possible to produce a
> > lightweight sign creation website that doesn't require any annoying
> > plugins like Flash or the Java Runtime. This could potentially remove
> > the need for expensive, proprietary, piece of crap software like QMR's
> > TraSiCAD that is partly responsible for the eyesores that plague
> > Queensland's roads. We can only hope!
>
> > While I haven't attempted it yet, you could also draw arrows and
> > diagrammatic signs using HTML5's <canvas> element or SVG.
>
> > So yeah, probably greek to most of you. In my spare time I might keep
> > developing this, so stay tuned!
>
> > Regards
> > Trent
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "Aussie Highways" group.
> > To post to this group, send email to aussie-...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > aussie-highwa...@googlegroups.com<aussie-highways%2Bunsubscribe@ googlegroups.com>
> > .
> > For more options, visit this group at
> >http://groups.google.com/group/aussie-highways?hl=en.
>
> --
> ==============================================================
> This Message is intended for the Addressee named and may contain Privileged
> Information or Confidential Information or both. If you are not the
> intended Recipient please delete it and notify the Sender. Sender is:
> TTDH...@gmail.com
> ==============================================================

Paul Rands

unread,
Feb 3, 2011, 7:48:22 AM2/3/11
to aussie-...@googlegroups.com
Same here Trent. I do use a lot of CSS on the site but not for positioning. Still use tables for it.

--
Paul Rands
paul...@gmail.com

> To unsubscribe from this group, send email to aussie-highwa...@googlegroups.com.

Trent Thomson

unread,
Feb 3, 2011, 7:53:45 AM2/3/11
to Aussie Highways
Yeah I stopped doing web development when <div> replaced <table>. What
a mistake, finding it hard to catch up!

On Feb 3, 10:48 pm, Paul Rands <paul00...@gmail.com> wrote:
> Same here Trent. I do use a lot of CSS on the site but not for positioning. Still use tables for it.
>
> --
> Paul Rands
> paul00...@gmail.com

Leo Giusti

unread,
Feb 3, 2011, 8:00:26 PM2/3/11
to aussie-...@googlegroups.com
Paul I certainly do have a bulge in my pants over this. Trent can you send me a copy of the source for that in text/html please so I can try to pull it appart and stuff some PHP into it. Thanx
TTD...@gmail.com
==============================================================

davis

unread,
Feb 4, 2011, 1:55:01 AM2/4/11
to Aussie Highways
And that's a problem you'll have. If you move into absolutely
positioned divs (position: absolute; top: yypx; left: xxpx) then you
may as well do the whole thing as SVG.

What good, native, scriptable SVG support in Internet Explorer 9 does
bring is the ability to do this massively cross platform in a way that
wasn't possible before.

The other advantage of SVG would be you won't have to deal with the
maddening small differences in browsers' CSS3 border behaviour.

davis

unread,
Feb 4, 2011, 1:56:12 AM2/4/11
to Aussie Highways
btw it *is* really cool Trent!

Leo Giusti

unread,
Apr 15, 2011, 10:01:19 AM4/15/11
to aussie-...@googlegroups.com
I thought I'd have a go using javascript and SVG. This example still has a few issues I plan to sort out like centering the road name patch and centering the text on it automaticaly when the road name is changed. The demo requires a browser that supports SVG which means no IE older than IE9. Both files need to be downloaded into the same folder.

--
You received this message because you are subscribed to the Google Groups "Aussie Highways" group.
To post to this group, send email to aussie-...@googlegroups.com.
To unsubscribe from this group, send email to aussie-highwa...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/aussie-highways?hl=en.




--
==============================================================
This Message is intended for the Addressee named and may contain Privileged
Information or Confidential Information or both. If you are not the
intended Recipient please delete it and notify the Sender. Sender is:
TTD...@gmail.com
==============================================================
Scriptable RD Sign.html
Freeway_RD_Sign_NR_fwy.svg
Reply all
Reply to author
Forward
0 new messages