boogdesign posts

I am having mixed results aswell. I changed some of the faults with the suggestions but not eveything is fixed. I cant get the required fields to work. I asked my webhosting company but they had no idea. Would anyone be interested in helping a complete novice?

Hi Bert. You would have to mess around with co-ordinate systems to get pixel equivalent values, a quick hack might be to use unequal values for rx and ry. Note that in Firefox 4.0 the issue preventing the use of CSS border-radius is now resolved fixed.

Rob

This is nice!

Is there a way to specify pixel values for the radius, on landscape images the ellipse width is distorted...

I have applied all the changes above with mixed results. Most of these fixes work. However, as stated above in a few post "the require fields don't function properly." Even if the required fields are filled out, the script still thinks they are not. Any one got a solution/way to fix this script?

Nice article, great feature for all fans of typography. Unfortunately it will take years before all major browsers will support this :(

btw: I believe you mixed up left and right (or 3.6 and 4.0) in the second ligatures example.

Thanks for the hack, Rob.

I agree that it has to do with logging for debugging purposes. The contents of the variable $wacko aren't text though and can't be converted to text either.

I commented off the whole line: $cache->Log("Before Run wacko=".$wacko);

Works great!

I think the net is so complicated and it works in such fast way that as soon as you make something work slower or not easily for the general public you will not get the mass results that you want so finding a point where the disable can interact with the general i think will take long time.

thank you so much for the fix I have been sturggling all day

George's slides are now available.

Rob

Solved the Problem for me. Thx

Thank you, I'd forgotten that the new website used php5 when I changed servers and couldn't figure out for the life of me what was wrong.

Thanks so much for you kind comments. Glad you've gone away and tried out the systems we talked about - hope to see you again at a future event! :)

If you're still having trouble getting glow built for the browser, give us a shout on our mailing lists or drop me a line.

You just saved my life—this was driving me CRAZY.

Thank you thank you thank you

Thanks Kevin. Yours does seem quite neat, allowing you to zoom in and out.

Rob

I wrote one too, it seems to be a bit faster, you can see it here.

http://www.scale18.com/canvas2.html

Check out kernest.com!
It's css3 based and has been fabulous to use - really opened up the possibilities of font creativity on the web.

Note that the syntax for CSS gradients in Firefox/Gecko has changed since this post was written. I've updated most of the example pages, but left the old syntax in place in the post. Click on the links and view source in the examples to see the new syntax.

Rob

A 10.50 beta version is now available (for Windows) - there's also new Linux/Unix alpha builds out.

Rob

I've made some improvements to the calculator page. The two practical differences are I've added the IE8 style -ms-filter syntax and I've added SizingMethod of 'auto expand' to the output - this means the element will resize to accommodate the rotated version. Daniel, I think this is what was causing your cut off issue - it was set in the CSS of the calculator page but not included in the output of the tool.

Rob

Hi .. thanks for making it available to everyone.. boogdesign.com = NUMBER ONE ;)

i have had such a nightmare with b2evo plugins.. this is a great help! thankyou

Spoke too soon. Managed to land on a web page which saw Opera consume all my available memory. I guess when they said it was pre-Alpha, they meant it!

Rob

The Linux 10.50 builds are now available. They can be extracted and run directly without having to install them. I tried the 32 bit build on Fedora 10 which was OK but there were a few odd artifacts in the chrome (shortcut icons appearing instead of arrows at the top of the scrollbars). Looking at the 64bit build on Fedora 12 now and that looks good.

Rob

I have this setup on a hover of a link, but it seems to make the image cut off to the left when it rotates. It's driving me nuts. :(

I've updated the calculator page: it now responds to hitting return within the input box as the function is called on the form submit event instead of the onclick of the button and I've added in support for Opera (10.50 onwards).

Rob

Thanks Thomas. The calculator page is definitely a bit raw, I'll try and set aside some time for tidying it up a bit :)

Rob

Thanks a lot for the calculator!
One detail: It would be nice if this thing was wrapped into a form and submittable by hitting enter.

OK, I've built a 1.8.3 version, let's see if that works better.

Rob

I forgot to mention that scriptaculous just released version 1.8.3 as of yesterday! Maybe that is the reason for my problem. I am not sure yet.

Has anybody tried the drag and drop in the most recent compressed file? I tried using the code provided here:

http://script.aculo.us/current/test/functional/dragdrop2_test.html

After replacing prototype and scriptaculous javascript files with the compressed version, it no longer works for me.

Hello Robert!
I made the changes above but still having problems.. same as as Balitas.. Can I email you my form mail so you can take a peak? Thanks in advance

Hi guys,

Been trying to get Formmail to work for months... I can receive emails with the information just fine but I want to do a redirect to my own html page. I've tried all the hacks in this thread and still no luck. Could someone please help me out? I'm a php noob so make no assumptions.
Thanks!
Anthony

Hi arathael

I've never used prototip so I've no idea. Are there any errors in the console?

Rob

ok here is the thing, the compressed file you posted doesn't work with latest prototip library.. and since that library does work with uncompressed versions.. er... what happened??

Hi Bill

The problem I'm referring to is that, in order to have the SVG included in the HTML recognised you have to serve the whole page as application/xhtml+xml. This leads to problems in IE, because it will then prompt you to download rather than display the web page.

If you put the SVG in a separate file then that can be served with it's own content type but the HTML can be served as standard text/html to be backwards compatible with Internet Explorer.

If you look at the page linked to from the text 'final example' at the end of my post you will see there is an external CSS file, rounded-corners.css, which then links to resources.svg to pick up the clipping rectangle. I found my apache was already correctly configured for SVG and using the correct content type.

All the files are in the same folder, so you should be able to download them easily.

Rob

It is nice to view all the images and the mathematical algorithm it is simply so difficult by the user as static over to my head....
Thanks
Jimmy Taylor

This is *really* great stuff, but I am a little bit confused about the very last part:

"It's more useful to break the content into separate files, then the SVG can be served as image/svg+xml while your HTML is text/html."

I followed the link, and I understand that server configuration is important, but still I don't quite understand how to create the SVG resource file, where that goes on the server, etc.

any hints?

thanks!

Maybe you guys would like to use a cross browser function which aim is to rotate without useless html progid styles?

http://www.devpro.it/code/199.html

Regards

Does scriptaculous 1.8.2 work fine with prototype 1.6.1? Did anyone notice any problems?

thanks

Hi Mathieu

The MSDN page demonstrates how to set the different matrix values rather than what specific matrix values you need to put in to (say) rotate by 30°. My aim was to provide a tool which lets you work out what the matrix values are for a particular rotation. You're correct that you could have worked it out for yourself by just doing the maths.

By the origin of the transformation I meant being able to rotate the element around its bottom left corner rather than around its centre point. I guess being able to move it and rotate it is equivalent if you calculate Dx and Dy in terms of the size of the element to be rotated?

Rob

o_O wasn't this all documented and demonstrated 9 years ago in the MSDN page you linked to ?

Regarding the origin of the transformation, there is the Dx and Dy attributes to translate the element.

Good job figuring this out. Im with you on the math - totally over my head.

Thanks arathael, I hadn't spotted the 1.6.1 release. Uploaded the updated version: protoaculous.1.8.2.p1.6.1.min.js.

Rob

An 1.6.1 GA release anyone??? ple-ple-please??

YOU ROCK!!! Thanks for this fix! It really works!

Hi Justin. Thanks for your comments. My blog post was mostly tongue in cheek, I was more pleased about a major websites making use of Microformats than I was concerned about the leech.

Rob

Oo00ps. My fault! In my haste to try to teach the world about Microformats I *might* have accidently _linked_ to your button when I was designing v2 of the Services section of Comet. I did the whole thing in 3 days so was a bit rushed but really wanted to try to provide our customer base with more information about the technology we use to provide information. In doing this I spotted your button via the WIKI at Microformats.org.

Again sorry about the leech (I believe this has now been removed from the site).
But thanks so much for the excellent button design.

Glad you liked it. My slides and write up are here http://www.brucelawson.co.uk/2009/meffys-atmedia-standardsnext/

Thanks for the feedback. My presentation is on Slideshare, the URLs on delicious, and the embedded videos on flickr. ;)

http://www.slideshare.net/kliehm/standardsnext-canvas-1651377

Thanks for coming Rob and for the write up. Pillar aside (if only) it was great to see so many different angles of HTML5 covered and have some really good Q&A.

Keep an eye out for future events where we hope to cover SVG, cognitive accessibility, WAI-ARIA and more. We're always up for suggestions and speakers too.

Cheers, Henny