Comments for Frank's Musings

Comment on CSS and jQuery animation by fmf

fmf — Mon, 17 Oct 2011 23:34:11 +0000

I’m not sure in what way you wish to edit the animate button, but you can change the value in the HTML. You can also change the value with Javascript (frameworks such as jQuery make this pretty easy to do).

However, if you want to make the button such that a user can click in it and edit the text, that would be more difficult. As far as I know, buttons can’t be ContentEditable, but you can put a text field over the button while editing the text, then set the button’s value when editing is done.

Note that you’ll need to come up with a way to have the user say to edit the button’s text, since normally that would be done with a click, but a user would normally expect clicking the button to cause an action, not start editing text.

Comment on iPhone 3D CSS transformations by fmf

fmf — Mon, 17 Oct 2011 23:30:38 +0000

Not sure what you mean by “pop”, but you should be able to put any content you want on each side. Once you’ve done that, you can use transforms or jQuery to animate the image (presumably you want them to appear they’re moving out of the square).

In other words, you can treat each side like a normal, static block, and the animation is just a fancy way to show or hide the block.

Comment on CSS and jQuery animation by Magnus

Magnus — Wed, 05 Oct 2011 11:00:25 +0000

is it possible to make the “ANIMATE” button editable?

Comment on iPhone 3D CSS transformations by Jonas

Jonas — Tue, 04 Oct 2011 13:58:12 +0000

Hey man, thanks so much for this! Really useful stuff!

Do you have any idea how I could pop Images on both the green and the red side and when I tap the “flip” button it flips from displying one image to displaying another? I’ve been playing around with this all day but haven’t managed to get a useful result.

Thanks anyway, really a great snippet – and if you could help me out further, well, that would be just perfect:)

Cheers
Jonas

Comment on SSL, IP addresses, and ports by whats my ip

whats my ip — Thu, 14 Jul 2011 18:25:33 +0000

This is a great post on SSL ports. I have had lots of hangups getting with our server. Thanks

Comment on jQuery Tabs Basic Styling by fmf

fmf — Tue, 18 Jan 2011 23:11:44 +0000

I’ve made an update to this page to show how to move the tabs to the bottom. In order to do both, you’ll need to use CSS and make sure your list can be split into two blocks.

Since jQuery tabs only allow one list, you can fake it by putting a divblock around the items you want on the bottom. You then use the CSS from the example showing tabs on the bottom, but instead of moving the whole list, you just move the div.

I would highly recommend doing usability testing if you decide to implement this. It does seem like an interesting alternative to two rows of tabs (which I’ve never been a fan of).

Also, it’s not clear to me whether putting a div around a group of list items would validate. However, I’m guessing most (all?) browsers would render the tabs as you want. Be sure to test across several browsers to be sure.

Comment on jQuery Tabs Basic Styling by Patrice

Patrice — Wed, 12 Jan 2011 16:15:23 +0000

Hi, is it possible to do a mix with both bottom and top tabs ?

Comment on Underlining with CSS by Daniel

Daniel — Fri, 17 Dec 2010 09:44:36 +0000

great post, thanks for sharing

Comment on jQuery Tabs Basic Styling by Myles

Myles — Thu, 16 Dec 2010 14:42:09 +0000

Frank,
Not only is this coherent, grammatically correct, and useful, it is concise and has well written examples.

Thanks for doing this.
-Myles

Comment on jQuery Tabs Basic Styling by fmf

fmf — Mon, 29 Nov 2010 19:18:57 +0000

Sorry for the delay – I was out of the office. My first stab at a recommendation would be to make sure your page has a Doctype at the top, to make sure the browsers are using standards mode. Do you have an example to look at? How do things look in browsers other than IE?