Hvor lang må titlen være?

Du må skrive din titel lige så lang du vil, men søgemaskinerne viser kun en del af den i søgeresultaterne:

  • Google: de første 67 tegn (inkl. mellemrum)
  • MSN Live: de første 67 tegn (inkl. mellemrum)
  • Yahoo: de 65-70 første tegn (inkl. mellemrum)

Det er derfor her, du skal sørge for at have dine vigtigste keywords.

Brug p-elementet til at inddele tekstafsnit

Nogle personer og WYSIWYG-programmer bruger <br> (linjeskift) i rigelige mængder, når de skal adskille linjer i HTML. Det er i et forsøg på at skabe et visuelt hierarki i form af tekstafsnit.

  1. Dette er det første tekstafsnit.
  2. <br>
  3. <br>
  4. Dette er det andet tekstafsnit.

Selvom denne metode visuelt skaber det ønskede resultat med mellemrum mellem tekstafsnit, så er der en bedre metode til rådighed – p (paragraf) elementet:

  1. <p>Dette er det første tekstafsnit.</p>
  2. <p>Dette er det andet tekstafsnit.</p>

Fordelene ved at benytte p-elementet er:

  • Det gør det nemmere at kontrollere tekstafsnittenes margin med CSS.
  • Det gør det nemme for blinde eller svagtseende brugere med skærmlæsere, at skimme dokumenter, fordi de kan hoppe til næste tekstafsnit.
  • Rent semantisk beskriver elementet teksten som det, den er – et tekstafsnit.

Som med alt andet, er der tilfælde, hvor br-elementet er brugbart, men hvis du tager dig selv i, ofte at bruge gentagne br-elementer til at adskille klumper af tekst, er det overvejende sandsynligt, at du burde gør brug af p-elementet i stedet

Denne post er et Quick Tip. Du kan finde masser af baggrundsinformation (på engelsk) her: Quick Tips for web developers and web designers

Logo: Bartender.dk

Stilrent, moderne logo til bartender.dk.

Logoet er udført i Adobe Illustrator og gemt som en vektor, hvilket gør, at det er 100% skalérbart, uden at miste kvalitet.

Samtidig er det udført i kun én farve uden for mange små detaljer, således at det nemt kan tilpasses flere størrelser og flere farver – fx orange på en sort t-shirt, eller sort på hvidt papir, eller endda som stilladsbanner i pang-farver på 20m x 20m.

Logoet skal bruges til brevpapir, marketingmateriale, tryk på merchandise m.v.

Fonten der er brugt, er Neuropol.

CSS: Specificity Wars

Note:
Dette er en direkte oversættelse af Andy Clarkes CSS: Specificity Wars
Oprindeligt udgivet: Oktober 2005

Join me, and together we can rule the galaxy as father and geeks!

For nogle uger siden så jeg Molly og Aaron i Cupertino fortælle, hvordan CSS selektorernes specificitet udregnes, på en måde jeg ikke tidligere har set. I dag kom jeg så ud for et knudret problem, mens jeg sad og lavede XHTML- og CSS-skabeloner til et nyt projekt, hvor to selektorer opførte sig anerledes end jeg havde forventet de ville gøre, og det gik op for mig, at jeg ikke havde færdiggjort min træning.

Læs videre “CSS: Specificity Wars”