Use of any framework does not automatically make your website
accessible. JQuery only attempts to make the development of JavaScript
more consistent across the various browsers (and, as you so rightly
point out, some screen readers as well). You must still provide your
own 'accessibility'.
Marvin,
Have you thought about using a fluid-width layout for your web page?
It would ensure your page is viewable on browsers smaller than your
current maximum fixed-width.
Otherwise, I actually think the rest of your site is fine. The
simplicity of it all is so refreshing! :)
Karl
On Thu,
at 11:01 AM, Karl Lurman karl.lur...@gmail.com wrote:
Marvin,
Have you thought about using a fluid-width layout for your web page?
It would ensure your page is viewable on browsers smaller than your
current maximum fixed-width.
Otherwise, I actually think the rest of your site is fine
Fwiw, I don't agree about accesskeys [1].
The article on your site seems to advocate the use of access keys. The
concept of allowing users to define which access keys they can use is
an interesting and clever approach. Have you got an example of this
out in the wild? There are certainly pitfalls
When you say memory leak, what do you mean? Are you saying it just
runs slower and slower over time, or are you saying that it is just
slow in IE?
Also, I am getting an error in IE7...
Google is your friend
For info on difference between replaceWith and html jQuery methods:
Just as a side note, instead of doing a -px, try using -999em...
In most cases, you can probably even get away with -99em. This has two
advantages:
1) Its a few less characters in your CSS
2) If the user increases their font size, there is a chance that the
thing you are hiding might start to
Jens,
I recommend googling CSS Frameworks.
Also, I recommend looking at a site I implemented a CSS framework of
my own. It sounds very very much like your approach.
http://www.athletics.com.au
It works on the concept of layers that can be used to progressively
enhance the visual appearance of
You need to work out a way of setting the minimum width of your
containing div to ensure that it can never get any smaller than your
smallest size. You might also want to consider setting the overflow to
hidden for this parent container also, but this may mean your
overflowed floated content will
Damn, this is the second time in the last two days I have replied to
something via the WSG instead of to the person I really meant to send
it to. Argghhh GMAIL!
Or perhaps its just silly user error... :)
Sorry everyone!!!
On Jan 30, 2008 3:47 PM, Mark Harris [EMAIL PROTECTED] wrote:
Karl
I think the opt-in approach is really the only path they can take.
They can't very well abandon all the website, intranets, extranets
that are coded specifically to take advantage of Microsoft 'features'
within older IE browsers.
The corporate environment is fairly adverse to change, even on a
in this fashion. Then, when they finally just drop the
non-standards-compliance all together, fewer sites will break. They may
be hoping for that outcome.
Katrina wrote:
Patrick H. Lauke wrote:
Karl Lurman wrote:
I think the thing to remember here is that, over time, the older
browsers
IE6 doesn't respect the *:hover pseudo selector if I remember
rightly... It only supports it for anchors, e.g a:hover
You may have to look at a small bit of javascript to 'activate' this behavior.
Im pretty sure this is your problem for IE browsers.
Karl
On Jan 29, 2008 2:52 PM, Shane Helm
http://www.techeblog.com/index.php/tech-gadget/video-digital-cloud-invades-british-airways-first-class-lounge-at-heathrow
On Jan 29, 2008 3:40 PM, Karl Lurman [EMAIL PROTECTED] wrote:
IE6 doesn't respect the *:hover pseudo selector if I remember
rightly... It only supports it for anchors, e.g
Oops * 2
1st oops for sending the link to the WSG instead of my IM conversation
(Damn Google Talk!!!) - Its a pretty cool video though...
2nd oops for looking at Shanes code in Firebug instead of by viewing the source!
Karl
***
Definition List?
On Jan 9, 2008 2:48 PM, Tim MacKay [EMAIL PROTECTED] wrote:
Hello all,
Just looking for a little help. I'm creating a sort of 'point form' list
that goes a bit like this:
1. Pursuit of customer satisfaction
We promise to pursue customer satisfaction as our
I don't think theres any rules about the length of definitions?
You are correct sir.
A definition list implies to me the expansion of a term through
definition. If anything that means the more text the better! I just
noticed that Tim's list includes numbering... This means there could
be some
Does your approach deal with any column any order? Is this a possibility?
Karl
On Jan 8, 2008 6:15 AM, Thierry Koblentz [EMAIL PROTECTED] wrote:
My apologies for cross-posting.
I'd appreciate any comment that would help me improve this article:
to explore the possibility of changing the visual
layout of the columns? Perhaps with negative margins similar to how
its done with floats?
Karl
On Jan 8, 2008 9:24 AM, Karl Lurman [EMAIL PROTECTED] wrote:
Does your approach deal with any column any order? Is this a possibility?
Karl
On Jan 8, 2008
Positives:
- Theres some clever use of Javascript in there that enables some
interesting user interface elements.
- In case you missed it, you can drag and drop parts of the page,
similar to Yahoo and Googles efforts - although they could have gone
some way to making it a bit more obvious.
-
Firefox is also a little naughty when it comes to Javascript parsing.
A friend of mine pointed out how he always gets caught out when
declaring objects in JSON:
var JsonObject{
objectFunction:function() {
// blah
}, // extra comma here...
}
Firefox will happily parse this
In most cases, positioning the element off left of screen is a much
better approach than display:none. Accessibility does not mean that
all css is ignored, and in this case, display:none will probably be
adhered to by a screenreader.
If you can absolutely position an element, set it's left
Posted an article on this topic yesterday. Would be interested to hear
what you lot have to say about it: :)
http://www.datalink.com.au/company/emagination/webdev/improving_website_image_and_map_accessibility_
Regards,
Karl Lurman
Joe,
Great to see gatherings of like-minded folk all over the place. As a
side note, have you heard about Pubstandards UK?
http://www.pubstandards.co.uk/
Website has kind of died off, but they have a mailing list that has
updates on meetings (Generally something on every week or so from what
I
Kit,
Seems like you answered your own question there.
The only added benefit of putting the script in the header of every
page, is that for the first time the script is downloaded, every
subsequent page load will not require the same download again, even
your Javascript reliant page.
If you are
Well that's a matter of opinion (preferably a matter of legal opinion).
The thing is, it really should be, but right now, there aren't many
laws written that protect much of what occurs online (read as: none).
Sometimes I am glad thats the case however.
I bet everyone around here has a website
Russ, time to step in the ring perhaps?
On 10/4/07, Joe Ortenzi [EMAIL PROTECTED] wrote:
yes for an old site I no longer need. but been too busy fixing sites that
people actually need and use.
fair nuff. you gonna sue me?
On Oct 3 2007, at 23:33, Chris Wilson wrote:
If you are going to
Cant seem to see the problem you are experiencing. It works every time I
look at the page in IE6 and IE7...
Karl
On 9/19/07, Stijn Audooren [EMAIL PROTECTED] wrote:
Hello,
I have a little trouble with IE :-(. Don't know if someone can help me or
if you know anybody who could help me fix the
I would also consider Contribute, but only if the site information
architecture is relatively small and unlikely to change.
You can create areas within your perfectly crafted html that the
customer can edit and update with a desktop application. For the most
part, it seems to function well from
Javascript is really starting to move into the realm of
software/application developer. Currently a bleeding edge javascript
programmer has to have extensive knowledge of the entire 'web
platform'. This includes: server/datastore programming, sound
understanding of client/server architecture,
Flash all the way im afraid.
2c
Karl
On 7/4/07, Paul Bennett [EMAIL PROTECTED] wrote:
Flash: (google video, youtube, yahoo video, revver, dailymotion, etc etc)
http://www.digital-web.com/articles/the_rise_of_flash_video_part_1/
http://www.digital-web.com/articles/the_rise_of_flash_video_part_2/
Not sure why this sort of tabular information isn't in a table? Tables are
not all evil... I suppose you are going to have expanding/contracting with
the plus button/icon.
Besides that though, you should look into the absolute positioning of some
of the elements you are putting on the page.
You
heh, funny, I see it as having absolute positioning within firebug when I
inspect one of the numbers in the very right column:
#result-tree .c-4 {reports-hierarchi... (line 102)
right:0px;
}
#result-tree .c-2, #result-tree .c-3, #result-tree .c-4 {reports-hierarchi...
(line 81)
Ryan,
Sure they are frowned upon, but what option do you have? I always resort to
a solution that involves javascript - CSS alone just doesn't work in IE6:
Dropdowns/flyouts will show appear under select boxes - this is a big issue
in IE6 and no amount of css (even hacks) can get around this in
I recommend it to all those developers that are stuck in a Windows
environment - I have already fixed a few bugs I would have had to use my
bosses Mac to find!
My only concern is that at the moment, I can get away with It might not
look 100% in Safari, but it still works... With Safari on
iPhone might be a different thing altogether ..
just because a page renders nicely in Safari on a desktop machine doesn't
necessarely mean it is going to be very usable on a tiny screen!
(I haven't yet seen an iPhone but I assume the screen would be small like a
mobile phone screen...?)
Point
pFields marked with * (asterisk) are required./p
Yep, instructions are definitely the way to go with the 'required'. we
might even look at making instructions for the required as a
definition list (hahaha just for fun)
form
dl
dt*/dt
ddFields whose labels contain an asterisk require a
I found these awhile back and was hoping to roll something similar
back into my css framework:
http://dnevnikeklektika.com/uni-form/
I know that forms are a b*tch to get looking even slightly good on all
browsers, but frankly, tables are an old dog and dl's are just younger
dogs. Field sets are
The point of my comments, though, was what I have been saying all along. You
simply don't need additional structure to put a form on a page. All you need
are the form-related elements: Form, fieldset, legend, label, input
(varied), and textarea. Using these elements and CSS you can lay out a form
How are you producing the select and option html? If you are producing
these on a webserver via a scripting language, its probably best to do
the grouping there. Use the Optgroup tag (which I believe is fairly
well supported) to group the list of common countries together with a
nice label.
Not
We have strong, we should have weak
:)
On 5/17/07, Ben Buchanan [EMAIL PROTECTED] wrote:
What is the best way to show something is less important than the
surrounding information (e.g. the date of a post or article,
supplementary information at the bottom of a post or article)?
Really
Greg and Steve,
I had the idea of doing something like the following:
!-- Begin Code --
Balance is within $span
style=position:relative;height:1%;padding-right:3em;margin:0;padding-left:0;/spancredit
limitlabel for=balance
style=position:absolute;text-indent:-999emBalance is within
http://prototype-carousel.xilinus.com/static
Just incase you are using Prototype
Karl
On 5/10/07, Paul Bennett [EMAIL PROTECTED] wrote:
Hi Helen,
this one uses YUI:
http://billwscott.com/carousel/carousel_slides.html
HTH,
Paul
Jermayn,
I think that it really depends on the end user. I know that any .pdf I
open within my copy of Firefox or Safari will always open up a
separate instance of Acrobat Reader or OSX Preview.app anyway (= new
window). It might have something to do with how Acrobat Reader is
installed by the
On 5/9/07, Thierry Koblentz [EMAIL PROTECTED] wrote:
On my site, http://christianmontoya.net/
the body does not extend past the content in IE 7 on initial page
load, so the background doesn't reach the bottom of the screen. I know
there's a simple fix for this, but I can't remember it... can
The concept of 'Has Layout' is not a hack, its part of IE's rendering
model... It happens to be something that is outside of the CSS
standard - that doesn't make it a hack.
Microsoft developers decided that elements should be able to acquire
a property (in an object-oriented programming sense)
Who says? How's he to know that people aren't displaying content in their
sidebar which deserves to be introduced with a H2?
So you are saying that sidebar content is as important as the main
body of the page? If so, shouldn't that content be in the main body of
the page?
Just being a devils
Hi,
When I have implemented these news-ticker-like 'widgets', I have made
sure that at the very least, the content I am using within the widget
is readable by a screen reader. This can be done by putting xhtml into
a div, and placing it off screen (to the left with negative em). On
instantiation
47 matches
Mail list logo
