WN

WN (https://www.wn.se/forum/index.php)
-   Feedback (https://www.wn.se/forum/forumdisplay.php?f=20)
-   -   Feedback på HTMLtips.se (https://www.wn.se/forum/showthread.php?t=1044448)

jonssondesign 2010-10-24 17:28

Feedback på HTMLtips.se
 
Hejsan. Jag har nyligen dragit igång en sajt som heter HTML tips. Klicka här, om ni vill komma till sidan.

Jag startade sidan i onsdags, och har haft drygt 100 besökare sedan dess.
När jag söker på google på HTML tips, så rankas min sida 4a av 340 miljoner.
Och det är tydligen 110 000 personer i månaden som söker på just HTML tips på google. Så jag tänkte att jag kanske skulle bli seriös med sidan..

Så jag skulle vilja be er kunniga personer om feedback. Sidan är baserad på Wordpress, och är ett gratis tema från web2feel.com. Så jag kan tyvärr inte göra några stora ändringar.. Men det vore schyst om ni kunde ge mig feedback på exempelvis, logotypen, mitt sätt att skriva inläggen, hur jag skall skriva mina kudsnuttar i inläggen. Dom 3 nyaste posterna har en div, med bakgrund och border runt koden, och resten av posterna är citat. Så dom är ljusare, kursiv och har marginal från vänster sida.. Lite feedback bara liksom. :)

Skulle kanske också passa på och be er tänka över om ni skulle vilja bli skribenter.. Ni kommer dock inte få något betalt eller så, om inte sidan drar in massa pengar vill säga ;) Men det kanske vore kul för andra att kunna lära sig av er också, och på så sätt bidrar du med att alla sidor på internet som skapas blir bättre, och världen kommer vidare! :)

Hur som helst! Lite feedback skulle uppskattas!

//Mvh fredrik

Martin™ 2010-10-24 18:35

Bakom eller framför loggan har du texten "HTML tips", syns bättre om du trycker ctrl + a, antar att det är en kodmiss? :) Annars tycker jag det ser bra ut!

jonthee 2010-10-24 18:36

Bra jobbat! :)

Fortsätter du såhär så lär det garanterat bli en stor sida, klockrent namn också!

jonssondesign 2010-10-24 18:51

Tack!!

Martin, HTML tips, har jag kvar med flit, men jag ändrade den texten till 1px? Så man ser bara ett vitt streck när man trycker på ctl + A. Jag hade den kvar för att rankas högre på google. För mig, och för andra jag har pratat med, ser man inte texten, för att de vita ligger ovanpå det vita av H't. Om du förstår vad jag menar.. Vet du någon annat trix man kan göra, för att fortfarande bibehålla min <h1> på sidan? :)

Linuus 2010-10-24 18:53

1 bifogad(e) fil(er)
Man brukar sätta en text-indent: -9999px; på texten vid loggan. Det gör att texten puttas utanför skärmen så användaren ser den inte men sökmotorn gör det.

I övrigt tycker jag att du ska visa kod-stycken på ett bättre sätt, med highlight osv. Blir lätt rörigt som det är nu.

Vissa texter är också väldigt kompakta och röriga. Se bifogad bild som ex.

Annars tror jag det kan bli bra men det behöver lite mer jobb :)

jonssondesign 2010-10-24 18:55

Citat:

Ursprungligen postat av Linuus (Inlägg 20374919)
Man brukar sätta en text-indent: -9999px; på texten vid loggan. Det gör att texten puttas utanför skärmen så användaren ser den inte men sökmotorn gör det.

Vad smart! Det har jag gjort tidigare,, varför kom jag inte på det nu? :P Tack för påminnelsen!

Martin™ 2010-10-24 19:23

Jag hade gjort loggan till en bild och sen skrivit HTMLtips i alt-taggen.

<h1><a href="xxx" title="xxx"><img src="logo.png" alt="HTMLtips" /></a></h1>

Linuus 2010-10-24 20:18

Citat:

Ursprungligen postat av Martin™ (Inlägg 20374928)
Jag hade gjort loggan till en bild och sen skrivit HTMLtips i alt-taggen.

<h1><a href="xxx" title="xxx"><img src="logo.png" alt="HTMLtips" /></a></h1>

Att ha en <h1> där känns väl lite knepigt...?

Sweely 2010-10-24 21:45

Citat:

Ursprungligen postat av Linuus (Inlägg 20374934)
Att ha en <h1> där känns väl lite knepigt...?

Mycket möjligt, men det är det nog värt i slutändan. Ur sökmotorsynpunkt är det oerhört viktigt med en H1:a.

Martin™ 2010-10-24 21:49

Citat:

Ursprungligen postat av Linuus (Inlägg 20374934)
Att ha en <h1> där känns väl lite knepigt...?

På vilket sätt skulle det vara knepigt?

Linuus 2010-10-24 23:38

Men det är väl inte semantiskt korrekt att ha en h1:a på en bild?

Bättre med en h1 på huvudrubriken på sidan, annars får ju den bli en h2:a istället.

http://csswizardry.com/2010/10/your-...mage-not-a-h1/

Länken kanske inte handlar exakt om detta men jag tycker i alla fall att det inte känns korrekt att ha:
<h1><a><img /></a></h1>

Sen om Google tycker annorlunda är ju en annan sak ;)

kalasboll 2010-10-24 23:59

Nej det finns ingen vits att ha H1 på logotypen då sidan Title sköter den biten kanon. Sätt istället en H1-rubrik med "HTML" på "HTML"-sidan och en H1-rubrik med "CSS" på "CSS"-sidan och en H1-rubrik med "Kontakta oss" på "Kontakta oss"-sidan.

Linuus 2010-10-25 00:00

Citat:

Ursprungligen postat av kalasboll (Inlägg 20374976)
Nej det finns ingen vits att ha H1 på logotypen då sidan Title sköter den biten kanon. Sätt istället en H1-rubrik med "HTML" på "HTML"-sidan och en H1-rubrik med "CSS" på "CSS"-sidan och en H1-rubrik med "Kontakta oss" på "Kontakta oss"-sidan.

Precis. Känns lite onödigt att slösa bort h1:an på en bild...

EMB90 2010-10-25 01:10

Ser riktigt bra ut.

Jim_Westergren 2010-10-25 09:08

Jag tittade lite snabbt.

Det är väl ok om nybörjare kallar allting för "taggar" (element, attribut, värden osv) och blandar hejvilt element som är utgångna och inte bör användas längre (b, i, u osv) med deras nya motsvarigheter (strong, em, osv) men när webbplatser som ska lära ut korrekt (X)HTML gör detta så tycker jag inte det är ok.

Jag tittade lite på denna artikel och såg direkt en mängd felaktigheter (elementen bbr och adress är felstavade till ex.). Tycker även att sidan som lär ut HTML bör även använda HTML själv på rätt sätt ... Här är en betydligt bättre lista från vår svenske Emil.

Jag tycker att om man ska lära ut något till andra så bör man själv ha en så bra kunskap inom ämnet att man i alla fall inte lär ut felaktigheter.

jonssondesign 2010-10-25 09:20

Hej igen! Jag kommer köra med den titel jag har just nu, alltså ingen bild. Det känns onödigt, nu när man ändå inte ser själva texten.. :)

Jim_Westergren,, är det sant att man inte skall använda b, i, u osv? Jag är ganska insatt i html själv, men har inte läst någonstans att dessa element skall undvikas? Hur som helst, tack för påvisningen.. Antar att jag måste läsa på vad som är korrekt och inte.. Ska ändra dessa så fort jag vet mer!

Men som jag skrev tidigare, så kommer jag behöva personer som är riktigt kunniga i sin sak som kan skriva inlägg tillsammans med mig. På så sätt ökar kompetensen på sidan, och fler lär sig på rätt sätt! :)

EDIT* Nu när jag ser vad du menar, så är det ganska logiskt. Jag tänkte på själv på att skriva hur man redigerar dessa i CSS, men jag funderade lite på om jag skulle ta sådant i en annan tråd. Eftersom att tråden i sig helter HTML taggar. Kanske var dumt av mig? :) MEEN! Det var därför jag bar om feedback av er duktiga personer ;)

Så istället för att skriva att HTML taggen för fetstil skrivs <b> inom HTML dokumenten, så ska jag istället skriva att man ska använda sig av css för att få denna effekt genom att skriva font-weight: bold; ?

Jim_Westergren 2010-10-25 09:38

jonssondesign,

Mycket bra idé att andra som är riktigt kunniga ska bjudas in och skriva. De enda svenskar jag känner till som jag anser experter inom detta är Roger Johansson och Emil Stenström. Själv har jag skrivit HTML och CSS nästan dagligen i ca 5 år så jag kan också en del - får se om jag får tid. Finns nog även många andra här på forumet.

Angående de elementen så beror ju det på vilken version av HTML som det gäller. De är giltiga i HTML 4 men jag tycker man ska använda XHTML och gärna strict idag. Det är det jag själv använder. Men man behöver inte skicka som XML till webbläsaren, det är alltför extremt tycker jag.

Sen ska du ju titta på HTML 5 vilket är det som håller på att bli det nya populära. Jag har följt det lite på avstånd ett par år nu och det börjar bli mer och mer populärt. Här är specsen.

jonssondesign 2010-10-25 09:44

Okej, tack! :) Jag kan skicka dig inloggningsnamn och ett alternativs lösenord, så kan du gå in när du har tid, och vill dela med dig av dina kunskaper till oss som fortfarande vill lära sig :)

Men nu ska jag plugga. Göra om, göra rätt, som man brukar säga ;) :D

Cosma 2010-10-25 11:39

När man väl ska använda bold i texten så ska <strong> användas och inte <b> taggarna. Och i CSS filen skriver du strong font-weight: 600;.

Denna sida är lik min sida och jag har haft min sedan 2007.

Huvet 2010-10-25 11:40

Hej! Kul att du tagit dig an uppgiften att utbilda, det behövs verkligen.

När du nu hoppar på tåget, följ Jims råd och gå på HTML5 direkt. Jag skulle dock inte börja med att läsa specifikationen, den är alldeles för teknisk, utan istället gå på alla "introduction to html5" som finns spridda över nätet.

Som ett exempel från HTML5 så är b och i-elementen omdefinierade, så att dom nu kan användas igen. Under några år så var det ansett som presentationselement, "detta är felstil", något som ju hör hemma i CSS:en, inte HTML:en. Nu betyder b istället "stilistiskt annorlunda, något som man betonar annorlunda om man skulle läsa upp texten", vilket ju är semantiskt korrekt.

Så kort sagt, använder man b och tror att det betyder "fetstil", så är man två steg efter i HTMLs utveckling :) Å andra sidan så finns allt där, bara att läsa på!

jonssondesign 2010-10-25 17:02

Citat:

Ursprungligen postat av Huvet (Inlägg 20375041)
Hej! Kul att du tagit dig an uppgiften att utbilda, det behövs verkligen.

När du nu hoppar på tåget, följ Jims råd och gå på HTML5 direkt. Jag skulle dock inte börja med att läsa specifikationen, den är alldeles för teknisk, utan istället gå på alla "introduction to html5" som finns spridda över nätet.

Som ett exempel från HTML5 så är b och i-elementen omdefinierade, så att dom nu kan användas igen. Under några år så var det ansett som presentationselement, "detta är felstil", något som ju hör hemma i CSS:en, inte HTML:en. Nu betyder b istället "stilistiskt annorlunda, något som man betonar annorlunda om man skulle läsa upp texten", vilket ju är semantiskt korrekt.

Så kort sagt, använder man b och tror att det betyder "fetstil", så är man två steg efter i HTMLs utveckling :) Å andra sidan så finns allt där, bara att läsa på!

Tack för tipsen! :) Vore kanske det bästa om man hade duktiga skribenter på sidan som kan hjälpa till :)

Men jag skall rätta till de fel som finns med än så länge! Jätte bra att ni påpekar sådant här! Tänkte först bara använda grunderna till html, men det bästa är ju faktiskt, som ni säger, att lära ut det som är populärast idag. Och inte för 10 år sedan, även om det fortfarande går att koda på det sättet. :P

Så, jag ber er som vill hjälpa mig med att vida utveckla hemsidan, kontakta mig här på WN, så skapar jag en profil till er.. Ni kan tyvärr inte få några stålar för det, såvida sidan inte drar in massa besökare och man kan sälja annonsplatser. Då kan man ge ut lite pengar till dom som bidragit :)

EMB90 2010-10-27 22:11

Allt ser bra ut, dock borde du ha "DEMO" till alla saker.

jonssondesign 2010-10-28 11:07

Citat:

Ursprungligen postat av EMB90 (Inlägg 20375469)
Allt ser bra ut, dock borde du ha "DEMO" till alla saker.

Smart! Ska fixa det!

Captain Thailand 2010-10-28 15:18

Hej,

Jag tycker allt var stilligt utom loggan som jag tyckte vara sisådär (för att vara uppriktig).

Men mycket bra i övrigt!

jonssondesign 2010-10-29 00:04

Citat:

Ursprungligen postat av Captain Thailand (Inlägg 20375563)
Hej,

Jag tycker allt var stilligt utom loggan som jag tyckte vara sisådär (för att vara uppriktig).

Men mycket bra i övrigt!

Tack så mycket! Joo jag vet att loggan är lite dålig.. Ett första utkast egentligen.. jag ritade den på papper, och sedan gjorde om den i Ai.. Men jag skall se om jag inte kan komma upp med något bättre.. :)

Själva designen osv, är ett gratis tema från web2feel.com, så jag kan inte ta åt mig någon cred för den faktsikt.. :) Men hur som helst, tycker jag att den passar bra.. Dock funderar jag på texten.. Den känns lite konstig.. Vet inte riktigt hur jag skall markera mina kodtexter osv.. Känns också som om man kan få själva brödtexten att se snyggare ut också.. Ska klura lite på det imorgon!

Linuus 2010-10-29 11:00

Citat:

Ursprungligen postat av jonssondesign (Inlägg 20375652)
Tack så mycket! Joo jag vet att loggan är lite dålig.. Ett första utkast egentligen.. jag ritade den på papper, och sedan gjorde om den i Ai.. Men jag skall se om jag inte kan komma upp med något bättre.. :)

Själva designen osv, är ett gratis tema från web2feel.com, så jag kan inte ta åt mig någon cred för den faktsikt.. :) Men hur som helst, tycker jag att den passar bra.. Dock funderar jag på texten.. Den känns lite konstig.. Vet inte riktigt hur jag skall markera mina kodtexter osv.. Känns också som om man kan få själva brödtexten att se snyggare ut också.. Ska klura lite på det imorgon!

Du kan använda WP-Syntax för att highlighta koden:
http://wordpress.org/extend/plugins/wp-syntax/

Kanske finns bättre plugins men det var det första jag fick fram vid en googling ;)


Alla tider är GMT +2. Klockan är nu 04:44.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson