Gebruikersgegevens.

Helaas is het uiteindelijke rendement van LED verlichting wel erg laag. (gegevens hier onder even snel opgezocht dus of ze 100% kloppen weet ik niet)

Gloeilamp en Halogeen 5-10 lumen/Watt
TL-lamp met elektronisch VSA 60-105 lumen/Watt
Spaarlamp (compacte TL-lamp) met elektronisch VSA 55-68 lumen/Watt
Inductielamp 47 lumen/Watt
LED lamp 10-25 Lumen/Watt

Dan lijkt LED heel zuinig maar een led geeft gebundeld licht terwijl een gloeilamp rondom straalt. Je hebt dus behoorlijk wat led verlichting nodig om alles goed te verlichten (heb hier sinds kort op de zolder ook led verlichting) en daarnaast vind ik een gewoon peertje nog altijd een gezelliger licht geven dan een led. Bij led verlichting heb ik altijd het idee "zeedijk bij de chinees eten met een knipperende tl boven je tafel".

Ik zag op het nieuws meneer Samson zo'n led lampje uit zijn zak trekken en heel interessant doen maar ik vraag me af of ie zo'n lamp ooit wel eens heeft zien branden. Ik ben PVDA stemmer maar die kalende Greenpeace activist hadden ze van mij vanaf het hoogste topje van de Brent Spar naar beneden mogen gooien.

Dat scriptje is één van de wijdst verspreide scripts die er is... een goede search levert dus ook genoeg op ;)

Enkele voorbeelden
[url]https://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/[/img]
https://orangoo.com/labs/GreyBox/

Of je gaat voor flash, simpleviewer is en blijft een van de beste viewers voor kleine gallery's naar mijn mening.

Url 1 is een mooiere oplossing, geen j@vascript en pure CSS en werkt dus praktisch overal, URL 2 is de meest gebruikte en ziet er ook mooi uit (is ook nog aan te passen naar wens zoals je op de website van 538 ziet) MAAR werkt niet wanneer mensen j@vascript uit hebben staan in hun browser. Maarja die laatste groep is net zo groot als de groep die nog met een browser rond zwerft die geen CSS ondersteund dus gewoon pakken welke je het mooiste vind ;)

RMP2 heeft WEL scratch en de RMP1 heeft geen scratch. Of de backspin op de RMP2 hetzelfde is als op een CDJ1000 weet ik niet. Maar om daar de keuze voor een speler op te baseren is iets waar mijn broek van af zou zakken.

Hij werkt niet zoals het hoort, ik heb even een screenshot gemaakt voor alle duidelijkheid in Firefox. Het lijkt dus niet te werken zoals het hoort (niet eens getest in IE overigens).

Faux columns werkt altijd EN is cross browser proof, het kost je echter wel wat meer bandbreedte dan een CSS oplossing aangezien je met een image werkt. Daarnaast is het ook minder flexibel als een CSS oplossing MAAR hoef je geen gebruik te maken van browser hacks e.d. Ik kende de methode overigens niet.Cross browser proof is 1 (het belangrijkste), Valide code is 2. Ik ben van mening dat het beide moet zijn en dat dat ook prima te doen is met eventueel links en rechts een CSS hack. Ik las laatst een artikel van een CSS fanboy (ik ben zelf van mening dat een tabel links en rechts nog best kan wanneer dat beter uit komt) waarbij men de besparing aanhaalde die zulke sites konden behalen door correct te gaan coden. Dat was niet mis en we hebben het dan niet meer over 10 of 20 gigabyte per maand maar veel grotere getallen.

Nogmaals, grote validate websites bouwen kan prima, kijk voor de gein eens op stylecrunch, css beauty en css heaven naar de showcases. Driekwart zijn wordpress sites maar zo af en toe kom je wel een paar hele mooie grote corporate sites tegen waar een stukje quality coding achter zit.

Dat is inderdaad een kwestie van smaak, maar faux columns is een leuke uitdaging om het werkend te krijgen zoals jij dat wil. Op AboutDJ bijvoorbeeld lijken alle kolommen mooi door te lopen, echter stoppen sommige kolommen halverwege de pagina. Wanneer je met tabellen werkt heb je dat probleem niet, wanneer je echter aan de slag gaat met CSS loop je geheid tegen dat probleem aan.

Ik heb het faux column principe gebruikt om dat probleem op te lossen, gewoon een background image gebruiken die de lijnen wel door trekt. Kleeft echter wel een nadeel aan want als de kolommen breder gemaakt worden in de CSS klopt het plaatje niet meer en trekt ie dus scheve lijnen. Maarja AboutDJ blijft voorlopig even zoals het is, het is inmiddels een tot 4 keer toe bekroonde lay out (door verschillende design sites) en het design wat mensen altijd over de streep trekt bij een klus dus ik laat het nog even zo, het enige wat ik nog steeds moet doen is optimaliseren maar dat heb ik uitgesteld tot de release van Joomla 1.5 aangezien de template dan toch iets aangepast moet worden en de output ook compleet omgezet gaat worden naar CSS.

Iets wat nu volgens de standaarden is gebouwd zal in de toekomst ook prima blijven werken, eventuele hacks voor oudere browsers blijven ook prima werken, de !important statement doet IE7 niets meer mee, IE6 werkt ie echter nog steeds prima mee en in IE7 heb je hem niet meer nodig omdat deze wel fatsoenlijk om kan gaan met het box model.

Wanneer je simpele lay out designs maakt heb je geen hacks nodig, op AboutDJ gebruik ik er geen 1 voor de main lay-out (het comment systeem moet nog steeds een fatsoenlijke template voor maken maar een gebrek aan tijd zorgt er voor dat ik nu nog steeds een snel aangepaste versie van het orgineel gebruik)Tuurlijk niet, hoe beter men zich aan de standaarden houd hoe makkelijker het is om een cross browser proof website te maken. Nu heb je hacks nodig voor IE6 maar tegen de tijd dat IE8 een feit is zal geen hond die meer gebruiken (naja dan praten we over een marge). Ik kan me niet meer herinneren wanneer ik voor het laatst een pc heb gezien met IE5 er op (godzijdank). IE5 houd ik 0,0 rekening mee, IE6 moet het gewoon kloppen net als in Safari en Firefox.

Het enige probleem waar ik tegen aan loop op AboutDJ is dat Safari mijn invul boxen in de rechter kolom tussen content en ad in te lang maakt en door trekt tot aan de border. Zou vrij makkelijk op te lossen zijn door er even een aparte css class aan te hangen maar daar ben ik dan net even te lui voor ;-)Of gewoon zo bouwen dat je hem helemaal niet nodig hebt, op zowel AboutDJ als op Vout als op alle websites die ik voor klanten heb gemaakt gebruik ik het niet en werkt alles toch. Handig om de problemen heen werken is een weg die ook prima te bewandelen is.Zo maar even een idee (weet niet of het werkt), geef je footer eens een bottom margin van 0 of -1 mee en de container waar alles in staat een margin-bottom:0;

En nu nog even netjes je oranje streep door trekken van het menu compleet naar je footer, deze stopt nu halverwege de pagina namelijk. Faux Columns is je vriend in dat geval ;-)

Fout, de template en het design zijn gewoon eigen werk, Joomla tuft daarin alleen zijn code uit en niets meer of minder. Kijk maar eens hoe mijn pagina er uit ziet zonder CSS. Dan houd je namelijk niets meer over en dat is hetgeen wat Joomla geeft aan data. Wat je visueel ziet is dus maar vrij weinig Joomla.Ah de J!reactions template. Nou die important kan er zonder enig probleem uit (gebruik gemaakt van een basis css voor de site, de css die jij aan haalt is de aparte css voor het comment systeem) en er zal niets gebeuren. !important statement in css is namelijk niet nodig als je slim gebruik maakt van de mogelijkheden.Helaas gebruikt wel 99% van de wereld bevolking IE dus waarom zou je inderdaad ;)

Als ik moet kiezen tussen compatible zijn met IE of met Firefox kies ik voor IE. Om de doodsimpele reden dat je niet om IE heen kunt en Firefox en alle andere alternatieven maar een klein marktaandeel hebben. Als je dus niet IE compatible ontwikkeld snij je jezelf keihard in de vingers.

En gelukkig staat er niet op iedere pc een linux distro want dan was ik gewoon weer met pen en papier gaan werken. (en als we van linux afhankelijk waren geweest hadden we dat waarschijnlijk ook nog steeds gedaan met z'n allen).Geef die content container dan voor de grap eens een width van 100%.

Gebruik voor je menu in plaats van absolute positioneringen e.d eens gewoon een float left en right, voor positionering van een div in een container div gebruik je namelijk gewoon floats. Dat werkt niet alleen makkelijker, het is ook nog eens cross browser proof ;)

Dus je menu een float:left en je content een float:right mee geven. Zet je je menu op width:200px en vul je bij de content div geen breedte in.Als mensen dat zeggen wijs ik altijd graag naar AboutDJ, 100% cross browser proof en 0,0% hacks. Het kan dus wel degelijk maar je moet de zwakke punten van browsers kennen. Daarnaast kan IE prima het standaard werk aan en is FireFox ook geen browser die zich 100% aan de standaarden houd. Ik ken geen enkele veel gebruikte browser die 100% door de Acid2 test heen komt, alleen safari geloof ik maar daar wil je niet mee werken omdat je dan van de ene op de andere beperking stuit.

Nee je zet een sluit tag op de verkeerde plek, de missende sluit tag voor de container div (dus waar alles in kom te staan) moet onder je footer div. Dan werkt het als het goed is zoals het hoort. Zo zou ie moeten werken.

Fout, kijk eens hier naar. Footer is altijd ongeacht de lengte van de content onderaan de pagina gepositioneerd. Je maakt een container die je 100% hoogte mee geeft en zet die op een relatieve positionering, in die container verwerk je alles tot aan je footer, dan een cleaning hr, br.. wat jij wil en daar onder positioneer je je footer op een absolute positionering.

Zo heb je je footer altijd 100% onder aan de pagina ongeacht de lengte van je content in je content container en scrollt alles netjes mee wanneer je een overflow hebt in je content container.

Je pagina ziet er dan als het ware zo uit (even mijn source code van vout.nl gepakt, mag je gerust gebruiken ik heb alweer een nieuw design klaar namelijk),en de CSS,Kan het compacter? Ja dat kan maar dan kom je in de knoei met cross browser compatibiliteit.