Thursday, October 15, 2009
When you focus A tag or submit button sometimes outline border looks ugly on websites. Here are examples:
Foobar 
This can be easy fixed (for all browsers except Internet Explorer!) by adding 1 line of CSS rule:
a:focus { outline: none; }
IE has non-standard HTML attribute hideFocus=”true” to solve this problem. Of course you don’t like to put this attribute in every <A> tag and submit buttons in your HTML. I have 2 working solutions for all browsers:
CSS expression solution
input, a {
outline:expression(hideFocus='true');
outline:none;
}
jQuery solution
$("a, input").each(function() {
$(this).attr("hideFocus", "true").css("outline", "none");
});
Wednesday, May 27, 2009
‘Notify Bar’ plugin
Simple plugin (basically it’s not a plugin, but widget) to show notify bar
(like on Twitter’s webpage).
It’s very simple to use:
$(function () {
$.notifyBar({
html: "Thank you, your settings were updated!",
delay: 2000,
animationSpeed: "normal"
});
});
and to your html page stylesheet:
<link rel="stylesheet" href="jquery.notifyBar.css" type="text/css" media="screen" />
$.notifyBar can pass next parameters:
| Parameter |
Description |
Type |
Default |
| html |
What text will be inside bar, can be HTML |
String [optional] |
“Your message here” |
| delay |
How long bar will be delayed, doesn’t count animation time. |
Integer [optional] |
2000 |
| animationSpeed |
How long this bar will be slided up and down |
String | Integer [optional] |
“normal” |
| jqObject |
Own jquery object for notify bar |
jQuery object [optional] |
null |
| cls |
You can set own CSS class for ‘Notify bar’. There is too premade clasess “error” and “success” |
String |
|
See demonstration or download source.
Wednesday, November 5, 2008
I really like when gallery or application with pagination uses navigation with arrow keys. Like here.
Nice and fast navigation I think. So you can read the main article about this navigation on Lebedev’s site (or in Russian). This features is at least 3 years old and is used so rarely, but it’s so useful and makes users happy.
So I have written a tiny plugin for jQuery (based on the Andrey’s code) for this navigation. You can see my demo and price how useful it is.
Here is the stuff and how to use it