Kritik på design

Länk: Pango Media - Index

Testade att köra CSS3 fullt ut på detta projekt. Jag kör även med Less CSS (LESS - Leaner CSS) där man kan göra en jävla massa smaskiga saker med CSS. Se källkoden på sidan (main.less)

Har ni testat Less?

Vad tycks? Jag har bara testat detta i mozille och webkit. Ta gärna screenshot om nåt ser galet ut.

/Krille

Tack för svaren.

@Overlord_Manga Det har du helt rätt i. Jag ska försöka få in en textruta som presenterar oss och sidan lite snyggt. Tack för tipset, det tänkte jag inte ens på.

@save Du har rätt i det med bakgrundsbilden. Det är en grej jag ska ordna. Vad tror du om att göra en repeterande bakgrund och sedan (med CSS3) lägga till flera bakgrundsbilder på body { /* häftig css här */ } med absolute positionerade PNGs som är kaffefläckar?

Less är faktiskt sjukt bra, men däremot vet jag inte hur snabbt/långsamt i laddningstid det är. Validerar gör det ju inte heller men det är inget som valideringsverktyget märker eftersom man länkar en sådan stilmall med <link href="./css/stylesheet.less" rel="stylesheet/less" type="text/css"> och denna rad verkar den ignorera.

En fin grej är funktionerna man kan bygga t.ex:

.rounded(@radius: 10px) {
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
	border-radius: @radius;
}
div#box {
	width: 500px;
	height: 500px;
	.rounded(5px);
}

Eller varför inte en helt centrerad box:

.centered(@width: 500px, @height: 500px, @topreducement: 0) {
	position: absolute;
	width: @width;
	height: @height;
	top: 50%;
	left: 50%;
	margin-left: @width/2 * -1;
	margin-top: @height/2 * -1 - @topreducement;
}

div#box {
	.centered(750px, 500px);
}

Hej igen. Har uppdaterat lite. Har minimerat CSS3-användat så gott det går pga att det blev rätt krävande med alla rgba() (genomskinlighet), skuggor med mera. Kör nästan bara bilder nu.

Har skapat en egen slider-plugin och en tooltip-plugin också till jQuery nu också.

Så va tycks?

Pango Media - Hem

EDIT: Förresten, jag har försökt att positionera knapparna så dom är precis till höger och vänster om den första samt sista bilden, men jag lyckas inte. Det enda sättet som verkar fungera är att utöa bredden på #container men det vill jag inte, det blir ett jävka meck, då måste jag sätta fast bredd på allt det andra istället för att låta dom sträcka sig från början till slut.

Om jag sätter #content till position: relative; och position: absolute; på knapparna med (för den vänstra knappen) ett negativt left:-värde så blir det en kant på den för att #content's (och #container's) början är där och då lägger den sig "under" den. Förstår ni?

Några tips?

Man kan fortfarande utveckla med LESS men publicera det som LESS.js genererar, dvs "kompilerad" kod.
Det är häftigt och kanske användbart men det känns osäkert på nåt sätt. Jag vill gärna ha kontroll på vad som händer, så jag kör "vanlig" CSS istället.