Ga naar inhoud

BEST PRACTICES


anoniem

Aanbevolen berichten

  • Reacties 100
  • Aangemaakt
  • Laatste reactie

Beste reacties in dit topic

  • anoniem

    101

Heb ik nog niet gezien: de beste manier om een popup te maken: [code:1:999da270dc]<a href="plaatje.jpg" onClick="window.open(this.href , String((new Date()).getTime()) , 'width=400, height=300'); return false;">Plaatje!</a>[/code:1:999da270dc] Dit zorgt ervoor dat browsers die geen javascript hebben of uitgeschakeld, gewoon naar het plaatje worden gestuurd. Zo kan je natuurlijk ook andere javascripts oproepen.
Link naar reactie
[quote:f367fd1d1a="Jaaap"][quote:f367fd1d1a="BasHamar"]Dit is idd over het algemeen het doel van een image replacement techniek: een tekst dmv CSS vervangen door een afbeelding.[/quote:f367fd1d1a] Waarom zou je dat in godsnaam willen? Je kunt ook gewoon een plaatje met een alt attribuut nemen.[/quote:f367fd1d1a] ... als in <h1><img .../></h1> dus. Het nadeel: het plaatje is in principe geen structureel element van de webpagina, maar slechts een grafische weergave van een tekst-header. Wat je eigenlijk wilt bereiken is een semantisch correcte header, die m.b.v. een plaatje wordt [i:f367fd1d1a]vormgegeven[/i:f367fd1d1a]; géén plaatje dat in een header is geplakt. Een subtiel verschil, maar niet onbelangrijk, want het heeft ondermeer gevolgen voor de indexering door zoekmachines en het heeft consequenties m.b.t. de toegankelijkheid voor o.a. voice-browsers (die van zo'n plaatje-in-een-header bijvoorbeeld "image: <alt tekst>" maken). Lees eerst die artikelen eens door, zou ik zeggen, en vergeet vooral niet ook de bijbehorende discussies te lezen! Het is geen toeval dat zoveel mensen zich hierover het hoofd hebben gebroken en dat dit onderwerp door zovelen als een soort heilige graal van het webdesign wordt gezien (hoewel een echte oplossing pas met CSS3 in zicht komt). Maar de meningen hierover zijn verdeeld; image replacement technieken zijn verdedigbaar, maar blijven niettemin een hack.
Link naar reactie
Heel erg handig als naslagwerk of snelle beginnerscursus. Met name het gedeelte op pagina 4 is erg interessant. [url=http://www.sitepoint.com/article/910/]mod_rewrite: A Beginner's Guide to URL Rewriting[/url] [i:b2900e8a91]So you're a Web developer who has all the bells and whistles on your site, creates Web-based applications that are both beautiful and work well. But what about these issues?[/i:b2900e8a91][list:b2900e8a91][*:b2900e8a91][i:b2900e8a91]Applications Must Be Safe[/i:b2900e8a91][*:b2900e8a91][i:b2900e8a91]Applications Must Be Search-Engine Friendly[/i:b2900e8a91][*:b2900e8a91][i:b2900e8a91]Applications must be user-friendly[/i:b2900e8a91][/list:u:b2900e8a91] - Bas
Link naar reactie
Een viertal zeer interessante artikels op [url=http://www.sheriftariq.org/design/index.html]Design Matters[/url] op het gebied van grafische vormgeving.[list:45947cc413][*:45947cc413][url=http://www.sheriftariq.org/design/whitespace/index.html]Whitespace[/url] [i:45947cc413]The space surrounding a block of text is just as important as other factors such as appropriate use of color, type and graphics.[/i:45947cc413] [*:45947cc413][url=http://www.sheriftariq.org/design/fonts/index.html]Fonts[/url] [i:45947cc413]Most of us are familiar with fonts, as far as using Arial for headings and Times New Roman for body copy. But there is so much more to fonts than that. In this section, I’ll try and explain all the different options related to fonts, from classifications (yuck! I know), to how best to use them on screen, and in print.[/i:45947cc413] [*:45947cc413][url=http://www.sheriftariq.org/design/color/index.html]Color[/url] [i:45947cc413]Working with colors can be a lot of fun. However, choosing an appropriate color scheme for a project can be a daunting task. In this article, I will discuss some basic principles of color theory that can make this process less accidental and more deliberate.[/i:45947cc413] [*:45947cc413][url=http://www.sheriftariq.org/design/align/index.html]Alignment[/url] [i:45947cc413]Since the days of typewriters, we’ve been center-aligning headings, and most everything else. With computers now widespread, and combined variety of fonts that even professional designers from a decade ago couldn’t imagine having, it's time to change.[/i:45947cc413][/list:u:45947cc413]- Bas
Link naar reactie
[size=9:492a62f4a1]Bij het doorspitten van mijn bookmarks kwam ik het volgende tegen:[/size:492a62f4a1] [url=http://www.pixy.cz/apps/barvy/index-en.html]Pixy's Color Scheme[/url] [i:492a62f4a1]While designing web pages, computer applications, or house interiors, we need to find good color scheme - set of colors producing the best impression. For every tint there are colors which it can coexist with, and which it can't. Some combinations are uncomfortable, or disturbing - while others are pleasant. Experienced designers choose colors intuitively, many people can smell which colors go together well and which don't. However, finding the good combination of colors may be sometimes long and gruelling work. The color theory makes the work easier. This tool will find set of colors you can start with, and it may facilitate your looking for the optimal color palette. [/i:492a62f4a1] - Bas
Link naar reactie
Tadaa! Als je nog steeds geen CSS gebruikt en denkt dat het alleen maar is om je lettertypes mee in te stellen is het tijd om de volgende site te bezoeken: http://cssvault.com/ Hij is er uiteraard ook voor iemand die nog een aantal leuke bookmarks nodig heeft, inspiratie opdoen bij een van de honderden mooie(!) CSS sites etc.
Link naar reactie
Bij het uitzoeken van kleuren zijn er verschillende webtools die je kunnen helpen. Maar soms is het uitzoeken van een tweede kleur nog moeilijker. Maar EasyRGB heeft een mooie [url=http://www.easyrgb.com/harmonies.php]harmonizer tool[/url] hiervoor. Al eerder vermeld door Bas is het [url=http://www.pixy.cz/apps/barvy/index-en.html]Pixy's Color Scheme[/url]. Zeer handige tool. Ook een hele aardig oplossing is het deense [url=http://www.colormatch.dk/]ColorMatch[/url] (5K project).
Link naar reactie
[url=http://color.twysted.net/]ColorMatch Remix[/url] [i:bb2c546453]This colorpicker is based heavily upon the code from ColorMatch 5k. I've made it more compatible - it now works in Mozilla, and should also work in Opera, since I'm using a much better slider control. I've also added 3 more colors, bringing the total auto-generated colors to 9, and the ability to export your colors to a Photoshop color table.[/i:bb2c546453]
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen


×
×
  • Nieuwe aanmaken...