XHTML och CSS
Smidigt med makron i Crimson Editor
2010-03-08 i Webbdesign allmänt, XHTML och CSS
Jag har tidigare beskrivit att jag gärna använder Crimson Editor när jag handkodar webbsidor. Den färgar koden, vilket gör det lättare att läsa, samt att det finns många möjligheter att ställa in Crimson Editor så att den passar enskilda behov.
En sak jag börjat använda mer och mer är makron. Med dessa kan man få hjälp att infoga element och koder genom olika kortkommandon.
Variationer av samma teckensnitt
2010-03-01 i XHTML och CSS
De flesta använder minst två olika teckensnitt i en webbdesign. T.ex. ett serif-teckensnitt och ett linjärt. Med ett och samma teckensnitt går det dock att hitta förvånansvärt många variationer i formgivningen.
Variationerna kan användas på olika typer av text i designen, men den hålls ändå samman av att det är samma teckensnitt hela vägen. Här kommer några exempel och idéer.
Formulering av väljare i CSS
2010-02-26 i XHTML och CSS
I en CSS-fil används väljare för att beskriva vilket element på webbplatsen som ska formges.
Väljare kan formuleras på olika sätt för att komma åt rätt element, samt rätt element beroende på sammanhang.
Skapa skuggade block med CSS
2010-02-02 i XHTML och CSS
Med hjälp av enbart CSS, går det att skapa t.ex. en textruta eller ett layoutblock med en skuggning. Praktiskt om man tycker det känns bökigt eller svårt att skapa grafiken i ett bildredigeringsprogram.
Här kommer ett alternativ till Photoshop-grafik, för att åstadkomma en skuggning till en yta.
Formge länkar i vågrät meny
2010-01-14 i XHTML och CSS
Kanske självklarheter för en van webbdesignare, men kan vara ack så klurigt om man precis börjat. Och jag vet att det även finns nybörjare bland mina läsare.
Här visar jag hur du skriver din HTML-struktur och även några förslag på formgivning med CSS.
Tolka felmeddelanden vid validering
2010-01-07 i XHTML och CSS
De flesta anhängare av korrekt skriven (X)HTML, validerar sina webbsidor för att kontrollera att de håller godkänd webbstandard. När en validering utfaller med godkänt är ju allt gott och väl. Att tolka eventuella fel som uppstått är dock inte det lättaste alla gånger.
Här kommer en liten förteckning över vanliga felmeddelanden och vad de betyder. Något du måste ha lite koll på för att kunna åtgärda dem.
Mouseovers med CSS
2009-09-20 i XHTML och CSS
Mouseovers, rollovers eller överrullningseffekter, på länkar är väldigt effektfullt. Den enklaste varianten är oftast att textlänken byter färg eller får understrykning.
I en meny/navigeringsfält vill man gärna styla till det lite extra, och det bästa av allt är att du kan göra riktigt bra grejer med bara CSS, utan JavaScript. Här kommer några tips på vilka möjligheter som finns.
Vad du kan göra med listor i CSS
2009-07-20 i XHTML och CSS
Listor, att lista en viss sorts text, är mycket användbart när man skriver webbsidor. Förutom att de kan se ut som helt traditionella punkt- eller nummerlistor, ska de också användas när du listar länkar och gör dina menyer och navigeringsfält.
Här går jag igenom hur listor kodas och vilka möjligheter som finns att formge listor med CSS. Vertikala som horisontella.
Märk upp dina webbsidor semantiskt
2009-07-12 i XHTML och CSS
Vad betyder det egentligen att skriva semantiskt korrekt kod? Många tror kanske att det inte spelar någon roll hur koden ser ut i en webbsida, det är ju ändå inte den som läsaren ska se och läsa. Sant till viss del, men vem läser koden då?
W3C, som utvecklar webbstandarderna, har alltid strävat efter att webben ska vara tillgänglig för alla, oavsett vilken utrustning eller eventuella hjälpmedel som används. Här kommer några tips för att skriva bättre (X)HTML.
Negativa marginaler
2009-06-29 i XHTML och CSS
I CSS är det tillåtet att även använda sig av negativa marginalvärden, d.v.s. ett värde där talet inleds med ett minustecken. Men när är det då befogat eller användbart att tilldela en marginal som är mindre än den förinställda?
Här går jag igenom ett par exempel när detta faktiskt kan vara en lösning.
