BEST PRACTICES

[anoniem]

[img:bdcbc1ac8f]http://members.lycos.nl/girliegirl666/pics/worshippy.gif[/img:bdcbc1ac8f] @ Bas (LOL!!!!!!)

[anoniem]

Kan deze topic niet sticky gemaakt worden? :)

[anoniem]

[quote:5fde11ffba="Phrea"]Kan deze topic niet sticky gemaakt worden? :)[/quote:5fde11ffba][url=http://forum.computertotaal.nl/phpBB/viewtopic.php?t=82965]teacher is er mee bezig[/url] :wink: -termin8or

[anoniem]

Niemand nog webfx genoemd? Tssk, :-? Hier dan: [url]http://webfx.eae.net[/url] De scripts die er staan zijn erg goed, maar vooral van de uitleg erover kun je veel leren. [url]http://diveintoaccessibility.org/[/url] Zo nu en dan behoorlijk overdreven, maar het kan zeker geen kwaad om de genoemde punten door te nemen om te kijken of je site redelijkerwijs voldoet. Er staan zeker veel goede adviezen bij. En niemand heeft computertotaal nog genoemd; geen wonder dat het onderwerp nog niet sticky is :wink:

[anoniem]

Ik vroeg het me al een tijdje af, ging zoeken en kwam bij de volgende site... En ik zal het graag met jullie delen, want vroeg of laat gaat iemand anders deze vraag stellen en dan kun je een zinnig antwoord geven (of verwijzen naar Google). Wat ik me afvroeg? [url=http://www.faqts.com/knowledge_base/view.phtml/aid/1380/fid/53]What is the difference between JavaScript, JScript and ECMAScript?[/url] - Bas

[anoniem]

[size=7:c3fccf61b3]*kick*[/size:c3fccf61b3] http://www.tantek.com/presentations/2003SXSW/stylesheets.html [i:c3fccf61b3]CSS: Between the Style Sheets[/i:c3fccf61b3] http://www.gazingus.org/dhtml/?id=109 [i:c3fccf61b3]Hier word uitgelegd hoe je lijsten kunt gebruiken icm css en javascript om hiermee een rollover menu te creeren. Dit kan ook alleen met css, alleen als je javascript gebruikt werkt het ook in internet explorer.[/i:c3fccf61b3] http://realworldstyle.com/ [i:c3fccf61b3]css/div layouts die werken in NN4.x[/i:c3fccf61b3] http://www.lipsum.com/ [i:c3fccf61b3]Testteksten voor op je site[/i:c3fccf61b3] http://www.text-image.com/ [i:c3fccf61b3]Here you can easily generate cool text-images from almost any picture you have on your computer.[/i:c3fccf61b3] http://evolt.org/article/ala/17/21234/ [i:c3fccf61b3]A Simple Character Entity Chart[/i:c3fccf61b3] <= Met dank aan Bas Veel plezier ermee! -termin8or

[anoniem]

http://my.dot.tk/cgi-bin/login01.taloha [i:337b415f36]Inloggen en .tk banner uitzetten, hoe moeilijk kan iets zijn ;)[/i:337b415f36] http://www.xs4all.nl/~ppk/js/browsers.html [i:337b415f36]Teacher had hier al een link over gegeven, maar deze is wat specifieker en erg handig, vooral de vele externe links![/i:337b415f36] http://mozilla.org/docs/web-developer/quirks/doctypes.html [i:337b415f36]This document contains describes how Mozilla uses the DOCTYPE declaration to determine strict mode vs. quirks mode.[/i:337b415f36] <= Zie ook het pdf document van Remy in het html < > xhtml topic http://devedge.netscape.com/viewsource/2002/browser-detection/ [i:337b415f36]Improper browser detection can lead to web maintenance nightmares. Rethinking the basics of when and how to detect user agents is crucial to creating maintainable, cross browser web content. This article reviews several approaches to browser detection, their usefulness in specific circumstances to arrive at a common sense approach to browser detection.[/i:337b415f36] -termin8or

[anoniem]

Nog in navolging van de entiteiten, waarvan ik de link van bas gekregen had, hier een overzicht van de ondersteuning door verschillende browsers: http://www.fjordaan.uklinux.net/entities/entities_support.html Ik hoop dat mensen hier wat aan hebben. -termin8or

[anoniem]

Hallo allemaal, Laatst liep ik op een ander forum tegen een gratis Open Source Content Management Systeem aan: Typo3. Kijk eens op http://www.typo3.org of http://www.typo3.com Typo 3 is geschreven in PHP, MySQL als backend database en draait o.a. onder Linux. Er zijn ook complete packages beschikbaar om onder Windows een ontwikkelomgeving te draaien. Alles Open Source en gratis. Een lijst van websites die draaien onder Typo3: http://typo3.com/References.1249.0.html En nee, ik heb geen belangen bij dit systeem. Leek me alleen een goeie tip voor iedereen die sites bouwt en aan zijn of haar klanten een CMS wil aanbieden. Groet, Webguy

[anoniem]

[url=http://www.blooberry.com/indexdot/css/propindex/all.htm]All CSS Properties Listed Alphabetically[/url] Een absolute must voor iedereen die met CSS werkt. Ik heb nergens een lijst gezien die zo compleet en uitgebreid is, ook en met name in de toelichting. - Bas

[anoniem]

deze heb ik pas gevonden: http://www.positioniseverything.net/ wimb

[anoniem]

[url=http://devnull.tagsoup.com/fixed/]De oplossing voor fixed[/url] [i:7fcd919b0e]Veel mensen gebruiken frames omdat er dan altijd 1 gedeelte altijd zichtbaar is. Vanaf nu (eik eerder) is dat geen argument meer. De hierboven gegeven link, brengt de oplossing voor het probleem dat MSIE met position:fixed had. De oplossing werkt vanaf MSIE5.x voor windows en vanaf MSIE 5.x voor apple. Daarnaast werkt het ook in elke andere browser aangezien deze position:fixed zoiezo al ondersteunden. Het mooie van deze oplossing is dat er [b:7fcd919b0e]geen[/b:7fcd919b0e] javascript wordt gebruikt![/i:7fcd919b0e] -termin8or

[anoniem]

[url=http://jodi.ecs.soton.ac.uk/Articles/v04/i01/Kalbach/]Web Page Layout: A Comparison Between Left- and Right-justified Site Navigation Menus[/url] via delijst.net

[anoniem]

W3C (updated) lijst van alle valide dtd's: [url]http://www.w3.org/QA/2002/04/valid-dtd-list.html[/url] /E

[anoniem]

In aanvulling op "-termin8or's" oplossing voor positioned fixed, hier nu eentje die zowel een header als een side bar heeft. (getest op ie5..6, mozilla 1.3a, phoenix 0.5). /E [code:1:4dd848651c]<!-- Quirk on --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>...</title> <style type="text/css"> body { margin: 0; padding: 50px 0 0 200px; } div.fixed { position: absolute; top: 50px; left: 0px; width: 200px; height: 100%; } div.top { position: absolute; top: 0px; left: 0px; width: 500%; height: 50px; } @media screen { body>div.fixed { position: fixed; top: 50px; left: 0px; width: 200px; height: 100%; } body>div.top { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; } } </style> <!--[if IE]> <style type="text/css"> body { overflow: hidden; } div.content { height: 100%; overflow: auto; } </style> <![endif]--> </head> <body> <div class="top"> [...top bar....] </div> <div class="fixed"> [...fixed bar...] </div> <div class="content"> [...page content...] </div> </body> </html>[/code:1:4dd848651c]

[anoniem]

Een aantal aardige CSS tips zijn te vinden op: [url]http://www.phoenity.com/newtedge/[/url]. Maar hou er wel rekening mee dat deze site bedoeld is voor browsers die zich goed aan de standaarden houden, niet voor IE dus! Als je de site met IE bekijkt dan krijg je wel de inhoud, maar niet de opmaak te zien.

[anoniem]

[quote:8253e29191="MORA"]Als je de site met IE bekijkt dan krijg je wel de inhoud, maar niet de opmaak te zien.[/quote:8253e29191] geen wonder, één van de tips is deze: [url=http://www.phoenity.com/newtedge/hide_css_ie/]Hide CSS from IE up to version 6.0 [/url] wimb

[anoniem]

[quote:0e5e097eae="WimB"][quote:0e5e097eae="MORA"]Als je de site met IE bekijkt dan krijg je wel de inhoud, maar niet de opmaak te zien.[/quote:0e5e097eae] geen wonder, één van de tips is deze: [url=http://www.phoenity.com/newtedge/hide_css_ie/]Hide CSS from IE up to version 6.0 [/url][/quote:0e5e097eae] Ja, ik snap ook wel dat ze de CSS gewoon onderdrukken voor IE, maar ik wilde gewoon even waarschuwen dat mensen die IE gebruiken niet raar op moeten kijken van een sober uiterlijk. De site laat wel mooi zien hoe je informatie voor meerdere soorten browsers goed toegankelijk kunt maken door consequent de inhoud van de lay-out te scheiden. Niettemin zijn de tips die ze leveren erg interessant, en tonen ze bovendien mooi aan dat er nog wel het één en ander schort aan de IE engine. Net als de eerder genoemde [url=http://www.meyerweb.com/eric/css/edge/]CSS/edge[/url] site, die ook laat zien wat je allemaal met CSS kunt doen in moderne browsers. Je kunt weliswaar het volle potentieel van die technieken alleen meebeleven als je een goede browser gebruikt, maar de technieken zijn zeker niet 'Mozilla-only' te noemen! Veel 'IE-only' sites zijn simpelweg [i:0e5e097eae]niet[/i:0e5e097eae] toegankelijk voor mensen die een andere browser gebruiken, terwijl de informatie op deze CSS sites gewoon beschikbaar is voor àlle browsers, van Lynx tot Firebird.

[anoniem]

Ik vind http://www.glish.com/css/ een goede site., De site beschrijft op een duidelijke manier hoe je kunt lay-outen met behulp van css. Er staan een aantal uitgewerkte voorbeelden en tips die eenvoudig toepasbaar zijn.

[anoniem]

Ok, in navolging van [url=http://www.aanmelden-zoekmachines.info/]de link van Sabine Bos[/url] en [url=http://www.w3.org/TR/REC-html40/appendix/notes.html#recs]deze link[/url] eerder in Best Practices heb ik nog wat materiaal gevonden waarin wordt beschreven hoe je je pagina beter geschikt kunt maken voor indexering door Google.[list:ff84322488][*:ff84322488][url=http://www.scribbling.net/entry/394/]Help the Googlebot understand your web site[/url][*:ff84322488][url=http://www.scribbling.net/entry/310/]Nine things you can do to make your web site better[/url][/list:u:ff84322488]De tweede heeft direct verband met de eerste link. Bron: [url=http://simon.incutio.com/]Simon Willison's Weblog[/url] - Bas