5 Tips voor het coderen XHTML / CSS layouts

Dit zijn enkele tips die mij geholpen hebben in de overgang van de tabel op basis van web design te voldoen aan de standaard CSS-gebaseerde lay-outs.

1) Lees Thenoodleincident's Design rant.
Dit is het artikel dat uiteindelijk toch 'klik' in mijn hoofd over het gebruik van CSS voor lay-outs, maar legt duidelijk en diepgaand over de gedachte achter het scheiden stijl van inhoud.

2) Dont over-lay-outs compliceren
Gebruik grotere beelden met meer detail in de achtergronden en lay transparant divs over de top - op deze manier geeft u meer ruimte voor browser onverenigbaarheden en andere eigenaardigheden die je leert te herkennen en te voorkomen of in de toekomst.

3) Dont go div gek!
Je bent niet herscheppen van tafel lay-outs met divs, je hoeft niet een ander div voor elk gebied - u kunt bijvoorbeeld gebruik maken van andere elementen aan uw gewenste effect te krijgen. Dwz U kunt de positie en de stijl van de leden en andere pagina-elementen - het hoeft niet altijd te worden een div!

4) Semantiek - hoe dingen moeten worden gedaan
Dit is iets wat uiterst belangrijk om de structuur van uw html, gebruik altijd de juiste html-elementen - als het een lijst van dingen, het merk van een lijst - dit omvat uw navigatie. Als het paar van de dingen, een definitie lijst - herinneren gebruiken geen zorgen wat de standaard definitie lijst ziet er als volgt - je kunt het opnieuw instellen hoe je wilt, zou je versteld staan van de effecten die u kunt krijgen. Gebruik je headers (h1, h2 enz.) correct - niet alleen een gedurfde stijl van toepassing op normale tekst, markeren als een header en stijl die in je css.

5) Browser controleren als je verder gaat.
In plaats van je hele lay-out, dan is het controleren en het vinden van dat zijn vastgeschroefd in een of meer browsers, die u vervolgens vast te stellen en pauzes in iets anders. Maak de header-sectie, browser check it en het vaststellen van alles wat er mis is. Maak vervolgens de NAV, hetzelfde doen. Maak het lichaam, hetzelfde doen. Door het af te breken als deze hoef je niet te waden door ladingen van code en stijlen om het probleem te vinden. Denk Manageable brokken.

Als je dit Dig it!