Comments for Ben Barnett's Blog http://www.benbarnett.net Front-end Web Lover. Thu, 02 Sep 2010 08:13:25 +0000 hourly 1 http://wordpress.org/?v=3.0 Comment on Enhancing jQuery’s animate function to automatically use CSS3 transitions by Tweets that mention Enhancing jQuery’s animate function to automatically use CSS3 transitions | Ben Barnett's Blog -- Topsy.com http://www.benbarnett.net/2010/09/01/enhancing-jquerys-animate-function-to-automatically-use-css3-transitions/#comment-50 Tweets that mention Enhancing jQuery’s animate function to automatically use CSS3 transitions | Ben Barnett's Blog -- Topsy.com Thu, 02 Sep 2010 08:13:25 +0000 http://www.benbarnett.net/?p=76#comment-50 [...] This post was mentioned on Twitter by Max Lee, Anshul Pandey. Anshul Pandey said: Enhancing jQuery's animate function to automatically use CSS3 ... http://bit.ly/bKkucY #css [...] [...] This post was mentioned on Twitter by Max Lee, Anshul Pandey. Anshul Pandey said: Enhancing jQuery's animate function to automatically use CSS3 … http://bit.ly/bKkucY #css [...]

]]> Comment on Writing HTML and CSS for Mobile Safari. Just the same old code? by Enhancing jQuery’s animate function to automatically use CSS3 transitions | Ben Barnett's Blog http://www.benbarnett.net/2010/08/30/writing-html-and-css-for-mobile-safari-just-the-same-old-code/#comment-49 Enhancing jQuery’s animate function to automatically use CSS3 transitions | Ben Barnett's Blog Wed, 01 Sep 2010 16:51:41 +0000 http://www.benbarnett.net/?p=64#comment-49 [...] useTranslate3d: (Boolean)By default the plugin will use 2d translations due to wider browser support. Set this to true to use translate3d instead. Recommended for iPhone/iPad development (here’s why). [...] [...] useTranslate3d: (Boolean)By default the plugin will use 2d translations due to wider browser support. Set this to true to use translate3d instead. Recommended for iPhone/iPad development (here’s why). [...]

]]> Comment on Making an Interactive SVG London Tube Map with Raphael JS by Heath http://www.benbarnett.net/2010/08/24/making-an-interactive-svg-london-tube-map-with-raphael-js/#comment-48 Heath Tue, 31 Aug 2010 19:42:05 +0000 http://www.benbarnett.net/?p=34#comment-48 Hey this is great! Do you have a link to a working interactive demo I could see? That would be really helpful. Hey this is great! Do you have a link to a working interactive demo I could see? That would be really helpful.

]]> Comment on Writing HTML and CSS for Mobile Safari. Just the same old code? by John Wilkins http://www.benbarnett.net/2010/08/30/writing-html-and-css-for-mobile-safari-just-the-same-old-code/#comment-46 John Wilkins Mon, 30 Aug 2010 17:37:11 +0000 http://www.benbarnett.net/?p=64#comment-46 this post is very usefull thx! this post is very usefull thx!

]]> Comment on Making an Interactive SVG London Tube Map with Raphael JS by Making an Interactive SVG London Tube Map with Raphael JS | Ben … – js - dowiedz się więcej! http://www.benbarnett.net/2010/08/24/making-an-interactive-svg-london-tube-map-with-raphael-js/#comment-37 Making an Interactive SVG London Tube Map with Raphael JS | Ben … – js - dowiedz się więcej! Tue, 24 Aug 2010 16:40:16 +0000 http://www.benbarnett.net/?p=34#comment-37 [...] Adres URL: Making an Interactive SVG London Tube Map with Raphael JS | Ben … [...] [...] Adres URL: Making an Interactive SVG London Tube Map with Raphael JS | Ben … [...]

]]> Comment on Using Ruby on Rails and the Lulu Publication API [UPDATED] by benbarnett http://www.benbarnett.net/2010/05/19/using-ruby-on-rails-and-the-lulu-publication-api/#comment-19 benbarnett Tue, 20 Jul 2010 21:04:48 +0000 http://www.benbarnett.net/?p=5#comment-19 The post has been updated to include the new URLs and the request upload_token process. Enjoy. The post has been updated to include the new URLs and the request upload_token process. Enjoy.

]]> Comment on Using Ruby on Rails and the Lulu Publication API [UPDATED] by Jason http://www.benbarnett.net/2010/05/19/using-ruby-on-rails-and-the-lulu-publication-api/#comment-16 Jason Mon, 19 Jul 2010 07:28:17 +0000 http://www.benbarnett.net/?p=5#comment-16 Terrific work! This is the type of information that should be shared around the web. Shame on the search engines for not positioning this post higher! Terrific work! This is the type of information that should be shared around the web. Shame on the search engines for not positioning this post higher!

]]> Comment on Export SVG from Raphael JS to create a PNG bitmap by Jonathan Spies http://www.benbarnett.net/2010/06/04/export-svg-from-raphael-js-to-create-a-png-bitmap/#comment-7 Jonathan Spies Fri, 09 Jul 2010 17:16:33 +0000 http://www.benbarnett.net/?p=9#comment-7 I don’t really need the server side. What I’m doing is allowing a user to draw, save that drawing, and pull it up again for editing. At the top of that gist I added a loadJSON function that builds a Raphael set out of the saved JSON. They remain objects and I return the set so I can throw some event handlers onto them to allow them to be selectable and editable. It’s all client site except for an Ajax call to save/load the json to/from the database. I don’t really need the server side. What I’m doing is allowing a user to draw, save that drawing, and pull it up again for editing. At the top of that gist I added a loadJSON function that builds a Raphael set out of the saved JSON.

They remain objects and I return the set so I can throw some event handlers onto them to allow them to be selectable and editable.
It’s all client site except for an Ajax call to save/load the json to/from the database.

]]> Comment on Export SVG from Raphael JS to create a PNG bitmap by Ben Barnett http://www.benbarnett.net/2010/06/04/export-svg-from-raphael-js-to-create-a-png-bitmap/#comment-6 Ben Barnett Fri, 09 Jul 2010 17:14:52 +0000 http://www.benbarnett.net/?p=9#comment-6 Thanks for emailing to let me know that there was an issue with posting comments. Having some troubles with spam so hopefully it’ll all be sorted now. I ran into a few issues re-building the SVG ‘path’ attribute as Raphael seems to store it’s arrays slightly differently (hence the lengthy loop for that case). However having run a few tests on some more involved drawings your JS has really helped. Thanks for that – also like the way you’ve cleaned up the return path as well, neatness is good. Did you need the server side element to this? Just wondering if you managed to adapt that side of things too. Thanks for emailing to let me know that there was an issue with posting comments. Having some troubles with spam so hopefully it’ll all be sorted now.

I ran into a few issues re-building the SVG ‘path’ attribute as Raphael seems to store it’s arrays slightly differently (hence the lengthy loop for that case). However having run a few tests on some more involved drawings your JS has really helped. Thanks for that – also like the way you’ve cleaned up the return path as well, neatness is good.

Did you need the server side element to this? Just wondering if you managed to adapt that side of things too.

]]> Comment on Export SVG from Raphael JS to create a PNG bitmap by Jonathan Spies http://www.benbarnett.net/2010/06/04/export-svg-from-raphael-js-to-create-a-png-bitmap/#comment-5 Jonathan Spies Fri, 09 Jul 2010 17:14:25 +0000 http://www.benbarnett.net/?p=9#comment-5 Great post. Thanks a lot. I needed to serialize the SVG object for a different reason, but your gist really put me in the right direction. I noticed looping through the paper object didn’t give me all the SVG objects. Did you run into this? I found they were stored in a linked list starting at the top and bottom methods for the paper object. I put a modified <a href="http://gist.github.com/435337" rel="nofollow">gist up</a> that also has support for some more basic shapes (rect, ellipse, and text). Great post. Thanks a lot.

I needed to serialize the SVG object for a different reason, but your gist really put me in the right direction. I noticed looping through the paper object didn’t give me all the SVG objects. Did you run into this? I found they were stored in a linked list starting at the top and bottom methods for the paper object.

I put a modified gist up that also has support for some more basic shapes (rect, ellipse, and text).

]]>