Onderwerp: Wie wilt mijn CSS bestand optimaliseren?

Wie kennis van CSS (en wat tijd over) heeft, vraag ik naar mijn CSS bestand
te kijken. Misschien ziet iemand met meer verstand van zaken dan ik
onnodige, of niet slim geplaatste tags. Het resultaat op de webpagina's moet
uiteraard hetzelfde blijven. Doel is dan ook gekke dingen eruit te halen en
zo het totaal wat in te krimpen (ik vermoed dat het nu wat aan de grote kant
is).

Alvast bedankt

Martin Reedijk.

~~~~

Link naar bestand:
+ http://home.planet.nl/~reedi097/nieuw/css.css

Aandachtspunten:
+ Moet in ieder geval werken onder Internet Explorer, Mozilla en Netscape
+ Moet door W3C worden geaccepteerd (Correct CSS en HTML 4.01 Transitional)
N.B.: er zit volgens W3C nog een foutje, die haal ik er nog uit :-)
+ Het resultaat moet hetzelfde zijn maar indien mogelijk bondiger / slimmer
geschreven

Dit bestand heeft betrekking op een nieuwe versie van
www.WinampNederlands.nl
(verwacht: begin 2005)

[ Martin ] schreef:
> Wie kennis van CSS (en wat tijd over) heeft, vraag ik naar mijn CSS
> bestand te kijken. Misschien ziet iemand met meer verstand van zaken
> dan ik onnodige, of niet slim geplaatste tags. Het resultaat op de
> webpagina's moet uiteraard hetzelfde blijven. Doel is dan ook gekke
> dingen eruit te halen en zo het totaal wat in te krimpen (ik vermoed
> dat het nu wat aan de grote kant is).
>
> Alvast bedankt
>
> Martin Reedijk.

Om iets minder 'droog' te werken heb ik een testpagina opgezet waarbij het
geheel werkend te zien is..:

http://home.planet.nl/~reedi097/nieuw/test/index.htm

Groetjes Martin.

[ Martin ] wrote:

> Dit bestand heeft betrekking op een nieuwe versie van
> www.WinampNederlands.nl
> (verwacht: begin 2005)

Las net op Slash dat de laatste ontwikkelaar van nullsoft bij AOL het licht
heeft uitgedaan (ok, winamp zal wel niet verdwijnen daardoor, maar hmmm,
jammer).

--
John Bokma
Website design: http://johnbokma.com/websitedesign/
Ervaren Perl / Java programmeur beschikbaar: http://castleamber.com/
Tevreden opdrachtgevers: http://castleamber.com/testimonials.html

John Bokma schreef:
> [ Martin ] wrote:
>
>> Dit bestand heeft betrekking op een nieuwe versie van
>> www.WinampNederlands.nl
>> (verwacht: begin 2005)
>
> Las net op Slash dat de laatste ontwikkelaar van nullsoft bij AOL het
> licht heeft uitgedaan (ok, winamp zal wel niet verdwijnen daardoor,
> maar hmmm, jammer).

Winamp 5.06 wordt spoedig verwacht, maar zal waarschijnlijk wel één van de
laatste zijn...

--
Groetjes [ Martin ]

winamp | muziek | video || www.winampnederlands.nl

[ Martin ] wrote:

> John Bokma schreef:
>> [ Martin ] wrote:
>>
>>> Dit bestand heeft betrekking op een nieuwe versie van
>>> www.WinampNederlands.nl
>>> (verwacht: begin 2005)
>>
>> Las net op Slash dat de laatste ontwikkelaar van nullsoft bij AOL het
>> licht heeft uitgedaan (ok, winamp zal wel niet verdwijnen daardoor,
>> maar hmmm, jammer).
>
> Winamp 5.06 wordt spoedig verwacht, maar zal waarschijnlijk wel één
> van de laatste zijn...

Jammer. Ik was nooit echt een winamp fan (wel een tijd gebruikt en zo),
maar toch erg jammer.

--
John Bokma
Website design: http://johnbokma.com/websitedesign/
Ervaren Perl / Java programmeur beschikbaar: http://castleamber.com/
Tevreden opdrachtgevers: http://castleamber.com/testimonials.html

In nl.internet.www.server-side [ Martin ] <[ Martin] @ http://www.winampnederlands.nl> wrote:
> Wie kennis van CSS (en wat tijd over) heeft, vraag ik naar mijn CSS bestand
> te kijken. Misschien ziet iemand met meer verstand van zaken dan ik
> onnodige, of niet slim geplaatste tags. Het resultaat op de webpagina's moet
> uiteraard hetzelfde blijven. Doel is dan ook gekke dingen eruit te halen en
> zo het totaal wat in te krimpen (ik vermoed dat het nu wat aan de grote kant
> is).

In welke zin zit je op commentaar over de serverside kant van je css te
wachten?

Maar het ding is inderdaad aan de grote kant (27747b) maar een simpele
gzip reduceert dat al tot 2356b.

Op welk platform komt dit uiteindelijk te draaien? De test file staat op
een apache machine, dus wellicht dat je aan apache het werk van
(de)comprimeren kan overlaten.


FUP: niwss

[ Martin ] wrote:

>
> Om iets minder 'droog' te werken heb ik een testpagina opgezet
> waarbij het geheel werkend te zien is..:
>
> http://home.planet.nl/~reedi097/nieuw/test/index.htm
>
> Groetjes Martin.


Waaruit blijkt dat de CSS op
http://home.planet.nl/~reedi097/nieuw/test/css.css staat?
Op de eerder genoemde locatie namelijk niets te vinden.

Jan K.

"[ Martin ]" <[ Martin] @ http://www.WinampNederlands.nl> schreef in =
bericht news:cn0gjm$1fdh$1@nl-news.euro.net...
> Wie kennis van CSS (en wat tijd over) heeft, vraag ik naar mijn CSS =
bestand=20
> te kijken. Misschien ziet iemand met meer verstand van zaken dan ik=20
> onnodige, of niet slim geplaatste tags. Het resultaat op de =
webpagina's moet=20
> uiteraard hetzelfde blijven. Doel is dan ook gekke dingen eruit te =
halen en=20
> zo het totaal wat in te krimpen (ik vermoed dat het nu wat aan de =
grote kant=20
> is).
>=20
>=20

http://www.bradsoft.com/topstyle/

--
P

> Wie kennis van CSS (en wat tijd over) heeft, vraag ik naar mijn
> CSS bestand te kijken. Misschien ziet iemand met meer verstand
> van zaken dan ik onnodige, of niet slim geplaatste tags.

" padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px "

Om te beginnen kun je dergelijke tags (padding, margin, border) verkorten naar :

padding: 2px 3px 2px 3px;
(top, right, bottom, left)

Of nog korter aangezien top & bottom en left & right in dit voorbeeld gelijk zijn :

padding: 2px 3px;
(top&bottom, left&right)

Bij algemeen zie ik :

table { border:0px; border-collapse: collapse; border-spacing: 0; padding: 0px; }

En vervolgens tags als :

table.tab { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0;}

De bij 'table' gedefinieerde properties hoef je niet nogmaals te definieren.
'table.tab' kan dus worden :

table.tab { width: 100%; }

> Martin Reedijk.

Groeten, Peter.

Peter Hunt schreef:
>> Wie kennis van CSS (en wat tijd over) heeft, vraag ik naar mijn
>> CSS bestand te kijken. Misschien ziet iemand met meer verstand
>> van zaken dan ik onnodige, of niet slim geplaatste tags.
>
> " padding-top: 2px; padding-bottom: 2px; padding-left: 3px;
> padding-right: 3px "
>
> Om te beginnen kun je dergelijke tags (padding, margin, border)
> verkorten naar :
>
> padding: 2px 3px 2px 3px;
> (top, right, bottom, left)
>
> Of nog korter aangezien top & bottom en left & right in dit voorbeeld
> gelijk zijn :
>
> padding: 2px 3px;
> (top&bottom, left&right)

Peter, op dit soort tips zit ik dus te wachten, dank je wel :-)

> Bij algemeen zie ik :
>
> table { border:0px; border-collapse: collapse; border-spacing: 0;
> padding: 0px; }
>
> En vervolgens tags als :
>
> table.tab { width: 100%; padding: 0px; border-collapse: collapse;
> border-spacing: 0;}
>
> De bij 'table' gedefinieerde properties hoef je niet nogmaals te
> definieren. 'table.tab' kan dus worden :
>
> table.tab { width: 100%; }

Prima, duidelijk.

Als je nog meer tips hebt hoor ik het graag.

--
Groetjes [ Martin ]

Jan K. schreef:
> [ Martin ] wrote:
>
>>
>> Om iets minder 'droog' te werken heb ik een testpagina opgezet
>> waarbij het geheel werkend te zien is..:
>>
>> http://home.planet.nl/~reedi097/nieuw/test/index.htm
>>
>> Groetjes Martin.
>
>
> Waaruit blijkt dat de CSS op
> http://home.planet.nl/~reedi097/nieuw/test/css.css staat?
> Op de eerder genoemde locatie namelijk niets te vinden.
>
> Jan K.

Vanwege de testpagina staat deze dubbel op de server, maar daar gaat het
even niet om ;-)

--
Groetjes [ Martin ]

[ Martin ] wrote:
>
> Vanwege de testpagina staat deze dubbel op de server, maar daar gaat
> het even niet om ;-)

Als ik met IE6 naar http://home.planet.nl/~reedi097/nieuw/css.css wil, krijg
ik een http://www.planet.nl/error_404.html . Kan aan mijn browser liggen,
maar ik heb het idee dat je in de oorspronkelijke post verwijst naar een
niet bestaande file? En dus niet dubbel.

Jan K.

Jan K. schreef:
> [ Martin ] wrote:
>>
>> Vanwege de testpagina staat deze dubbel op de server, maar daar gaat
>> het even niet om ;-)
>
> Als ik met IE6 naar http://home.planet.nl/~reedi097/nieuw/css.css
> wil, krijg ik een http://www.planet.nl/error_404.html . Kan aan mijn
> browser liggen, maar ik heb het idee dat je in de oorspronkelijke
> post verwijst naar een niet bestaande file? En dus niet dubbel.
>
> Jan K.

Excuses, dan moet het

http://home.planet.nl/~reedi097/nieuw/test/css.css

zijn


--
Groetjes [ Martin ]

[ Martin ] wrote:
>>
>> Als ik met IE6 naar http://home.planet.nl/~reedi097/nieuw/css.css
>> wil, krijg ik een http://www.planet.nl/error_404.html . Kan aan mijn
>> browser liggen, maar ik heb het idee dat je in de oorspronkelijke
>> post verwijst naar een niet bestaande file? En dus niet dubbel.
>>
>> Jan K.
>
> Excuses, dan moet het
>
> http://home.planet.nl/~reedi097/nieuw/test/css.css
>
> zijn

:-D
(zie je wel)
:-P