Comments for Fit to Page http://fittopage.org Tue, 14 Sep 2010 13:27:18 +0000 hourly 1 http://wordpress.org/?v=3.3.2 Comment on Tabs, done right by Richard http://fittopage.org/2010/05/30/tabs-done-right/#comment-14 Richard Tue, 14 Sep 2010 13:27:18 +0000 http://fittopage.org/?p=81#comment-14 Hey! Been using this for a while now and thought of a couple of improvements that should make it a really useful widget: + Use the 'live' or 'delegate' event instead of binding the click events on the tabs: this will mean that you can dynamically drop in a complete content replacement for any given tab without manually re-binding the events (e.g. using $("#tabPanel1").load("/my/tab/contents);) + Provide support for nested tab panels (currently the click event binds to all '.tab' elements under the tabPanel and not just the direct children) John: personally I'm not convinced that the semantics of a definition list fits correctly here, dt meaning 'definition title'; it's really meant for defining phrases or words I reckon this should become the norm for jQuery UI - have you dropped them a line? Hey!

Been using this for a while now and thought of a couple of improvements that should make it a really useful widget:

+ Use the ‘live’ or ‘delegate’ event instead of binding the click events on the tabs: this will mean that you can dynamically drop in a complete content replacement for any given tab without manually re-binding the events (e.g. using $(“#tabPanel1″).load(“/my/tab/contents);)

+ Provide support for nested tab panels (currently the click event binds to all ‘.tab’ elements under the tabPanel and not just the direct children)

John: personally I’m not convinced that the semantics of a definition list fits correctly here, dt meaning ‘definition title’; it’s really meant for defining phrases or words

I reckon this should become the norm for jQuery UI – have you dropped them a line?

]]> Comment on Why I want to beat Java with a stick by Lars Marius Garshol http://fittopage.org/2010/03/27/why-i-want-to-beat-java-with-a-stick/#comment-8 Lars Marius Garshol Wed, 01 Sep 2010 12:40:11 +0000 http://fittopage.org/?p=78#comment-8 There's an easier way: Stuff.doStuff("" + x); There’s an easier way:

Stuff.doStuff(“” + x);

]]> Comment on Tabs, done right by John Lindal http://fittopage.org/2010/05/30/tabs-done-right/#comment-13 John Lindal Mon, 23 Aug 2010 21:55:28 +0000 http://fittopage.org/?p=81#comment-13 Why not use a Descriptive List? That naturally binds the title (dt) and the content (dd). Why not use a Descriptive List? That naturally binds the title (dt) and the content (dd).

]]> Comment on Tabs, done right by Nelson http://fittopage.org/2010/05/30/tabs-done-right/#comment-12 Nelson Mon, 19 Jul 2010 12:56:04 +0000 http://fittopage.org/?p=81#comment-12 Why would you need server-side tracking of tab state? The hash is read client-side only by the history manager plugin and the tab state is restored on page load. The good thing with the markup model is that the bookmark would work even if JS was off and there were no tabs (scroll to ID in page). Why would you need server-side tracking of tab state? The hash is read client-side only by the history manager plugin and the tab state is restored on page load. The good thing with the markup model is that the bookmark would work even if JS was off and there were no tabs (scroll to ID in page).

]]> Comment on Tabs, done right by Richard http://fittopage.org/2010/05/30/tabs-done-right/#comment-11 Richard Mon, 19 Jul 2010 10:43:13 +0000 http://fittopage.org/?p=81#comment-11 Thinking about this a bit more, I'm not actually sure that using hashes would have the required effect since when you post-back in ASP.NET, the hash gets dropped (since everything after the hash is not sent to the server in the http request). If this is going to work as a .NET control, it's probably going to require some hidden-field to track the state. Not the most elegant of programming, but it will work. I had to do something similar for a server-side jQuery dialog control (where the result of a post-back will conjure a dialog). I needed to store the fact that the user had dismissed the dialog client-side so that the server-side code wouldn't just keep popping it back up after a post-back! Must get round to blogging about that control! Thinking about this a bit more, I’m not actually sure that using hashes would have the required effect since when you post-back in ASP.NET, the hash gets dropped (since everything after the hash is not sent to the server in the http request).

If this is going to work as a .NET control, it’s probably going to require some hidden-field to track the state. Not the most elegant of programming, but it will work.

I had to do something similar for a server-side jQuery dialog control (where the result of a post-back will conjure a dialog). I needed to store the fact that the user had dismissed the dialog client-side so that the server-side code wouldn’t just keep popping it back up after a post-back!

Must get round to blogging about that control!

]]> Comment on Tabs, done right by Nelson http://fittopage.org/2010/05/30/tabs-done-right/#comment-10 Nelson Sun, 18 Jul 2010 16:33:21 +0000 http://fittopage.org/?p=81#comment-10 Excellent news; let me know when/where it live. Re. making hashes I guess it can be done by using jQuery's History plugin (http://plugins.jquery.com/project/history), or whatever your library of choice supports. It's just a matter of giving each tab (not tab panel) an ID. Excellent news; let me know when/where it live. Re. making hashes I guess it can be done by using jQuery’s History plugin (http://plugins.jquery.com/project/history), or whatever your library of choice supports. It’s just a matter of giving each tab (not tab panel) an ID.

]]> Comment on Tabs, done right by Richard http://fittopage.org/2010/05/30/tabs-done-right/#comment-9 Richard Sat, 17 Jul 2010 17:17:36 +0000 http://fittopage.org/?p=81#comment-9 Hey! Well I'm using your tabs in my own project now, looks and works great! I was wondering if you thought about using a hash (named anchor) on the url so that the jQuery function knows which tab to select on page load? i.e. page.aspx#tab=1 I'll be converting this into a lovely asp.net control in due course and although it will be fine to control it server-side, it might be nice for others when they don't have that ability. Hey! Well I’m using your tabs in my own project now, looks and works great!

I was wondering if you thought about using a hash (named anchor) on the url so that the jQuery function knows which tab to select on page load? i.e. page.aspx#tab=1

I’ll be converting this into a lovely asp.net control in due course and although it will be fine to control it server-side, it might be nice for others when they don’t have that ability.

]]> Comment on Why I want to beat Java with a stick by Richard http://fittopage.org/2010/03/27/why-i-want-to-beat-java-with-a-stick/#comment-7 Richard Wed, 12 May 2010 14:04:08 +0000 http://fittopage.org/?p=78#comment-7 Or Integer.toString(x) But still, why are you using Java?? Or Integer.toString(x)

But still, why are you using Java??

]]> Comment on Why I want to beat Java with a stick by Dan Goldsmith http://fittopage.org/2010/03/27/why-i-want-to-beat-java-with-a-stick/#comment-6 Dan Goldsmith Mon, 19 Apr 2010 20:53:05 +0000 http://fittopage.org/?p=78#comment-6 What u doing java 4 these days?? Got to love those primitive types.... What u doing java 4 these days??

Got to love those primitive types….

]]> Comment on Making sprites by Richard http://fittopage.org/2009/12/23/making-sprites/#comment-5 Richard Tue, 05 Jan 2010 11:30:32 +0000 http://fittopage.org/?p=37#comment-5 Great article, love the idea and implementation. Your next challenge, should you choose to accept it is: * Create a website that you can upload as many PNGs to as possible. * Stitch them together in a grid of x by x (determined by biggest sprite) using gd or your weapon of choice * Run it through OptiPNG * Create the CSS including an option to encode the PNG as a data uri within the CSS itself Seems to be a big hole in the market for something like that, I was just looking for something myself and couldn't find it. Rich Great article, love the idea and implementation.

Your next challenge, should you choose to accept it is:

* Create a website that you can upload as many PNGs to as possible.
* Stitch them together in a grid of x by x (determined by biggest sprite) using gd or your weapon of choice
* Run it through OptiPNG
* Create the CSS including an option to encode the PNG as a data uri within the CSS itself

Seems to be a big hole in the market for something like that, I was just looking for something myself and couldn’t find it.

Rich

]]>