Næse for design og kommunikation til nettet
CSS
Google Fonts API – Det her er stort!
19 maj 10
Som bekendt har man relativt begrænsede typografiske muligheder i webdesign. Der findes en del workarounds, såsom Cufon og sIFR og de går an, men det bliver aldrig helt godt. Nu vender Google hele møllen på hovedet med hosting af fonts og en API, der gør det sindssygt nemt at implementere.
Et lille eksempel:
Skrifttypen LobsterSmæk dette link ind i head sektionen i dit HTML dokument.
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
Så er du klar til at bruge Lobster i din css som enhver anden font.
Det skulle efter sigende fungere helt tilbage til IE6. Skulle man endelig være negativ, kunne man sige at udvalget af skrifttyper stadig er Mere >
Sådan fixes IE7′s z-index bug med jQuery
9 feb 10
Det er sædvanligvis Internet Explorer, der kræver ekstra opmærksomhed, workarounds og udviklingstid, når man skal gøre et website kompatibelt på tværs af webbrowsere. Jeg har lige spenderet en del tid på at komme omkring en grov renderingsfejl i IE før version 8, der rammer den orden hvori CSS positionerede HTML elementer stables. Jeg er rendt ind i IE’s z-index bug.
Opgaven: En lang række list items skal udstyres med forklaringer i form af drop downs. HTML koden ser således ud.
<ul class="linklist">
<li>
<h4>Overskrift 1</h4>
<a href="#" class="dropdown-trigger">Vis beskrivelse</a>
<div id="beskrivelse-1">
Beskrivende note der falder ned, når man klikker på linket "Vis Mere > Tænk over strukturen i CSS dokumentet
19 feb 09
Nettuts bragte d. 16. februar et indlæg af Trevor Davis om bedre måder at skrive CSS på. Her er et par guldkorn imellem.
Især har jeg ikke tidligere rigtig tænkt over at alfabetisering af attributters egenskaber nemt kan give bedre overblik og lidt bedre indlæsningstider. Et virkelig simpelt tip, jeg bestemt vil benytte fremover. Se eksemplet i artiklen. Link herunder.
5 Ways to Instantly Write Better CSS. I: NETTUTS, 16. februar 2009
Enestående webtypografi
1 dec 08
… er en umulighed, fordi antallet af skrifttyper, der typisk findes på brugernes computere og dermed er tilgængelige til brug i webdesign, er stærkt begrænset. Har man en lækker corporate skrifttype kan den altså ikke umiddelbart bruges. Man må gå andre veje, hvis man vil fremhæve et bestemt visuelt udtryk eller identitet på nettet.
Grafik Nogen har fundet på at gøre det med grafik. Teksten udskiftes enten manuelt med grafik og CSS eller dynamisk med PHP og javascript. Begge metoder giver et pænt resultat, men kan, hvis det gøres forkert, være på bekostning af tilgængelighed, og samtidig bliver der naturligvis mere grafik, der Mere >
Mit navn er Morten Brunbjerg Bech. Jeg er webdesigner, front end udvikler og bibliotekar på Horsens kommunes biblioteker. Netsans er min porteføljemappe, sandkasse og huskeseddel.