Tiffany B. Brown » firebug http://tiffanybbrown.com A web log about web development and internet culture with frequent detours into other stuff. Wed, 23 May 2012 16:23:51 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 WebKit gets Web Inspector Updates http://tiffanybbrown.com/2009/11/04/webkit-gets-web-inspector-updates/ http://tiffanybbrown.com/2009/11/04/webkit-gets-web-inspector-updates/#comments Wed, 04 Nov 2009 16:32:19 +0000 tiffany http://tiffanybbrown.com/?p=2332 webkit_edit_attributes

Yesterday the folks at Surfin’ Safari announced several new and/or improved features to its Web Inspector. Web Inspector is a debugging tool similar to Firebug and Page Speed or YSlow. These updates will be be available in the next version of Safari. To use them now, install a nightly build of WebKit.

The latest version includes:

  • Improved Editing Element Attributes and Style Properties feature
  • Ability to create and modify existing CSS rules and selectors
  • View colors in short hex, full hex, RGB, HSL or its name (if available)
  • Storage monitoring is now rendered in an editable data grid and includes cookie data
  • Ajax debugging
  • New keyboard shortcuts
  • Better support of the Firebug Command Line API

There are several additional features that I haven’t mentioned here. Read the post for a more complete picture.

]]> http://tiffanybbrown.com/2009/11/04/webkit-gets-web-inspector-updates/feed/ 0 A complete list of JS-Kit Echo Classes for use with CSS http://tiffanybbrown.com/2009/10/13/a-complete-list-of-js-kit-echo-classes-for-use-with-css/ http://tiffanybbrown.com/2009/10/13/a-complete-list-of-js-kit-echo-classes-for-use-with-css/#comments Tue, 13 Oct 2009 19:57:01 +0000 tiffany http://tiffanybbrown.com/?p=2259 I am implementing JS-Kit Echo for a project at work, and I am modifying it to match our design more closely. The Echo wiki has some great documentation on how to modify an Echo skin, but I needed more.

Below is the complete list of every Echo-related class, as found in the WordPress plug-in.

Notes:

  • Each line contains the kind of element the class was applied to.
  • Some elements have multiple, space-separated classes.
  • Not all elements are accounted for some elements lack a class.
  • This is raw, unformatted Firebug console output.

The list

  • [object HTMLDivElement]: jska-wrapper
  • [object HTMLDivElement]: jska-header
  • [object HTMLDivElement]: jska-headerText
  • [object HTMLDivElement]: jska-clear
  • [object HTMLDivElement]: jska-selectorContainer jska-label
  • [object HTMLSelectElement]: jska-selector
  • [object HTMLDivElement]: jska-container
  • [object HTMLDivElement]: js-kit-comments js-CommentsSkin-echo
  • [object HTMLDivElement]: js-CommentsArea
  • [object HTMLDivElement]: js-CreateComment jsk-CommentFormWrapper jsk-PrimaryFont jsk-PrimaryFontColor
  • [object HTMLDivElement]: jsk-CommentFormSurface jsk-SecondaryBackgroundColor
  • [object HTMLDivElement]: js-kit-lcf-userInfoWrapper
  • [object HTMLDivElement]: js-kit-userInfoWrap js-kit-nonLoggedUserInfo
  • [object HTMLDivElement]: js-kit-lcf-avatarsManagerWrapper js-kit-lcf-Border
  • [object HTMLDivElement]: js-kit-basicUserInfoWrap
  • [object HTMLDivElement]: js-kit-lcf-fromMenuAnonymous
  • [object HTMLDivElement]: js-kit-from-menuAnonymousWrap
  • [object HTMLDivElement]: js-kit-from-control
  • [object HTMLDivElement]: jskit-MenuRootHTML
  • [object HTMLDivElement]: js-nsgecko
  • [object HTMLDivElement]: jskit-GoogleLikeMenuBar
  • [object HTMLDivElement]: jskit-GoogleLikeMenuBarExpandMarker
  • [object HTMLDivElement]: jskit-GoogleLikeMenuBarText
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: jskit-MenuContainer jskit-MenuRootContainer
  • [object HTMLDivElement]: js-kit-from-to-menu-title
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle
  • [object HTMLInputElement]: jsipe-input
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding jskit-MenuDeleteButton
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: js-kit-from-to-menu-footer
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: js-kit-from-field
  • [object HTMLInputElement]: js-kit-from-name
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: js-kit-lcf-toMenu
  • [object HTMLDivElement]: js-kit-lcf-toField
  • [object HTMLDivElement]: jskit-MenuRootHTML
  • [object HTMLDivElement]: js-nsgecko
  • [object HTMLDivElement]: jskit-GoogleLikeMenuBar
  • [object HTMLDivElement]: jskit-GoogleLikeMenuBarExpandMarker
  • [object HTMLDivElement]: jskit-GoogleLikeMenuBarText
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: jskit-MenuContainer jskit-MenuRootContainer
  • [object HTMLDivElement]: js-kit-from-to-menu-title
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon jskit-MenuItemCheckboxCnt js-nsgecko
  • [object HTMLDivElement]: jskit-MenuItemCheckbox
  • [object HTMLDivElement]: jskit-MenuItemIcon
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: js-kit-from-to-menu-footer
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: jskit-Dogtag
  • [object HTMLDivElement]: jskit-DogtagIcon
  • [object HTMLDivElement]: jskit-DogtagText js-nsgecko
  • [object HTMLDivElement]: jskit-DogtagCross
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: js-commentAvatarArea jsk-CommentFormAvatarsArea
  • [object HTMLDivElement]: jsk-avt-area
  • [object HTMLDivElement]: jsk-avt-section-label
  • [object HTMLDivElement]: jsk-avt-list-area
  • [object HTMLDivElement]: jsk-avt-noAvatarsMsg
  • [object HTMLDivElement]: jsk-avt-upload-area
  • [object HTMLFormElement]: jsk-avt-upload-form
  • [object HTMLDivElement]: jsk-avt-upload-label
  • [object HTMLInputElement]: jsk-avt-upload-input
  • [object HTMLDivElement]: js-commentFieldRating js-commentRatingDisplay
  • [object HTMLDivElement]: jsk-CommentFormBody
  • [object HTMLTextAreaElement]: js-commentFieldInput jsk-PrimaryFont
  • [object HTMLSpanElement]: mceEditor defaultSkin
  • [object HTMLTableElement]: mceLayout
  • [object HTMLTableRowElement]: mceFirst
  • [object HTMLTableCellElement]: mceToolbar mceLeft mceFirst mceLast
  • [object HTMLTableElement]: mceToolbar mceToolbarRow1 Enabled
  • [object HTMLTableCellElement]: mceToolbarStart mceToolbarStartButton mceFirst
  • javascript:;: mceButton mceButtonEnabled mce_bold
  • [object HTMLSpanElement]: mceIcon mce_bold
  • javascript:;: mceButton mceButtonEnabled mce_italic
  • [object HTMLSpanElement]: mceIcon mce_italic
  • javascript:;: mceButton mceButtonEnabled mce_underline
  • [object HTMLSpanElement]: mceIcon mce_underline
  • [object HTMLSpanElement]: mceSeparator
  • javascript:;: mceButton mce_undo mceButtonDisabled
  • [object HTMLSpanElement]: mceIcon mce_undo
  • javascript:;: mceButton mce_redo mceButtonDisabled
  • [object HTMLSpanElement]: mceIcon mce_redo
  • javascript:;: mceButton mce_link mceButtonDisabled
  • [object HTMLSpanElement]: mceIcon mce_link
  • javascript:;: mceButton mce_unlink mceButtonDisabled
  • [object HTMLSpanElement]: mceIcon mce_unlink
  • [object HTMLTableCellElement]: mceToolbarEnd mceToolbarEndButton mceLast
  • [object HTMLTableRowElement]: mceLast
  • [object HTMLTableCellElement]: mceIframeContainer mceFirst mceLast
  • [object HTMLDivElement]: jsk-CommentFormFooter
  • [object HTMLDivElement]: js-kit-lcf-extraControlsMenuWrapper js-kit-tabs-singleTab
  • [object HTMLDivElement]: js-kit-tab
  • [object HTMLDivElement]: js-kit-tab-icon
  • [object HTMLDivElement]: js-kit-tab-title js-nsgecko
  • [object HTMLDivElement]: js-kit-tab-expandMarker
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: js-commentSubmit
  • [object HTMLInputElement]: jsk-CommentFormButton
  • [object HTMLInputElement]: jsk-CommentFormButton
  • [object HTMLDivElement]: js-kit-lcf-extraControlsMenuContent
  • [object HTMLDivElement]: js-poweredBy js-poweredBy-echo
  • [object HTMLDivElement]: js-LeaveComment
  • [object HTMLDivElement]: js-commentControl
  • [object HTMLDivElement]: js-commentControl js-commentTool
  • [object HTMLDivElement]: jsk-HeaderWrapper jsk-PrimaryFont
  • [object HTMLDivElement]: jsk-HeaderInfoBox
  • [object HTMLDivElement]: jsk-HeaderInfoBoxImg
  • [object HTMLDivElement]: jsk-CommentsCountWrap jsk-CommentsCount jsk-H1Color jsk-H1Font
  • [object HTMLSpanElement]: jsk-CommentsCount jsk-SecondaryFontColor jsk-PrimaryFont
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: jsk-HeaderMenu jsk-LinkFont jsk-LinkColor
  • [object HTMLDivElement]: jsk-MenuAdmin
  • [object HTMLDivElement]: jskit-MenuTitle js-nsgecko
  • [object HTMLDivElement]: jskit-MenuTitleExpandMarker
  • [object HTMLDivElement]: jskit-MenuContainer jskit-MenuRootContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: jskit-MenuDelimeter
  • [object HTMLTableRowElement]: jskit-MenuItem jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko jsk-DisabledFontColor
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko jsk-DisabledFontColor
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko jsk-DisabledFontColor
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko jsk-DisabledFontColor
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: jskit-MenuDelimeter
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLTableRowElement]: jskit-MenuItem
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemIcon js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemTitle js-nsgecko
  • [object HTMLTableCellElement]: jskit-MenuItem
  • [object HTMLDivElement]: jskit-MenuItemEnding js-nsgecko
  • [object HTMLDivElement]: jskit-MenuContainer
  • [object HTMLDivElement]: jsk-ThreadWrapper jsk-PrimaryFont jsk-PrimaryBackgroundColor
  • [object HTMLDivElement]: js-OldCommentsWrap jsk-StreamWrapper
  • [object HTMLDivElement]: js-OldComments
  • [object HTMLDivElement]: js-singleComment jsk-ItemWrapper jsk-PrimaryFont js-singleCommentDepth0 js-comment-stripe-1
  • [object HTMLDivElement]: js-singleCommentBg
  • [object HTMLDivElement]: js-singleCommentAvatar jsk-ItemUserAvatarWrapper
  • [object HTMLDivElement]: jsk-ItemContentWrapper
  • [object HTMLDivElement]: jsk-ItemBody jsk-PrimaryFontColor
  • [object HTMLImageElement]: js-singleCommentAdminStar
  • [object HTMLSpanElement]: js-singleCommentName jsk-ItemName jsk-LinkColor jsk-LinkFont
  • [object HTMLSpanElement]: js-singleCommentIP jsk-SecondaryFontColor
  • [object HTMLImageElement]: js-singleCommentUrl
  • [object HTMLSpanElement]: js-singleCommentText jsk-ItemBodyText
  • [object HTMLDivElement]: js-singleCommentRating
  • [object HTMLDivElement]: js-singleCommentPreviewImage jsk-ItemAttachmentsWrapper
  • [object HTMLDivElement]: jsk-ItemFooter
  • [object HTMLDivElement]: js-singleCommentDate jsk-ItemAge jsk-SecondaryFontColor
  • [object HTMLDivElement]: js-singleCommentCtls
  • [object HTMLSpanElement]: js-singleCommentFlagable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentFlag jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentReplyable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentReply jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentDeletable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentDelete jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentEditable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentEdit jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentModeratable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentModerate jsk-SecondaryFontColor
  • [object HTMLDivElement]: js-singleComment jsk-ItemWrapper jsk-PrimaryFont js-singleCommentDepth0 js-comment-stripe-2
  • [object HTMLDivElement]: js-singleCommentBg
  • [object HTMLDivElement]: js-singleCommentAvatar jsk-ItemUserAvatarWrapper
  • [object HTMLDivElement]: jsk-ItemContentWrapper
  • [object HTMLDivElement]: jsk-ItemBody jsk-PrimaryFontColor
  • [object HTMLImageElement]: js-singleCommentAdminStar
  • [object HTMLSpanElement]: js-singleCommentName jsk-ItemName jsk-LinkColor jsk-LinkFont
  • [object HTMLSpanElement]: js-singleCommentIP jsk-SecondaryFontColor
  • [object HTMLImageElement]: js-singleCommentUrl
  • [object HTMLSpanElement]: js-singleCommentText jsk-ItemBodyText
  • [object HTMLDivElement]: js-singleCommentRating
  • [object HTMLDivElement]: js-singleCommentPreviewImage jsk-ItemAttachmentsWrapper
  • [object HTMLDivElement]: jsk-ItemFooter
  • [object HTMLDivElement]: js-singleCommentDate jsk-ItemAge jsk-SecondaryFontColor
  • [object HTMLDivElement]: js-singleCommentCtls
  • [object HTMLSpanElement]: js-singleCommentFlagable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentFlag jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentReplyable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentReply jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentDeletable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentDelete jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentEditable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentEdit jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentModeratable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentModerate jsk-SecondaryFontColor
  • [object HTMLDivElement]: js-singleComment jsk-ItemWrapper jsk-PrimaryFont js-singleCommentDepth1 js-comment-stripe-1
  • [object HTMLDivElement]: js-singleCommentBg
  • [object HTMLDivElement]: js-singleCommentAvatar jsk-ItemUserAvatarWrapper
  • [object HTMLDivElement]: jsk-ItemContentWrapper
  • [object HTMLDivElement]: jsk-ItemBody jsk-PrimaryFontColor
  • [object HTMLImageElement]: js-singleCommentAdminStar
  • [object HTMLSpanElement]: js-singleCommentName jsk-ItemName jsk-LinkColor jsk-LinkFont
  • [object HTMLSpanElement]: js-singleCommentIP jsk-SecondaryFontColor
  • [object HTMLImageElement]: js-singleCommentUrl
  • [object HTMLSpanElement]: js-singleCommentText jsk-ItemBodyText
  • [object HTMLDivElement]: js-singleCommentRating
  • [object HTMLDivElement]: js-singleCommentPreviewImage jsk-ItemAttachmentsWrapper
  • [object HTMLDivElement]: jsk-ItemFooter
  • [object HTMLDivElement]: js-singleCommentDate jsk-ItemAge jsk-SecondaryFontColor
  • [object HTMLDivElement]: js-singleCommentCtls
  • [object HTMLSpanElement]: js-singleCommentFlagable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentFlag jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentReplyable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentReply jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentDeletable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentDelete jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentEditable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentEdit jsk-SecondaryFontColor
  • [object HTMLSpanElement]: js-singleCommentModeratable
  • [object HTMLSpanElement]: jsk-SecondaryFontColor
  • javascript:void(0);: js-singleCommentModerate jsk-SecondaryFontColor
  • [object HTMLDivElement]: js-PageNavBottom
  • [object HTMLDivElement]: js-poweredBy
  • [object HTMLDivElement]: js-poweredBy-wrapper
  • [object HTMLDivElement]: js-poweredBy-logo
  • [object HTMLDivElement]: js-poweredBy-text
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: js-kit-clear
  • [object HTMLDivElement]: item
]]> http://tiffanybbrown.com/2009/10/13/a-complete-list-of-js-kit-echo-classes-for-use-with-css/feed/ 3 Debugging Flash applications with Firefox extensions http://tiffanybbrown.com/2009/05/01/debugging-flash-applications-with-firefox-extensions/ http://tiffanybbrown.com/2009/05/01/debugging-flash-applications-with-firefox-extensions/#comments Fri, 01 May 2009 11:00:18 +0000 tiffany http://tiffanybbrown.com/?p=1969 Using ExternalInterface and Firebug

Firebug logo
Lately, the day job has had me busting booty on a Flash/ActionScript project that makes considerable use of the ExternalInterface class.

ExternalInterface allows Flash to communicate with its HTML container using JavaScript. It’s a groovy feature, but one that changes the development process a bit. Unlike straight-up Flash development, ExternalInterface requires you to test interaction between the movie and its container.

One way to do this is using the Firebug console. Set up a simple debug function embedded in your HTML or in an external JavaScript file: function debug(data){ console.log(data); }. Then pass troubleshooting data to it using ExternalInterface.call('debug','data you want to write'); just as you would with trace().

I even used this technique to dump XML data to the console. Works amazingly well.

A minor drawback: compiler errors won’t be written to the console. Instead you will see a generic error message, and your movie won’t load.

Using Flash Tracer

Image of Flash Tracer

For a more robust option, try Flash Tracer, a Firefox extension by Alessandro Crugnola. Flash Tracer uses native Flash logging to deliver trace() messages directly to the browser. To use it, you’ll need to install a debug version of the Flash Player.

Using LiveHTTPHeaders

Sometimes when sending and receiving data to and from a server, you can’t tell what’s wrong by looking at your Flash application. There could be an error in your server side code. Or perhaps there’s a problem with the data you’re sending. This is where LiveHTTPHeaders comes in handy.

LiveHTTPHeaders shows both browser-and-Flash request headers and server response headers. It also sends encoded GET and POST data from HTML forms or ActionScript URLRequest() / URLVariables() / URLLoader() operations.

This extension won’t show the actual data the server has returned. But you can use it to spot things like invisible line break characters and internal server errors.

Related posts:

]]> http://tiffanybbrown.com/2009/05/01/debugging-flash-applications-with-firefox-extensions/feed/ 19