Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

BEST PRACTICES

None
101 antwoorden
  • 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.

    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

    XENU
    [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…..

    HTML validator, W3C
    HTML Validator, particulier
    CSS validator, W3C
    Linkchecker, W3C (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
  • [b:9b99bde065]KLayers[/b:9b99bde065]

    Een script dat ik altijd al handig heb gevonden is KLayers. 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.
  • 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"

    Homepage van de actuer let vooral is op het menuutje presentation.

    Homepage van het boek, hier staan een aantal zeer nuttige links op en wat info over het boek.

    css/edge, 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:
    Vloeibaar ontwerp

    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:
    Vloeibaar ontwerp[/quote:597d1ef6eb]in z'n artikel verwijst hij naar het boek van eric meyer :wink:
  • Op de site van A List Apart 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 hier.
  • Deze site vond ik ook wel handig.
    Tips over van alles dat met web design te maken heeft.
  • O' Reilly Webdesign in a nutshell

    En andere boeken. Ik weet niet hoe lang ze online blijven staan, maar de O'Reilly boeken zijn ERG goed.
  • [size=9:6ae934fe52]nu die toch weer boven aan staat:[/size:6ae934fe52]

    zeldman

    [i:6ae934fe52]Zeldman.com is the personal site of web designer, author, and stunt double Jeffrey Zeldman.[/i:6ae934fe52]

    w3 | howto

    [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]

    webstandards

    [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]
  • Meld je automatisch aan bij een aantal grote zoekmachines
  • 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]

    css2 tests

    CSS2.1

    [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]

    webreview | style

    [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]

    oplossing | position:fixed

    [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]

    xhtml/css layouts

    [i:7fe256f58a]Op deze staan verschillende layouts die in zeer veel verschillende browsers werken compleet opgebouwd uit div's en css.[/i:7fe256f58a]

    W3 | CSS | Under construction

    [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]
  • Cynthia Says

    [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 Zeldman is deze beter dan Bobby en ik moet zeggen dat deze inderdaad een stuk duidelijker is.

    ala | phpcms

    [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 andere van ala.

    -termin8or
  • B.4 Notes on helping search engines index your Web site

    [i:2406f97c13]This section provides some simple suggestions that will make your documents more accessible to search engines.[/i:2406f97c13]


    How to Hide Your HTML Source!

    [i:2406f97c13]Here are a number of very effective methods of keeping unscrupulous surfers from stealing your HTML source.[/i:2406f97c13]


    Things to Avoid

    Over frames, marquees, knipperende teksten, animated cursors en nog veel meer moois dat allemaal taboe is op een (goede en toegankelijke) website.

    - Bas

Beantwoord deze vraag

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