2012 01 11 | by thomas | published in CSS, Typografi, Webbdesign
När man vill veta vilket typsnitt som används på en webbsida får man kika i CSS. Ett nytt plugin till chrome fokuserar på just detta. WhatFont skapar helt enkelt en lite ruta som talar om vilket typsnitt som valts. Smidigt. Exempel från denna sida:
2011 12 28 | by thomas | published in CSS, HTML
Har du någon gång känt behov att testa html och css riktigt snabbt någon gång. Utan att ha tillgång till några program för det. Det finns faktiskt möjlighet att göra det direkt i webbläsaren. Ett sådant verktyg är dabblet. Gå dit, skriv in koden du vill testa och du ser resultatet på skärmen.
2011 10 10 | by thomas | published in CSS
Är du intresserad av att fördjupa dig i CSS3. CSS3.info listar en trave med videor från Think Vitamin. Tidigare har de tagit betalt för dessa, men nu är de fria att kika på för den som önskar. Border, övertoningar, animeringar, typografi, media queries m.m. Över 4 timmar med genomgångar.
2011 05 25 | by thomas | published in Böcker, CSS, HTML
Om du vill veta lite hur man skriver koden till ett minimalt HTML5-dokument kan du bege dig till Sitepoint. Där publiceras ett avsnitt ur boken HTML5 & CSS3 for the Real World. Sidan ger en rejäl genomgång av hur man skriver ett minimalt HTML-dokument och jämför ibland med XHTML och HTML4. Författarna motiverar mycket tydligt [...]
2011 05 19 | by thomas | published in CSS, Webbläsare
Om man vill göra runda hörn med CSS använder man egenskapen border-radius. Ovan ser du exempel på det. Här använder jag även box-shadow på bilden för att generera en svag skugga. Jag har använt följande css-kod på bilden: padding: 25px; border: 2px solid #666; background-color: #efe; box-shadow: 4px 4px 15px #bbb; -webkit-border-radius: 10px; -moz-border-radius: 10px; [...]
2011 05 12 | by thomas | published in CSS, Dreamweaver, Webbdesign
Har just lagt ut länkar för mina elever till en demoserie jag gjort tidigare. De behöver se hur man kan använda en mall i Dreamweaver (CS4) och anpassa den på ett enkelt sätt, genom att ge sig in i CSS-filen och justera. Här introduceras bland annat: DEL 1 – Använd mallar i Dreamweaver och spara [...]
2011 04 06 | by thomas | published in CSS, Typografi
Russ Weakly ligger bland annat bakom maxdesign, där han delar med sig av sina kunskaper om bland annat css. En klassiker är hans genomgång av hur man gör olika listor, listamatic. Han har även gjort ett antal presentationer på slideshare. En av dem handlar om hur man bygger en teckensnittsfamilj i CSS. Hur hittar man [...]
2011 03 04 | by thomas | published in CSS
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 [...]
2011 01 19 | by thomas | published in CSS
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 [...]
2010 11 25 | by thomas | published in CSS, HTML
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 [...]
Prenumerera med RSS