BEST PRACTICES

[anoniem]

Heel erg handig: [url=http://chrispederick.myacen.com/work/firebird/webdeveloper/]Web Developer[/url] | [url=http://chrispederick.myacen.com/work/firebird/webdeveloper/index.php#features]Lijst met features[/url] [i:5e71a64f2e] The Web Developer extension for Mozilla Firebird and Mozilla adds a menu and a toolbar to the browser with various web developer tools.[/i:5e71a64f2e]

[anoniem]

Na alle kleurenpickers, hier een verbeterde versie van colormatch 5k, ook non-IE compatible en met 9 kleuren, een voorbeeldlayout en mogelijkheid tot export naar Photoshop kleurenpalet: http://color.twysted.net/

[anoniem]

[size=9:42cadc659b]Zie onderaan pagina 4 ;-)[/size:42cadc659b]

[anoniem]

[img:9c0cce4da9]http://www.virtualreinhard.com/AtoZ/Labels1/DomBlondje.jpg[/img:9c0cce4da9]

[anoniem]

[url=http://www.ericmeyeroncss.com/bonus/trick-hide.html]Eric Meyer on CSS: Tricking Browsers and Hiding Styles[/url] [i:f038430c07]Although some feel the browser wars are behind us, their sad legacy persists. Every time an author has to code a workaround to make Navigator 4.x happy, every time a Web page comes up differently in different browsers, an echo of the wars lives on. Fortunately, there are ways to take advantage of these same browser flaws to make our lives a little easier. It might not seem like much, but we need to take our victories where we can. Although these tricks probably seem like a lot of effort just to cater to browser bugs, they're less trouble than setting up JavaScript sniffers to serve up different style sheets to different browsers, let alone writing the separate style sheets that such an approach would require. If you can get away with ignoring old, flawed browsers, then more power to you! Write to the standards and sleep well at night. But if, like most of us, you have to worry about what your site will look like in every browser out there, one or more of these tricks might be just the thing. [/i:f038430c07] - Bas

[anoniem]

[url=http://www.koivi.com/ie-png-transparency]PNG als achtergrond, maar zonder JS[/url] [i:d0a9e69b8c][b:d0a9e69b8c]Methodology[/b:d0a9e69b8c] The method used on this page is the same used for the JavaScript solutions. The PHP script searches for IMG tags that have .png (case-insensitive) in the SRC attribute, replaces it with a transparent GIF and adds the necessary STYLE attribute for MSIE5+ to render the transparency as desired. However, since this is a server-side solution, you do not have to rely on the user's browser settings. In addition to scanning IMG tags, as of Feb 11, 2004, this function will also scan INPUT tags as well as look for background images defined with background-image: url('image.png'); for background images, there is no need to use transparent GIF images.[/i:d0a9e69b8c]

[anoniem]

[i:59ded44181][color=darkblue:59ded44181]Ik was zelf op zoek naar deze gegevens en dacht het wel handig om te delen:[/color:59ded44181][/i:59ded44181] [b:59ded44181]Satistieken over browsergebruik 25/02/04[/b:59ded44181] [list:59ded44181]Gecko-Based Browsers (AOL-Compuserve, AOL for OS X, Mozilla, Netscape 6+, etc.): • The reported percentage of users varies a lot, likely in large part because many stats sources (a) are not properly identifying non-Netscape Gecko browsers, and (b) may wrongly identify Opera or Safari as a Gecko browser. • I suggest that ~6% typically use Gecko browsers, with this number growing as IE and Netscape 4 users switch. KHTML-Based Browsers (Konqueror, OmniWeb 4.5+, Safari, etc.): • The reported percentage of users varies a lot, likely in large part because many stats sources are not properly identifying these browsers. • I suggest that ~1-2% typically use KHTML browsers — the great majority being Safari users — with the number likely to rise slowly as more OS X users switch to Safari. Microsoft Internet Explorer: Roughly 85% use IE-based browsers, down from a high of ~94% as users switch to other browser families — mainly Gecko — with this downward trend likely to continue as the alternate browsers improve and as IE remains stagnant with no planned upgrade for several years. • Most use IE6, with its number growing slowly. • Many use IE5, with the number shrinking as users upgrade or switch; IE5 will remain a factor for several years. • Few use IE4, ~0.5%, with the number shrinking steadily to the point that it will become negligible before the end of 2004. Netscape 4.x: • Stats vary, but ~1-2% likely use a Netscape 4 browser; the number is shrinking slowly and may not become negligible till 2005. • The majority use 4.5+ versions, but a large minority still uses 4.0x versions. Opera: • The reported percentage of users varies a lot, likely in large part because many stats sources wrongly identify Opera as Internet Explorer, Mozilla, or Netscape; one survey in early 2004 revealed that ~72% of Opera users had configured it to identify itself as Internet Explorer. • I suggest that ~1-2% typically use Opera browsers, with the number changing slowly, and with the great majority using Opera 7. [/list:u:59ded44181] [b:59ded44181]Schermresolutie statistieken 25/02/04[/b:59ded44181] [list:59ded44181]544x372 (MSN-TV / NTSC): there are about a million MSN-TV users, but no good stats of how many pages they access: it does seem likely that these users account for <1% of page accesses. This should change little in the short term, as the number of users has changed little for several years: longer term changes depend on how avidly consumers embrace such appliances, and on how well MSN-TV competes with similar products. 640x480 (VGA): this accounts for ~1% of page accesses, a third as many as a year ago. Most users have old PCs. The number will quickly drop as these PCs are retired. 800x600 (XGA): this accounts for ~37% of page accesses. Some users surely have old PCs, with little video memory; the rest likely have PCs whose resolutions are set lower because many new PCs default to a lower resolution. The percentage will decrease steadily as higher resolution displays grow more common, but will remain popular for many years. 1024x768 and higher (SVGA): this accounts for ~61% of page accesses. Most new PCs have enough video memory for high resolution displays, but many are set to a lower resolution because many new PCs default to a lower resolution. The percentage of high resolution users will continue to grow steadily. Other: other resolutions are found among net appliances and some PCs. For example, the Sony eVilla had a portrait-mode display, with the height greater than the width. Right now such appliances account for relatively few page accesses: this will surely change, but how — and by how much — will depend on the vagaries of the market. [/list:u:59ded44181] [b:59ded44181]Kleurdiepte statistieken[/b:59ded44181] [list:59ded44181]8-bit (256 colours): this accounts for ~1½% of page accesses. Most users likely have old PCs. This number will continue to drop slowly as older PCs are retired. AOL 8-bit (256 colours): this accounts for ~5% of page accesses, by users of an AOL browser with image compression enabled: compression severely restricts the number of displayable colours. This percentage will likely remain about the same in the near future. 16-bit (65 536 colours): this accounts for ~29% of page accesses. Some users surely have old PCs, with little video memory; the rest likely have PCs whose colour-depths are set lower because many new PCs default to a lower colour-depth. For PCs the percentage will likely drop slowly. 24-bit and more (16 777 216 colours, and more): this accounts for ~64% of page accesses. Most new PCs have enough video memory for high colour-depths, but many are set lower because many new PCs default to a lower colour-depth. The percentage will likely rise slowly. The bottom line is that, although the number of those with 8-bit displays is small and shrinking, design for 256 colours will remain a serious issue so long as AOL continues to compress (mutilate) images. [/list:u:59ded44181] [b:59ded44181]Bron:[/b:59ded44181][url=http://www.upsdell.com/BrowserNews/stat_trends.htm]Deze[/url]

[anoniem]

IE en CSS en het antwoord: [i:f7fcfdb128]IE7 invokes a DHTML behavior to load and parse all style sheets into a form that Explorer can understand. You can then use most CSS2 selectors without having to resort to CSS hacks. The behavior is lightweight and is automatically loaded via a CSS inclusion. No alteration of your original document is necessary. Nor do you have to alter your CSS. IE7 provides Microsoft Internet Explorer with support for W3C standard CSS.[/i:f7fcfdb128] [url=http://dean.edwards.name/IE7/src/][b:f7fcfdb128]Broncode[/b:f7fcfdb128][/url] [url=http://dean.edwards.name/IE7/overview/]Bron bericht[/url]

[anoniem]

Ik weet niet of het zozeer handig is voor anderen, maar ik heb een lijstje gegenereerd met alle ASCII escape codes voor HTML. Zelf gebruik ik het om in de database backend voor websites rare letters neer te zetten (Zodat ik Servische en Scandinavische namen neer kan zetten zoals het was bedoeld), waar een windowskarakter door de browser wordt vervangen door een vraagteken. De lijst: http://www.ijsqueen.com/chars.php de code (te simpel, maar efficient): [code:1:7ab9277f62]<font face="Verdana, Helvetica, Sans-serif" size=1> <?php for ($i = 33; $i <= 383; $i++) { echo "&amp;#".$i."; ---> &#".$i."<br />"; } ?> </font>[/code:1:7ab9277f62] NB: 33 en 383 zijn het begin en einde van alle mogelijkerwijs interessante karakters.

[anoniem]

voor wie even snel alle css attributen op een rij wil zien. [url=http://www.playgarden.com/w3c/TR/REC-CSS2/propidx.html][b:8eb0a3536f]1.3.2 CSS-eigenschappen definities [/b:8eb0a3536f][/url] [i:8eb0a3536f]wellicht 1 van de velle[/i:8eb0a3536f]

[anoniem]

[quote:6d2f7b8161="IJsqueen"]Ik weet niet of het zozeer handig is voor anderen, maar ik heb een lijstje gegenereerd met alle ASCII escape codes voor HTML. Zelf gebruik ik het om in de database backend voor websites rare letters neer te zetten (Zodat ik Servische en Scandinavische namen neer kan zetten zoals het was bedoeld), waar een windowskarakter door de browser wordt vervangen door een vraagteken. [/quote:6d2f7b8161] Of je gooit je tekst door de goede php functies heen: [code:1:6d2f7b8161] <?php $jetext = ' :[]{} "Hallo & \' <Frau> \' & Krämer". !@#$%^&*() Ëûäåé®þüúíóö'; echo htmlentities($jetext); echo "\r\n<br>____________________\r\n<br>\r\n"; echo htmlspecialchars($jetext); echo "\r\n<br>____________________\r\n<br>\r\n"; echo htmlspecialchars($jetext, ENT_QUOTES); ?> [/code:1:6d2f7b8161] Het is niet helemaal perfect, maar wel backwards compatible.

[anoniem]

[url=http://www.psydk.org/PngOptimizer.php]PNG Optimizer[/url] [i:329baf84fd]PngOptimizer is a tool used to improve PNG compression. It accepts PNG, BMP and GIF files. This software works on Windows 32 bits (95/98/Me NT4/2000/XP).[/i:329baf84fd] - Bas

[anoniem]

Een lijst met handige sites mbt het verbergen van CSS voor verschillende browsers:[list:15b3dede18][*:15b3dede18][url=http://diveintomark.org/safari/csshacks/]http://diveintomark.org/safari/csshacks/[/url] [*:15b3dede18][url=http://centricle.com/ref/css/filters/]http://centricle.com/ref/css/filters/[/url] [*:15b3dede18][url=http://css-discuss.incutio.com/?page=CssHack]http://css-discuss.incutio.com/?page=CssHack[/url] [*:15b3dede18][url=http://w3development.de/css/hide_css_from_browsers/]http://w3development.de/css/hide_css_from_browsers/[/url] [*:15b3dede18][url=http://dithered.com/css_filters/css_only/index.php]http://dithered.com/css_filters/css_only/index.php[/url] [*:15b3dede18][url=http://www.ericmeyeroncss.com/bonus/trick-hide.html]http://www.ericmeyeroncss.com/bonus/trick-hide.html[/url][/list:u:15b3dede18] Dit is natuurlijk maar het topje van de ijsberg, op de pagina's staan ook weer links naar andere goede resources. Ik zal proberen deze lijst bij te houden en uit te breiden met de écht handige en complete overzichten. Weet je er nog een of meer, kan je natuurlijk altijd PM-en. - Bas

[anoniem]

Voor de beginnende en iets meer gevorderde webdesigner: http://www.colin.mackenzie.org/webdesign/ Deze site laat vele do's en dont's zien betreffende webdesign.

[anoniem]

Op http://css.maxdesign.com.au/index.htm vind je informatie over het gebruik van CSS en lijsten voor het vormgeven van menu's, plus enkele nuttige CSS tutorials. [url=http://www.maxdesign.com.au/presentation/]Hier[/url] zijn overigens nog meer Max Design artikelen. [size=10:20e79bff8f]Ik hoop niet dat deze al eerder was gepost; heb alleen even snel het draadje doorgescand...[/size:20e79bff8f]

[anoniem]

Hier is nog een link met veel css site voorbeelden http://www.pmob.co.uk/temp/3colfixedtest_4.htm Allerlei soorten layout met nog een leuk menu om ze te laten zien plus nog een link om de twijfelaars tussen tables en div/css een shop in de goede richting te geven: http://www.sitepoint.com/article/tables-vs-css/1 wimb

[anoniem]

Ook showcase voor css design: http://www.cssbeauty.com/ (hadden we http://www.cssvault.com al gehad? )

[anoniem]

Noem me van de oude stempel, maar ik gebruik dit artikel nog steeds wanneer ik iets zoek... Soort van back-up favorieten. Dus een kleine kick met deze nieuwe toevoeging: [url=http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/]Fixed or fluid width? Elastic![/url] - Bas

[anoniem]

als ik onder windows werk, gebruik ik altijd [url=http://www.editplus.com/]Editplus[/url] Onder linux zijn natuurlijk standaard al talloze handige programma's aanwezig. de makkelijkste en snelste is vi gr Peter

[anoniem]

[quote:aea9a5841d="petervk"]Onder linux zijn natuurlijk standaard al talloze handige programma's aanwezig. de makkelijkste en snelste is vi[/quote:aea9a5841d]Met alle respect, maar vi is makkelijk noch snel. :D Dit geldt ook voor vim. Ben niet heel erg met Linux bekend, maar zover ik weet ondersteunen beide geen syntax highlighting. Wel zijn het de meest essentiele teksteditors van Linux die ik ken. - Bas