Noterar snabbt om ”box-shadow” -egenskapen i CSS.
Tag / CSS
Textskuggning med text-shadow
Med hjälp av CSS 3 kan vi skugga text på hemsidan.
Som vanligt ligger så klart IE efter.
h1
{
text-shadow:
1px /* y-axeln */
1px /* x-axeln */
1px /* oskärpan */
#999; /* färgen */
}
Värdena för oskärpan och färgen är inte nödvändigt att specificera.
Syntax highlighting med Prettify
Om vi vill presentera kod på internet så finns här en del olika verktyg som hjälper till att färgmarkerar denna efter syntaxa. Alternativen vi kan vända oss till är antingen server eller klient -baserade. Jag har valt att använda ett klientbaserat script eftersom jag inte vill ”smutsa” ner html koden.
Prettify är ett javascript som är släppt under licensen Apache License 2.0. Koden finns att ladda ner på Google code. Jag har valt att använda detta script framför andra motsvarigheter eftersom jag upplever det som mer flexibelt, stabilare och snabbare.
Continue reading →
Använd inte microsofts filter
Avslutar dan efter ett problem jag haft med en hemsida jag jobbat på ett tag. Problemet som uppstod var att allt flöt på perfekt i alla webbläsare förutom ie8, eller sämre, där hela sidan frös i 5-6 sekunder vid sidladdningen. Tyckte mig kunna lokalisera problemet till ett javascript men kom tillslut fram till att det var en CSS fil som orsakat all problematik.
Textrendering – optimizelegibility
Sprang återigen på en CSS -egenskap jag tidigare inte vart medveten om. Vill med detta inlägget endast notera.
text-rendering : optimizelegibility;Egenskapen flyter samman texten på ett mer naturligt vis men kan också innebära en något långsammare rendering, sägs det.
Se exempel på: https://developer.mozilla.org/
Styla markering med pseudo element
Sprang idag på en sida där jag skulle kopiera lite text och fick upp en råsa markering bakom texten. Reagerade direkt, förutom att råsa är den fulaste färgen jag vet så tyckte jag det var rätt coolt att dom hade lyckats förändra detta. Aldrig sett det innan och det visade sig vara ett enkelt CSS trick.