Progressive tricks

Question

There is real art to create a website that works for everyone, and Progressive Enhancement is almost a mantra for me ...

So, I wonder which of the best tricks you used to create websites for everyone, regardless of browser, OS, javascript, flash, screen resolution, user inaccessibility, etc.?

(I know a lot about javascript and browser tricks, but I admit that I don’t know what flash is, etc.)

EDIT . I am not talking about 1% of sites that are RIAs that simply cannot function without javascript or flash. I am not asking how to write Google Docs without js. I would like to know what people do for sites that can do cool things, but they really don't need to.

I will offer a couple of my answers as an answer ...

Answer 1

I try to avoid mantras, except for the mantra that the world is a dirty place.

I think that many desktop features will be replaced by web features, and this will be a difficult transition, as a result of which real applications will appear in the browser. Real applications mean JavaScript or Flash or Silverlight, or Java or C # or Objective-J, compiled in JavaScript.

For me, the only trick is to identify people and browsers who cannot use the applications to advantage and provide them with alternative content.

. -, iPhone, .

, JavaScript -, -, , -. , , 960 . , , Flash.

Answer 2

( Google Analytics, ) , , .

.

1.) , -? , ?

2.) 404 "" , ?

3.) , ?

4.) , / , , ?

5). , "" - , , ... , , . , , ... , , .

6.) IE (6,7,8), Safari .. , , .

7.) " , . ... .

, , ... . (JS, CSS, Images)

Answer 3

, ajax:

1) , , javascript, "hijax" - "rel= external".

2) noscript , javascript .

3) , javascript DOM javascript, , javascript, , javascript.

Answer 4

javascript. , "" .

, :

PRG .

, HTML- jumplink. , . , .

, alt , . alt= ", . title=" " Firefox , .

, ! - !

Answer 5

, . , . HTML5:

<video>
    <source src="video.ogv" type="video/ogg" /><!-- OGG for Mozilla/Opera -->
    <source src="video.mp4" type="video/mp4" /><!-- h.264 for Apple/Google -->
    <object><!-- Fall back to Flash/h.264 for older browsers -->
            <!-- And in the event the UA can't handle any of those, all you can do is provide a link to the media -->
            <p><a href="video.ogv">Download the video</a>.</p>
    </object>
</video>

[Pseudocode, ]

Kroc Camen .

Answer 6

.

:

• (HTML)
• (CSS)
• (JS)

, , ; JavaScript ; CSS ; HTML .. ..

Answer 7

ok, -, RESTful ... HTML, XML, JSON, RSS, Atom ( ) ... MVC ... , MVC, , , , - ... . - / , .. , HTML- JSON ...

, , , HTML... , javascript... javascript uncrawlable... javascript HTML-, javascript- ... -... ..... , "" , , ... HTTP, JSON , javascript... ?

I personally think this is better than starting with nice and clean HTML, rather than stuffing tons of javascript, which won't even work for all users ...

Greetz

back2dos