Application layouts with jQuery UI.Layout Plug-in

Posted on by
Reply

The UI.Layout plug-in can create any UI look you want – from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc.

Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations or issues – this widget is ready for production use.

Features

  • simple to use: powerful but simple syntax is easy to learn
  • unlimited layout capabilities: 5 regions per layout – unlimited nesting
  • dozens of options: every aspect is customizable, globally and by region
  • total CSS control: dozens of auto-generated classes create ANY UI look
  • extensible: callbacks, methods, and special utilities provide total control
  • custom buttons: integrates with your own buttons for a custom UI look
  • collapsable: each pane can be closed, using any UI animation you want
  • hidable: panes can be completely hidden, either on startup or at any time
  • resizable: each pane can be resized, within automatic or specified limits
  • slidable: panes can also ‘slide open’ for temporary access
  • headers & footers: each region has unlimited headers or footers
  • hotkeys: can use the cursor-keys and/or define custom hotkeys
  • use any elements: use divs, iframes or any elements you want as a ‘pane’
  • compatible with UI widgets: integrates with jQuery widgets and plug-ins
  • demo mode: set applyDefaultStyles option for a fully functional layout

jQuery UI.Layout Plug-in

Twitter applications & icons

Posted on by
Reply

I have seen a lot of list and overviews lately about twitter. Here is a small summary.

67 twitter applications, tools, backgrounds and resources

An interesting list from csstea. In this list you will find 67 useful twitter applications, tools, backgrounds and resources.

67 twitter applications, tools, backgrounds and resources

Twitter Avatars In Comments

  • Loads user’s avatar by matching the email address to the user’s Twitter email address.
  • If user doesn’t have a Twitter account, it first tries to load user’s gravatar. If user doesn’t have a gravatar, it loads a default image. This is an optional setting.
  • You can set a 2-pixel border to the images (you choose the color).
  • You can choose the size: we suggest 24, 48 or 72 pixels.
  • You can set an image other than the default one to load if a user doesn’t have a Twitter account or a gravatar.
  • It builds a valid image for you (with alt and title attributes, etc.) based on user details.
  • Allows you to add a class to the image, so you can style it later.

Twitter Avatars In Comments WordPress Plugin

Free Twitter Bird Icon Set

Download them

Reveal new window links and links to non-HTML files with a user stylesheet

Posted on by
Reply

An interesting article about displaying what a link will do when you click on it. By adding a stylesheet on your browser you can visualize on each link what will happen.

Applying these rules will of course affect the way many websites look, and may occasionally cause minor layout problems. Links that already alert the user that they will open in a new window or point to a non-HTML document will also be affected, so the information will be repeated.

Read the article

source 456bereastreet.com

2 usefull firefox plugins

Posted on by
Reply

I found 2 usefull firefox plugins on 456bereastreet.

Find inline CSS and JavaScript with Inline Code Finder
Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them:

- Inline JavaScript events
- Inline style
- javascript: links

https://addons.mozilla.org/en-US/firefox/addon/9640

 

Obtrusive JavaScript Checker
Finds HTML elements with inline events and javascript: links.

https://addons.mozilla.org/en-US/firefox/addon/9505