Jacob Jensen på toppen

"Husk din header og din fod!" - Jacob Jensen - 2011

Skulle lige på ... er da ret godt gået i disse google-tider. Uden log-in og taget fra en anden maskine.

Meget godt gået når navnet er Jacob Jensen! Og man ikke er logget på Google.

Elsker stadig når poder sprøger om jeg er dén Jacob Jensen :-)

SEO er i dag ikke optimeret til søgning med ÆØÅ på en ordentlig måde - og måske fordi de danske programmører ikke er med på noderne - specielt når det gælder domæner med ÆØÅ!

Og det bliver aldrig nemmere af forkerte ISO- eller UTF-standarder i koderne... og at DB'erne arbejder med deres eget sprog.

Facebook Metatags

Må hellere lige for en god ordens skyld præsentere hele FB-koden
Nedenstående placeres i <head>

<!-- facebook meta #start ************************* -->
<meta content='Jacob Jensens blog om Webdesign, mm.' property='og:title'/>
<meta content='website' property='og:type'/>
<meta content='http://jacob-jensen.blogspot.com/' property='og:url'/>
<meta content='http://www.jjweb.dk/images/jjweb-blog-facebook.png' property='og:image'/>

<meta content=http://www.ditsite.dk' property='og:site_name'/>
<meta content='din beskrivelsen som af sitet' property='og:description'/>
<meta content='DIT-FB-BRUGER-ID' property='fb:admins'/> 
<!-- facebook meta #end   ************************* -->

Nedenstående skal placeres i <body> hvor man ønsker FB.

<!-- facebook #start ************** -->
<div id='fb-root'/>
<script language='javascript' src='http://connect.facebook.net/da_DK/all.js#xfbml=1'/>
<fb:like action='like' font='segoe ui' href='http://jacob-jensen.blogspot.com/' layout='button_count' send='false' show_faces='false' width='200'/>
<!-- facebook #end   ************** -->

Du skal være opmærksom på at du ikke kan være logget på FB, når du bruger deres værktøjer. Dette også selvom du er medlem af deres developer group. Jeg kunne i hvert fald ikke!

Du skal også være opmærksom på at W3.org ikke anerkender Facebook metatags som valide!

Tjek hvad din Facebook kode melder tilbage

I disse Facebook-tider er det altid rart at kunne se, hvad ens website melder tilbage - hvad der bliver posted på FB. Det kan man via Facebook Developers.

Via deres Object Debugger kan du se, hvad din siden generere på Facebook.

Brug egne skrifter på dine Websites 2

Her er en stump CSS, der viser koderne til alle font-typerne.

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('../DroidSerif-Regular-webfont.eot');
    src: url('../DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../DroidSerif-Regular-webfont.woff') format('woff'),
         url('../DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('../DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, p { 
  font-family: 'DroidSerifRegular', Verdana, Tahoma;
}

<p >Hello world!</p>

Brug egne skrifter på dine Websites

Et forsøg på at ændre skrifttyper på en hjemmeside. Det virker fint i Firefox og Chrome, men ikke i Explorer.

<style type="text/css">
  @font-face {
  font-family: "My Custom Font";
  src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
  font-family: "My Custom Font", Verdana, Tahoma;
}
</style>

<p class="customfont">Hello world!</p>

For understøttelse i IE, skal fonten konverteres til EOT-formatet. Jeg har fundet et glimrende online værktøj til at generere stylesheet'et og font'ne.  Med @font-face Generator kan du uploade dine fonte og automatisk få genereret stylesheet og web-formater af fonten.

Bemærk: At fonten SKAL ligge i samme mappen som den side den skal vises på, ellers virker det ikke

Et hurtigt eksempel kan ses her!

Flash vejr widget

Så lykkedes det endelig at få min flash-vejr-widget lavet. Der har været problemer undervejs, specielt pga. flash security-policy som gør det besværligt at hente variabler fra andre servere.
Jeg lavede et ASP-Script til at generere XML-siden server-side og dermed tror Flash at den får variablerne fra den lokale server og ikke en remote server.

Jeg henter data fra http://www.weather.com/, hvor jeg har oprettet en konto gratis.

Flash cross domain

Jeg har fundet løsningen på cross domain-problemet. Jeg lavede et ASP-script der henter XML-filen og derefter inddeler jeg den i et array.

<%
Response.Buffer = True
Dim objXMLHTTP, xml

Set objXML = Server.CreateObject("Microsoft.XMLHTTP")
url="http://www.DIN-URL.dk/din-xml-fil.xml"

objXML.Open "GET", url , False
objXML.Send

'Response.Write objXML.responseText

myArray = Split(objXML.responseText," ") 

Dim counter 
for counter = 0 to UBound(myArray)
  Response.Write(counter & ": " & myArray(counter) & "<br />")
next

Set objXML = Nothing
%>

Eller hvis der skal hentes XML direkte ind kan det gøres sådan her:

<%
url = "http://www.server.com/DIN-URL.XML"
set xmlhttp = CreateObject("MSXML2.ServerXMLHTTP") 
xmlhttp.open "GET", url, false 
xmlhttp.send "" 

Response.write server.HTMLEncode(xmlhttp.responseText)
%>

Gratis Uninstaller

Jeg synes tit et program efterlader en del filer efter det er blevet afinstalleret. Men jeg har fundet Revo Uninstaller Pro som kan finde de extra filer og fjerne dem.

Revo uninstaller er gratis og kan hentes her.

Flash cloud tags med XML

Faldt lige over dette smarte lille værktøj på Art Viper til at lave egne Flash cloud tags med billedindhold vha. XML.

Fjern røde øjne

Jeg faldt lige over dette smarte program, som kan fjerne røde øje fra billeder helt automatisk. Endda på flere billeder af gange.
Rent faktisk virker det på 90% af alle de billeder jeg har leget med.

Det kan hentes gratis her.

Ønsker du ikke at oplyse din e-mail kan du klikke på Click here if you don't want to enter your personal information og du kan downloade alligevel

Notepad2

Jeg har altid ledt efter alternativer til Windows Notepad. En simpel, hurtig editor. Og for nylig fandt jeg Notepad2 (NP2).
Det gode ned NP2 er at programmet forstår formater som XML, HTML, ASP, etc. Udover farvekoder er der også linienumre, hvilket er en rigtig fed ting.

NP2 kan downloades her!

ASP.NET

Hen over sommeren er jeg begyndt at lege med .NET i Visual Studio 2010 (VS). Man skal lige vende sig til det, men det ser godt nok smart ud og jeg kan ikke forstå jeg ikke er gået i gang  noget før. Der er dog én ting som ikke er så fedt - og det er når man laver CSS. VS har ingen colorpicker! Men der er heldigvis hjælp at hente på MSDN, som også har mange andre spændende (og gratis) udvidelser til VS.

Aptana

Aptana er et fremragende alternativ til Adobes Dreamweaver. Tjek det ud her på Aptana