Tip(z)

Tillhör du de som använder CSS reset? Med andra ord, nollställer du de CSS-regler som webbläsarna har inbyggda och börjar formge dina webbsidor med css utan att några inbyggda regler i webbläsaren “stör”? Mina elever brukar vara ganska konfunderade när de börjar med CSS och upptäcker att det är märkliga “mellanrum” på webbsidan. De kliar [...]

Hur använder jag begreppen i CSS? När man ska förklara är det viktigt att använda rätt terminologi. Lois Lazaris reder ut begreppen på ett mycket tydligt sätt på sin blogg impressivewebbs. Att det sen kommer till ytterligare förvirring för oss med det lilla språket svenska är ju en helt annan sak. Läs gärna Tommy Olssons [...]

Jag har gjort en demo till mina elever, där jag går igenom hur man använder en oordnad lista i HTML för att med CSS skapa en vertikal länklista med egen grafik. Den går igenom de grundläggande stegen, utan några finesser. På “fyra minuter” kan du lära dig det du behöver för att göra en sådan [...]

Bakgrunden i CSS I CSS3 kan man skapa övertoningar. Det behövs fortfarande speciell kod för olika webbläsare, men är man beredd att lägga in den fungerar det bra. Det finns en sajt där du kan få hjälp med koden i CSS3 för att göra detta. Du ser ett exempel i bilden ovan. Den är gjord [...]

Jag gjorde en liten översikt och några exempel över textegenskaper i CSS. Här finns de vanligaste egenskaperna och vanliga värden för dem, med några exempel. Undersök gärna rubrikexemplen längst ner i Firefox med hjälp av Firebug, strålande verktyg i Firefox, så ser du vad det är för skillnad på dem och hur man kan variera [...]

Jag läste ett blogginlägg där Louis Simoneau berättar om en konferens han varit på (Web Directions South). Introduktionen där var en “vanlig presentationsanimering”. När han upptäckte att allt var gjort i html, css och javascript förändrades hans inställning. Han fascinerades av vilken kraft det finns i att använda “de vanliga” webbteknikerna. Animeringen var gjord av [...]

Jag noterade igår att Det finns en bra bok på svenska om att jobba med webbstandard. Tommy Olsson har skrivit “Max räckvidd med HTML och CSS“. Såg just att Lena på kaxigt.com har bett Tommy skriva om bakgrunden till boken. Tack för initiativet! Där skriver Tommy bland annat om två olika sätt att jobba med [...]

Vet du vilken teckenstorlek du vill ha på dina webbsidor i pixlar – men inte i em? Då finns ett verktyg som snabbt hjälper dig ta fram regler: CSS Web Typography-Matrix. Du behöver bara fylla i vilka storlekar du vill ha på brödtext och rubriker i pixlar och fylla i radhöjden. Tryck på en knapp [...]

z-index är css  “motsvarighet” till lager i Photoshop. Man kan bestämma vilka objekt som ligger över eller undervarandra. Det finns en del bestämda regler för hur det går till. Du kan lära dig det mesta om z-index i artikeln The CSS Z-Index Property: A Comprehensive Look

Vi brukar konstatera att inline style går före allt annat när det gäller CSS. Man använder ibland inline när man vill prova något snabbt. Men det kan även finns exempel när javascript eller ett cms häver ur sig något slikt. Vad gör man då? Jo, Chris Coyier tipsar om följande kod. Jag använder hans exempel. [...]