Vores Meeho!™ Blog giver dig generelle nyheder, tekniske tips, inspiration og mere til i relation til Meeho!™-platformen.

Tilmeld dig gratis nu!

Indlæg i kategorien ‘HTML og CSS’

« Ældre indlæg
Nyere indlæg »

» Et tip til webudviklerne: Raphaël

Skrevet af Kasper Tidemann d. 16/2 2010 kl. 02:48

Et lille tip til alle jer webudviklere, som altid er på udkig efter nye og spændende ting: hvad med at tage et kig på Raphaël? Det er et JavaScript-bibliotek, som kan lave rigtig fin vektorgrafik. Du kan se nærmere på Raphaël her, og hvis du vil se et hurtigt eksempel, kan det her fx anbefales.

... det ser da sådan ud!

... det ser da sådan ud!

Tilføjet under Generelt, HTML og CSS, Teknik · Ingen kommentarer »

» Den rigtige måde at bruge ORGANIZER-attributen på ifm. iCalendar-formatet

Skrevet af Kasper Tidemann d. 11/1 2010 kl. 03:32

At arbejde med iCalendar-formatet i Ruby on Rails giver dig automatisk mange muligheder for hurtigt at hive data ud, som genereres ved hjælp af en gem som fx iCalendar. Problemet er bare at gem’en ikke håndterer ORGANIZER-attributten på den rigtige måde. Den genererer i stedet det følgende:

ORGANIZER:Kasper Tidemann

… hvilket resulterer i at ORGANIZER-informationen ikke bliver vist i iCal. Det virker dog hvis du fjerner mellemrummene i attributtens værdi, det vil sige, det virker hvis du gør følgende:

ORGANIZER:KasperTidemann

… men selvom det virker, så er det jo ikke helt dét, vi gerne vil have. Arrangørens navn er jo ikke “KasperTidemann”, for nu at være præcis, men “Kasper Tidemann”. Selvom det her indlæg omhandler hvorledes brugen af iCalendar-gem’en kan forbedres ifm. korrekt visning i iCal, så er det følgende princip absolut generelt for iCalendar-formatet i det hele taget.

For at få iCal til at vise dig navnet på arrangøren plus vedkommendes e-mail-adresse, skal ORGANIZER-attributten se således ud:

ORGANIZER;CN=Kasper Tidemann:mailto:kt@meeho.dk

Hvis det er tilfældet, så ser begivenheden sådan her ud i iCal:

Screenshot af iCal, som viser info om arrangøren af begivenheden.

Screenshot af iCal, som viser info om arrangøren af begivenheden.

Jeg har skrevet til dem, der vedligeholder gem’en, men de har ikke svaret mig endnu. Indtil da kan du enten selv modificere gem’en eller gøre brug af custom_property-metoden som ligger i gem’en:

event.custom_property("ORGANIZER;CN=Kasper Tidemann:mailto", "kt@meeho.dk")

Strengt taget er det jo ikke sådan metoden skal bruges. Egentlig er det meningen at man blot indtaster navnet på en attribut samt dens værdi, men hey, ovenstående virker og løser problemet indtil gem’en er fikset.

Tilføjet under Generelt, HTML og CSS, Teknik · Ingen kommentarer »

» Find ud af hvilket HTML-element, som har fokus

Skrevet af Kasper Tidemann d. 5/1 2010 kl. 04:45

Hvis du har brug for at vide hvilket element på din HTML-side, som har fokus, kan du bruge document.activeElement-attributten, som for nyligt er blevet introduceret i alle de større browsere (det virker i Firefox 3, Safari 4, Internet Explorer 8 mv.).

Det er især brugbart hvis du fx skal afgøre om et input-felt har fokus eller ej. En bruger kan være ved at indtaste noget i en formular, du har lavet, og så vil du ikke have at brugeren forlader siden (ved en fejltagelse) midt i en indtastning i et af dine input-felter.

Som et eksempel på brugen af document.activeElement, kan du se nærmere på følgende stump kode:

<html>
<head>
<title>Min testside</title>
<script type="text/javascript">

window.onkeypress = getActiveHTMLElement;

function getActiveHTMLElement(keyevent) {

keyevent = (keyevent) ? keyevent : ((window.event) ? event : null);

if (keyevent) {

switch (keyevent.keyCode) {
case 8:
alert(document.activeElement.tagName);
break;
}

}

}
</script>
</head>

<body>

Det her er min testside. Og tryk så på backspace!

</body>
</html>

Ovenstående vil returnere tag-navnet på det element, som har fokus hver gang, du trykker backspace på siden.

document.activeElement-attributen er en del af den kommende HTML 5-specifikation. For mere informaton kan du klikke her og læse om de kommende ændringer.

Tilføjet under Generelt, HTML og CSS, Teknik · Ingen kommentarer »

» Google Browser Size

Skrevet af Kasper Tidemann d. 28/12 2009 kl. 09:50

Google har udviklet et interessant værktøj baseret på de forskellige browservindue-størrelser, som anvendes af de mange millioner af brugere, som besøger Google hver dag. Værktøjet hedder Browser Size og det gør dig i stand til at sikre at de vigtigste dele af din hjemmeside kan ses af størstedelen af dine besøgende, i hvert fald som det ses gennem Googles optik.

Du kan se nærmere på Browser Size på adressen http://browsersize.googlelabs.com.

Tilføjet under Generelt, HTML og CSS, Teknik · Ingen kommentarer »

Nyere indlæg »