@font-face

Her på siden bruger jeg tre skrifttype: Roadway til overskrifter, Georgia til brødtekst og Primer Apples til de lidt mere specielle ting. Eftersom Georgia findes på næsten alle computere, er der ingen grund til at embedde den. De to andre derimod, går jeg ikke ud fra at overvældende mange mennesker har, så dem har jeg embedden.

Under normale omstændigheder ville man embedde dem med følgende kode:

@font-face {
	font-family: Roadway;
	src: local(Roadway), url('fonts/ROADWAY_.ttf') format('opentype');
}

Ovenstående kode virker i alle browsere, og skal ikke bruge andet end en skrifttype i en mappe. Herefter er det muligt at bruge skrifttypen overalt man lyster ved hjælp af

font-family: Roadway;

Desværre findes Internet Explorer, og hos Microsoft gider man ikke gøre som alle de andre, så der skal man have skrifttypen i et andet format – yæi!

Dog er det ret nemt at gøre noget ved, for der findes en ret stor bunke gratis convertere – blandt andet http://ttf2eot.sebastiankippe.com/

Efter den lille konvertering skal ens CSS rettes lidt til, så den ser sådan ud:

@font-face {
	font-family: Roadway;
	src: url('fonts/ROADWAY_.eot');
	src: local(Roadway), url('fonts/ROADWAY_.ttf') format('opentype');
}

..oog så virker det helt fantastisk godt fra IE7 og helt op til rigtige browsere

Update

IE9 er helt pjattet med sikkerhed (nu også omkring skrifttyper :S) så oplever man at IE9 driller, bør man lege med sine Apache-indstillinger.

function viewSchedule() {
	$('testTables').style.display = 'none';
	$('testScheduleWrapper').style.display = 'block';
	goog.dom.classes.remove($('tableButton'), 'selected');
	goog.dom.classes.add($('scheduleButton'), 'selected');
}

Det ved man jo heldigvis at kun kan skyldes at IE er en skodbrowser. Det bliver lidt bedre når man klikker et andet sted på siden – så får elementet nemlig sin class. Når man er færdig med at undre sig over det, prøver man at tilføje følgende linie, og indser at alt lige pludselig virker:

<pre>$('scheduleButton').blur();

En hyggelig lille fejl i IE7, som andre forhåbentligt slipper for at kæmpe alt for længe med…

Nu har jeg atter besluttet at bruge min blog til noget – eller i hvert fald igen placere den direkte på Znegl.dk i stedet for blog.znegl.dk. Det skyldes 3 ting:

• Der er ingen grund til at have den på et selvstændigt domæne, eftersom indholdet på bloggen og indholdet på Znegl.dk sagtens kan bo sammen.
• Jeg vil optimere begge sider til visning på mobile enheder (læs Android-telefoner).
• Jeg vil af med Flash og bruge jQuery i stedet.

Det første punkt siger lidt sig selv, så jeg nøjes med at uddybe de to sidste:

Optimering til telefoner

..er en meget naturlig ting, eftersom jeg nu har en Android-telefon (HTC Magic). Jeg laver optimeringen, så den optimerer til 4 forskellige skærmstørrelser, fra under 450px i bredden til over 1100px. Som du kan se når du lige om lidt ændrer på størrelsen af din browser, skifter mængden af margin mellem indhold og browservindue, desuden fjernes mit seneste Tweet i toppen af siden på små skærme, og til rigtigt små skærme, placeres alt indholdet i en lang liste i højden.

Det med Flash..

Verden hader tilsyneladende Flash lige for tiden, hvilket er lidt fjollet – for uden Flash havde folk ikke haft behovet for de nye funktionaliteter i HTML5, CSS3 og den nu enorme brug af JavaScript. Når det er sagt, så er det for mig en selvfølge at alt hvad der kan laves uden Flash også skal laves uden Flash. Det skyldes at Flash er et plugin, og altså kun et hjælpemiddel til at vise ting man på ingen anden måde kan vise. Flash skal efter mit hovede benyttes når komplekse animationer, store applikationer (så som spil og deciderede programmer), der kræver mere avanceret funktionalitet end det er fornuftigt at overskue i html (blandt andet objekt-orienterede projekter), og når en browser ikke understøtter HTML5+CSS3+JavaScript-versionen af samme funktionalitet (hvilket nok vil ske de næste par år).

Her på siden har jeg brugt Flash af 3 årsager:

• Embedding af skrifttyper
• Små animationer, for at gøre brugerfladen lidt lækker
• Interaktion med Twitter

Alle tre områder kan erstattes med nye webteknologier, så det gør jeg hermed. Og så er jeg oven i købet så flink at skrive lidt om det

Embedding af skrifttyper i CSS – helt ned til Internet Explorer 7

Indlæg om små animationer i jQuery og om interaktion med Twitter kommer snart (eller i hvert fald lige pludselig).

Gammelt og nyt i smuk symfoni.....

Til folk der vil skifte dele i en Znote 6024W, kan jeg røbe at tastaturet skal skubbes lidt opad, efter de tre skruer til tastaturet bag på computeren (den ene gemmer sig inde hos RAM-blokkene), hvorefter det kan vippes ud med en flad skruetrækker.. Det er væsentligt nemmere, end at prøve at skille det hele ad, for at finde ud af at det ikke er muligt (den sidste skrue, altså den der driller når man tror man har fjernet dem alle, sidder under tastaturet).

Nu hvor jeg er i den fantastiske situation at jeg snart bliver udsat for et æble, tænkte jeg at jeg hellere måtte finde ud af hvordan jeg bruger dette fine nye æble, til de ting jeg laver på min PC. Og når jeg nu alligevel leder så meget efter ting, kan jeg jo lige så godt skrive det her, så der er en enkelt eller to mere end mig, der får glæde af opdagelserne

Fjernskrivebord

Noget jeg bestemt ikke kan undvære, er fjernskrivebord. Jeg bruger det mere eller mindre konstant til at forbinde til min server (som kører Win XP), når jeg skal konfigurere den, eller bare for at sætte den til at downloade store filer, imens jeg selv er ude i verden og ikke har tid til at vente på filerne.

Under Windows bruger jeg Microsofts egen funktion til dette, idet den sjovt nok er optimeret til det. Til Mac har Microsoft også lavet et program :O der gør, at man kan forbinde til en Windows-pc fra en Mac. Problem løst

Jeg bruger også TeamViewer, idet det blandt andet gør, at jeg kan styre serveren, alt imens billedet vises på mit fjernsyn. TeamViewer findes også til Mac.

Windows på Mac

Brug Virtual Box (som er gratis) i stedet for de dyre programmer Apple selv sælger.

Windows Live Messenger

Findes til Mac her: http://www.microsoft.com/mac/products/messenger/default.mspx – Men er elendigt! Brug i stedet et alternativ som aMSN, som kan alt det Windows Live Messenger kan på Windows-maskiner.

Mere!

Jeg har også fået at vide at jeg skal bruge hurtigt sølv: http://docs.blacktree.com/quicksilver/what_is_quicksilver og Candybar, men har endnu ikke fået kigget på det.. Og textmate til php/js/andet godt.

Kig på reklamen til højre

Får jeg så kun 21,6cm når jeg vil have 27cm? Eller skal jeg kun bruge 21,6cm materiale for at få det til at fylde 27cm? Og hvorfor egentlig kun 27cm når jeg nu ikke har søgt på 27cm?

Bortset fra det er det ret sejt, at Google selv regner cm*cm*cm om til liter, når det nu var det jeg ville frem til

PS: At jeg vil frem til et antal liter, kunne (hvis man var lidt sej) godt tolkes til at jeg nu har hentet mit gamle akvarium og vil til at flytte livefisken over i det, helt uden at være en forkert tolkning.

Tags i Photoshop

Messenger reklamerer for IE8

Syns nu det ville være synd for min stakkels Chrome at blive nedgraderet til noget som helst IE..