Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

BEST PRACTICES

101 antwoorden
  • [b:9b99bde065]KLayers[/b:9b99bde065] Een script dat ik altijd al handig heb gevonden is [url=http://www.kruglov.ru/klayers/english/]KLayers[/url]. De site beschrijft het als volgt:[quote:9b99bde065]KLayers library is intended for simplification of operation with Dynamic HTML in various browsers. KLayers is a set of JavaScript functions and methods which allow programmer to pay lesser attention to browser's specific features. [/quote:9b99bde065]Wat het dus eigenlijk doet is je het browser-specifieke gedeelte uit handen nemen. Je spreekt gewoon de klasse aan die je via het script kan maken en vervolgens bepaalt deze zelf om welke browser het gaat en hoe de layer aan te spreken. JavaScript in combinatie met layers was nog nooit zo makkelijk! En komt er een nieuwe browser uit? Gewoon het nieuwe JavaScript bestand uploaden naar je site, aan de code hoeft niets te veranderen. Het werkt op dit moment met de volgende browsers:[list:9b99bde065] [*:9b99bde065] IE 4, 5, 6 [*:9b99bde065] Netscape 4, 6, 7, Mozilla [*:9b99bde065] Opera 5, 6 [/list:u:9b99bde065] Ik vind het een geweldig script om mee te werken, ik hoop dat jullie er ook wat aan hebben. - Basje.
  • [color=indigo:aaff8a7517][url=http://media.k10k.net/issues/issue024/index.htm]The course[/url] [i:aaff8a7517]In ways difficult to explain, we can understand the need to tell about your family or friends, hobby or job. Only not on your site. The site must not contain anything about your real life or surroundings. It must be cool. [..] Whether it is true or not, your new personality works around dramatic events like [..] nice women you have never really known. [/i:aaff8a7517] [url=http://www.websitesthatsuck.com/]Web sites that suck[/url] [i:aaff8a7517]Where you learn good Web design by looking at bad Web design.[/i:aaff8a7517] [url=http://www.delijst.net/delijst/]De Lijst[/url] [i:aaff8a7517]Voor digitale bouwvakkers[/i:aaff8a7517][/color:aaff8a7517]
  • ik schop hem toch even omhoog (websites mogen toch ook lijkt mij ?): http://html.op-het.net <--nederlandstalige site met uitleg van html (kan je bijna alle basis (dus zonder extra's) uitleg vinden http://www.sitechecks.nl <--kan je je site laten checken , letop! je moet hiervoor eerst [b:763dd36bbd]3[/b:763dd36bbd] goede beoordelingen doen, zijn ze te kort of totaal niet onderbouwd dan word je check gesloten http://www.hotscripts.com <--veel kant en klare stukken code http://www.phpfreakz.nl <--kan je ook terecht voor php (ookal vind ik de nieuwe "eigenaar"iets slechter)
  • mischien handig om dit topic sticky te maken ? anders heeft niemand er wat aan
  • ik neem het tzt wel op in de sticky; mocht dit topic uitgroeien tot "de bron van kennis". mijn tips: www.w3schools.com www.echoecho.com http://www.xs4all.nl/~werksman/webmees/index.html http://www.handleidinghtml.nl/ grtzz t.
  • CSS sites naar aanleiding van het lezen van: "Eric Meyer on css" [url=http://www.meyerweb.com/]Homepage[/url] van de actuer let vooral is op het menuutje presentation. [url=http://www.ericmeyeroncss.com/]Homepage[/url] van het boek, hier staan een aantal zeer nuttige links op en wat info over het boek. [url=http://www.meyerweb.com/eric/css/edge/]css/edge[/url], dit gedeelte is echt het einde wat betreft css: [i:727c81c795]"What is this? It's a challenge, an experiment, an exploration, a rough map of where we haven't been. It's a search for new ways to approach Web-based design. It's a cry for creativity, and a stab at innovation. It's a playground and a proving ground. It's a rejection of what's practical in favor of what's possible."[/i:727c81c795] Op deze laatste site zijn links te vinden naar kleine testjes met css waar bijna alle mogelijkheden zijn benut. Helaas ondersteunt geen een browsor elke mogelijkheid (laat het me weten als je er een gevonden hebt). Vooral met netscape 7 kun je een mooi effect zien. Een rollover menu zonder javascript, geheel met css. Dus zorg dat je wat browsors geinstalleerd hebt!
  • Wat ik voorheen deed bij het opmaken van een pagina was gebruik maken van een table op positionering van items ten opzichte van elkaar te garanderen. Er is in CSS een handigere manier voor: [url=http://www.delijst.net/delijst/Artikelen/Ontwikkelen/artikel.php?id=1443_0_13_0_C]Vloeibaar ontwerp[/url] Dit artikel gaat in op het strippen van je opmaak en je paginas puur html te maken. Daarna kun je met CSS de gedragingen van de tags aanpassen.
  • [quote:597d1ef6eb="SabineBos"]Er is in CSS een handigere manier voor: [url=http://www.delijst.net/delijst/Artikelen/Ontwikkelen/artikel.php?id=1443_0_13_0_C]Vloeibaar ontwerp[/url][/quote:597d1ef6eb]in z'n artikel verwijst hij naar het boek van eric meyer :wink:
  • Op de site van [url=http://www.alistapart.com/]A List Apart[/url] regelmatig nieuwe artikels over het implementeren van een website volgens de standaarden van het W3C én op een manier dat je er later baat bij hebt. Daarnaast is er de altijd belangrijke browser compatibility die zelden wordt vergeten. Een must-have in je Favorieten als je je serieus wilt verdiepen in de wondere wereld van W3C compliancy. - Bas.
  • En dan is het bronartikel [url=http://www.alistapart.com/stories/flexiblelayouts/]hier.[/url]
  • [url=http://www.webmasterbase.com/]Deze[/url] site vond ik ook wel handig. Tips over van alles dat met web design te maken heeft.
  • [url=http://www.upn.mx/~max/obooks/webd/wdesign/index.htm]O' Reilly Webdesign in a nutshell[/url] En andere boeken. Ik weet niet hoe lang ze online blijven staan, maar de O'Reilly boeken zijn ERG goed.
  • [color=red:dfe1acc32e][size=24:dfe1acc32e][bump]:P[/bump][/size:dfe1acc32e][/color:dfe1acc32e] http://www.echoecho.com/toolresizer.htm Ga je site testen op verschillende resoluties!
  • [size=9:6ae934fe52]nu die toch weer boven aan staat:[/size:6ae934fe52] [url=http://www.zeldman.com/]zeldman[/url] [i:6ae934fe52]Zeldman.com is the personal site of web designer, author, and stunt double Jeffrey Zeldman.[/i:6ae934fe52] [url=http://www.w3.org/2002/03/csslayout-howto.html.en]w3 | howto[/url] [i:6ae934fe52]It has been advocated many times that tables shouldn't be use in HTML for layout purposes. This page shows one way to create a 3 columns layout using CSS only.[/i:6ae934fe52] [url=http://www.webstandards.org/]webstandards[/url] [i:6ae934fe52]The Web Standards Project is a grassroots coalition fighting for standards that ensure simple, affordable access to web technologies for all.[/i:6ae934fe52]
  • [url=http://www.aanmelden-zoekmachines.info/]Meld je automatisch aan bij een aantal grote zoekmachines[/url]
  • Peter-Paul Koch's w3c dom javascript uitleg: http://www.xs4all.nl/~ppk/js/index.html bookmarken! w3c xhtml module overzicht: http://www.w3.org/TR/xhtml-modularization/abstract_modules.html t.
  • [size=9:7fe256f58a]PPK z'n site is idd zeer handig[/size:7fe256f58a] [url=http://www.xs4all.nl/~ppk/css2tests/intro.html]css2 tests[/url] [url=http://www.w3.org/TR/CSS21/]CSS2.1[/url] [i:7fe256f58a]This specification defines Cascading Style Sheets, level 2 revision 1 (CSS 2.1). CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts, spacing, and aural cues) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS 2.1 simplifies Web authoring and site maintenance.[/i:7fe256f58a] [url=http://www.webreview.com/style/]webreview | style[/url] [i:7fe256f58a]The WebReview.com Style Sheet Reference Guide is intended to ease your pain and suffering by offering you a one-stop area for finding everything you need to know about CSS: support charts, basic information, and links to articles.[/i:7fe256f58a] [url=http://www.doxdesk.com/software/js/fixed.html]oplossing | position:fixed[/url] [i:7fe256f58a]According to CSS level 2, an element can be positioned relative to the browser window using the style position: fixed: it does not move when the page is scrolled. You can do nice layout things with this in Mozilla/Netscape 6, Opera, Konqueror and IE on the Mac - but not on IE for Windows. Unless you use this script. [/i:7fe256f58a] [url=http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html]xhtml/css layouts[/url] [i:7fe256f58a]Op deze staan verschillende layouts die in zeer veel verschillende browsers werken compleet opgebouwd uit div's en css.[/i:7fe256f58a] [url=http://www.w3.org/Style/CSS/current-work]W3 | CSS | Under construction[/url] [i:7fe256f58a]This page contains descriptions of drafts that the CSS WG (Cascading Style Sheets Working Group, formerly "CSS & FP WG") is working on. If you want to follow the development of CSS3, this page should be the place to start. [/i:7fe256f58a][/url]
  • [url=http://www.contentquality.com/]Cynthia Says[/url] [i:ea6c5e2b3f]Cynthia is a web content accessibility validation solution, it is designed to identify errors in design related to Section 508 standards and the WCAG guidelines. The main purpose of this portal is to educate web site developers in the development Web Based content that is accessible to all. This online test only validates one page at a time. Note this demo will test about one (1) page per minute / per site.[/i:ea6c5e2b3f] Volgens [url=http://www.zeldman.com/daily/0203c.shtml#cynthiasays]Zeldman[/url] is deze beter dan [url=http://bobby.watchfire.com/bobby/html/en/index.jsp]Bobby[/url] en ik moet zeggen dat deze inderdaad een stuk duidelijker is. [url=http://www.alistapart.com/stories/phpcms/]ala | phpcms[/url] [i:ea6c5e2b3f]IN THIS ARTICLE we’ll build a simple, template-driven site that separates style, content, and structure in your website. We’ll create a cross-browser stylesheet switcher that remembers the user’s preferences, touching on php variables, cookies, if statements, and including pages with require_once.[/i:ea6c5e2b3f] Ik vond het artikel heel erg handig vooral de style-swicher is veel simpeler om te gebruiken dan de [url=http://www.alistapart.com/stories/phpswitch/]andere[/url] van ala. -termin8or
  • [url=http://www.w3.org/TR/REC-html40/appendix/notes.html#recs]B.4 Notes on helping search engines index your Web site[/url] [i:2406f97c13]This section provides some simple suggestions that will make your documents more accessible to search engines.[/i:2406f97c13] [url=http://www.vortex-webdesign.com/help/hidesource.htm]How to Hide Your HTML Source![/url] [i:2406f97c13]Here are a number of very effective methods of keeping unscrupulous surfers from stealing your HTML source.[/i:2406f97c13] [url=http://www.vortex-webdesign.com/help/dontdoit.htm]Things to Avoid[/url] Over frames, marquees, knipperende teksten, animated cursors en nog veel meer moois dat allemaal taboe is op een (goede en toegankelijke) website. - Bas
  • Met toestemming van de moderators begin ik dit topic. Het komt heel vaak voor dat we tijdens vragen hele handige oplossingen en tooltjes adviseren aan elkaar. Nu kom ik in mijn dagelijkse werk ook veel van dat soort oplossingen voor, maar is er geen specifiek topic om dat dan daar te posten. Daarom, deze topic. Het gaat er dus niet om welke grote HTML editor je gebruikt en fantastisch vindt (zoals Frontpage, Dreamweaver) of Flash editors (zoals die van Macromedia of swish) Daarnaast zijn handige stukjes code ook van toepassing. Wederom, niet iets wat je rechtstreeks uit hotscripts hebt gecopieerd, maar iets wat je zelf een handige programmeer optie vindt. (Echter, als je op een code-website een stuk code vindt waarvan je denkt dat andere mensen het ook handig zullen vinden, kun je daar natuurlijk wel een link naar aanbrengen.) Leg dus uit wat je prog/code doet, waar het te vinden is, en waarom je denkt dat andere mensen er iets aan hebben. -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* [url=http://home.snafu.de/tilman/xenulink.html]XENU[/url] [quote:498abe9d6c]Xenu's Link Sleuth is spidering software that checks Web sites for broken links. It performs verification on normal links, images, frames, backgrounds, and local image maps.[..] and can detect and report redirected URLs.[/quote:498abe9d6c] Ik heb dit programma op mijn werk gebruikt voor een website waar 200+ links op stonden, om te controleren of ze nog allemaal onderling en naar buiten toe goed werkten. Moet je voorstellen als je dit met de hand moet doen..... [url=http://validator.w3.org/]HTML validator, W3C[/url] [url=http://ejk.cso.uiuc.edu/cgi-bin/weblint]HTML Validator, particulier[/url] [url=http://jigsaw.w3.org/css-validator/]CSS validator, W3C[/url] [url=http://validator.w3.org/checklink]Linkchecker, W3C[/url] (Zelfde als Xenu, maar dan online. Bij al deze validators kun je links aangeven, maar ook bestanden uploaden of je text in een textveld plakken. Als ik het goed heb, heeft de W3C expliciet een document definitie nodig, en de particuliere validator niet. Dit is uiteraard erg handig om te kijken of je niet ergens een > of } bent vergeten. Je pagina moet gewoon browserwide compatible zijn. -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* Ik had er toch echt meer, maar ben momenteel ff blank. Ben benieuwd naar wat jullie hebben. :P

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.