Ess - Sibran Lens

Her Morning Elegance

Posted by Sibran - 28/01/09 at 01:01:14 pm

January 28, 2009 | In Youtube | No Comments

Application layouts with jQuery UI.Layout Plug-in

Posted by Sibran - 15/01/09 at 11:01:21 am

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

January 15, 2009 | In jQuery | No Comments

Twitter applications & icons

Posted by Sibran - 14/01/09 at 04:01:37 pm

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

January 14, 2009 | In Web | No Comments

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

Posted by Sibran - 12/01/09 at 10:01:09 am

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

January 12, 2009 | In CSS | No Comments

2 usefull firefox plugins

Posted by Sibran - 12/01/09 at 10:01:36 am

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

January 12, 2009 | In CSS, Javascript | No Comments