Gigadesign, XHTML-CSS website maken

Ik heb mij vandaag voor de eerste keer echt bezig gehouden met CSS3, veel leuke dingen gezien, experimenten waarvan je nu nog niet het nut van inziet.

Wat mij vooral is opgevallen zijn de CSS vendor prefixes, veel tutorials die je de dag van vandaag ziet verschijnen - en begrijp me niet verkeerd, die echt wel de moeite zijn - maken meestal gebruik van de -webkit prefix.

Als webdeveloper wel te verstaan

Als webdeveloper/slicer zit je altijd weer met hetzelfde probleem als je aan een nieuw project begint “crossbrowser” of zo 99%-tig mogelijk, pixel-neukende klanten zorgen ervoor dat dit je dagdagelijkse uitdaging is. Nu crossbrowser is geen probleem voor mij, daar ik van begin af aan al alle gekende browser-bugs omzeil, maar ik ben niet iedereen, daarom zal ik je vandaag weer een tip geven in de richting, en ook weer een bewijs dat crossbrowser css’en zonder hacks mogelijk is.

Testen in verschillende browsers

Misschien ben je ervan op de hoogte, en misschien ook niet, maar er bestaan javascript frameworks ( zoals: Prototype, MooTools, JQuery, etc .. ) die je toelaten extra mogelijkheden te geven aan je website. De één kan al wat meer als de andere:

• Tooltips bij invullen van formulier
• Sorteren van elementen (drag & drop)
• Elementen toevoegen of aanpassen
• Eye Candy (kleurverlopen, aandachtstrekkers)
• etc …

Welke keuze maak je nu voor jouw website uit het aanbod van javascript frameworks? Over het algemeen kunnen ze bijna allemaal hetzelfde, maar snelheid speelt ook een rol. Nu dat iedereen bijna over een snelle internet verbinding beschikt, moeten webpagina’s ook snel geladen worden. Ook met de javascript frameworks.

Eén regel, één wet en maar één manier

Ik heb eens ooit de shorthand methode aangeprezen en uitgelegd, maar ik heb er nooit bij stilgestaan dat er bijvoorbeeld bij de font shorthand methode één regel is die je moet volgen.

Beter laat dan nooit

Ondersteuning voor Internet Explorer 6 moet een eind hebben, maar daar zijn we nog niet en er blijven meer bugs opduiken. Deze keer is mij opgevallen dat als je fieldset een achtergrondkleur geeft deze in Internet Explorer 6 er boven uit steekt.

Ik moest het eens testen

Als je een horizontale navigatie wilt maken, om een gemakkelijk voorbeeld te nemen, ben ik voor 11&90% zeker van dat je een <ul> gaat gebruiken alsook dat je de bijhorende <li> langselkaar gaat plaatsen door float: left.
Het gaat ook met diplay: inline, maar deze manier gebruik ik bijna nooit.

Ik gebruik meestal float, tot ik mij vandaag de vraag eens stelde, wat nu de verschillen zijn tussen float: left en display: inline.

Voor al diegenen die geen Internet Explorer 7 hebben/willen/moeten bestaat er een weliswaar online oplossing hiervoor.

• netrenderer

Je kan je website daar laten screenshot’en in IE7, IE6 en IE5.5 (?), en zelfs een test laten doen hoe de verschillen zijn tussen de verschillende windows browsers.

Nooit te oud om te leren

Ik ben sinds geruime tijd den DOM eens aan het bestuderen, na vele onbeduidende begrippen in het begin zoals string, object en var, ben ik nu op een punt gekomen dat de eerste zelfgemaakte scripts uit mijn toetsenbord vloeien.

Neen, niet met Gigadesign

Maar met hier posts en tijd te verkwisten met artikels over mijn andere nieuwe website, dit is echt de laatste maar ik moet ermee voor de dag, het betekent echt veel voor mij.

Na veel testen, testen, …

De reden waarom er bitter weinig gepost werd hier, is dat ik bezig was eens iets nieuws te maken. Iets nieuws wat eigenlijk niet zo nieuw is op het internet, maar wel nieuw voor mij want het was puur PHP, een vakgebied waar ik niet zo echt in thuis was.

Ik heb ondertussen véél, maar dan ook echt véél bijgeleerd over PHP.