Century 29

Det ska alltså bli en blogg/portfolio sida.
Sidan funkar inte i IE 6 p.g.a. PNG transparans, funderar på om man ska köra en png-fix eller dissa IE 6 användarna.

Det är meningen att sidan ska se ut såhär, gör den inte det? Isf; webbläsare/OS? :)

Kritik! :)

Så här ser det ut hos mig (IE7): http://img213.imageshack.us/img213/2876/ie7zh4.png
Som du ser så är inte de två strecken riktigt raka.


Jag vet inte hur stor andel som fortfarande kör IE6, men skulle nog köra med png-fix ett tag till iaf.

sorry att jag snor tråden, men varför använder folk imageshack.us istället för lägga bilder på sina servrar eller här?

Inga problem, antagligen för att det är smidigare än att logga in på FTP lr liknande... Samt att vissa nog tycker det är irriterande med stora bilder i tråden ;)

Har du någon kritik? :)

Fixat!

Början tycker jag är mkt bra, det skulle behöva finnas mer innehåll innan man kan säga bu eller bä dock.

Tack tack. Har lagt in lite innehåll nu, ser fram emot fler kommentarer!

Dissa ie6 folk måste inse att en uppdatering behövs

Men jag gillade loggon, vilket typsnitt kör du där? Färgerna smälter in bra tycker jag (det blåa på hovern)

i FF 3.0 så har footern hoppat till höger 5 cm eller något, men annars kan ja inte klaga, kan bli riktigt tjusigt med lite innehåll m.m.

Så fixa footern som hoppar till höger.

sen gällande loogo bilden, gör så här:

a.DINCLASS {
display: block;
width: BILDENS BREDDpx;
height: BILDENS HÖJDpx;
background: transparent url(DIN_BILD.png) no-repeat;
}

a.DINCLASS:hover {
background-position: -BILDENS BREDDpx 0;
}

eller så lägger du den som div, men det ska ju ligga som en "back to index" när man klickar på loggon så då passar det med en hyperlänk.

Då slipper loggan flimmra till, dvs att hela loggan laddas direkt.

lägg bilden så att du lägger hoover-bilden till höger om den vanliga dvs att bilden är 200px och i classen sen skriver du bredd 100px typ.

Det är Helvetica och Futura för siffrorna.

Det är för att webbläsarfönstret måste vara minst 1100 pixlar brett, det för att #footer har en fast bredd.
Om jag inte har det utan istället sätter "background: ().... top center" så blir kantlinjen i sidan 1 pixel fel i IE!
Men det är fixat nu.

Flimmra? Det har väll i så fall med cache att göra?

Jag menar att rensa ditt cache, sen för musen över den, så flimmrar den, sen nästa gång gör den det inte, ja bara tänkte om du ville ha den flimmerfri från början.

Snygg men jag tycker att texten var alldelens för liten för att det ska vara skönt att läsa några längre stycken.

Aha, förstår nu! Det är fixat :)

Har ökat storleken på texten samt avståndet mellan raderna!

Snyggt Karl!

Dock blir rubrikerna rätt sammanpressade i bredd. Det är nog den negativa letter-spacing som ställer till det.

Mycket bättre, avsevärd förbättring. :)

Tack! Ökat avståndet lite nu mellan bokstäverna i rubrikerna.
Tack :)

Det första jag såg var att du hade <h3> på contact, så den hamnar som en underrubrik till senaste inlägget.

Sen på din logo skulle det vara bra om du hade att man såg en century29 text när man inte har css påslaget. Detta kan lösas med text-indent: -10000px.

Jag personligen föredrar när man har sidans namn som <h1> och sen resten som underrubriker. Jag menar.. varför är alla dina rubriker underubriker till "this is a headline" ?

Varför skulle man ha css avslaget för? Det lär inte vara många som kör så

Varför blir det underrubrik till senaste inlägget?
H* används om jag inte har fel till olika sorters rubriker; personligen brukar jag använda H1 till huvudrubrik och H2 till underrubrik. Sedan H3 till andra rubriker som inte hör till innehållet.

Varför skulle någon ha CSS avslaget? :lol: Terminal webbläsare? :P
Om någon har det så skiter jag faktiskt i dessa personer, ledsen.

Varför ska man ha sidan namn som H1 när den ändå är en bild (logotypen)?
Förresten så får man bättre SEO på H1 än H2, har jag för mig.
"This is a headline" var bara för att skriva något, ville bara fylla ut precis som med "Lorem ipsum...".

Jag brukar lägga logon i en h1 med en text bakom logon... Har fått för mig att det är bättre ur SEO synpunkt men kan ha fel...

Det beror antagligen på vad du vill ha optimerat, jag vill hellre att mina rubriker ska få mer uppmärksamhet än min logotyp/sidnamn.
Även jag kan ha fel, är ingen SEO expert direkt.

Jag är ingen SEO-expert heller men rätta mig gärna om jag har fel. Vad skulle vara bättre ur SEO synpunkt om google m.fl snappade upp något så oetablerat och universelt som Century29? Om jag inte är helt ute och cyklar så kommer de personer som vill hitta en grafisk formgivare/portfolio söka på just grafisk formgivare och portfolio... eller? Då är det väl snarare viktigare att innehållet på sidan är optimerat för indexering precis som KR säger?

Du har helt rätt till att säga att H* är till olika sorts rubriker. Men om du har en H2 så är den ju rubrik till närmsta h1 ovanför, samma sak med h3, då är den underubrik till närmsta h2 ovanför.

Logiskt eller hur.

Därför när du har denna kod:
<h1>hej</h1>
<h2>apa</h2>
<h2>apa3</h2>
Så blir rubrikstrukturen
-hej
--apa
--apa3

Rekommenderar webdeveloper tools->information->show document outline

Citat:

Originally posted by KarlRoos+--></span><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td>QUOTE (KarlRoos)Varför skulle någon ha CSS avslaget? :lol: Terminal webbläsare? :P Om någon har det så skiter jag faktiskt i dessa personer, ledsen.[/b]

<!--QuoteBegin--Wokioo@
Varför skulle man ha css avslaget för? Det lär inte vara många som kör så [/quote]
Det handlar om att koda tillgängliga sidor, det har inte bara att göra med att folk som frivilligt stänger av sidstilen ska se var dina bilder betyder. Utan för att folk med exempelvis skärmläsare också ska kunna använda sidan.
<!--QuoteBegin--KarlRoos
Varför ska man ha sidan namn som H1 när den ändå är en bild (logotypen)?
Förresten så får man bättre SEO på H1 än H2, har jag för mig.
"This is a headline" var bara för att skriva något, ville bara fylla ut precis som med "Lorem ipsum...".[/quote]
Jag är ärligt talat inte så insatt i pagerank, indexering av sidan o.s.v. Men det är ju viktigt att du har en tydlig rubrikstruktur.

Precis, inte riktigt så att jag har ett namn som direkt associeras med webdesign, portfölj m.m...

Bifogad bild, ser inte problemet?

Självklart, ska fixa detta!

Ja, och där ser du ju precis att "Contact" tillhör "en underrubrik" och att "en underrubrik" till "this is a headline". Det känns ju inte så logiskt att din kontaktinformation ska ligga där (om det inte är så att <h2> (en underrubrik) ska innehålla kontaktinformation)

Men om jag inte använder en h* på andra rubriker än innehållet utan istället exempelvis <span> eller <div> så är det ju inte alls korrekt?

Grafiskt sett så _SER_ det kanske rätt ut, men inte semantiskt rätt. Du ska använda h* för dina rubrik då h* står för header. Anledningen till att det finns flera h och inte bara en <h> är för att du ska kunna skriva upp din rubrikstruktur på ett logiskt sätt.

http://exscale.se/archives/2007/11/1...ument-outline/

Jag förstår nu, bra blogginlägg!
Din blogg?

Fixat det nu, ser det bra ut?

Nej, det är inte min blogg. Men vi snackar ganska mycket. Det ser mycket bättre ut! Bra jobbat!

Med risk för att upprepa tips (orkar inte läsa andras feedback) så tycker jag att headern ska minskas ngt i höjd. Tar alldeles för mkt plats nu. Sen undrar jag varför loggan ändrar färg på mouseover. En logotyp är ju ett varumärke som ska vårdas vad gäller färg och form . Det ska inte vara ngn länk som ändrar färg på mouseover tycker jag. Ha dock kvar funktionen att den länkar till HEM.

Loggan är förövrigt mkt snygg.

Tycker inte att länkarna

* Latest blog entry: This is an example
* Latest work: Example.com

ska få blå bakgrund på mouseover, utan bara en underline. Det är snyggare på såna textlänkar.

I övrigt bra design tycker jag!

CJ