Archive for april, 2009

jQuery columns plugin as in magazines

april 23, 2009

http://welcome.totheinter.net/columnizer-jquery-plugin/

Don´t know if it works for screenreaders…

XHTML and CSS reference

april 23, 2009

http://htmldog.com/reference/htmltags/cite/

jQuery inspiration

april 23, 2009

Here are some inspiration:

http://net.tutsplus.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/
 

http://www.myphpdunia.com/2009/04/19/top-10-jquery-examples-with-live-demos/

Google Maps API – Basics

april 15, 2009

The first thing you have to do for developing with Google Maps API is to get a key.
You are required to fill in wich url you are going to develop under as well.

You can get it here:
Get Google MAP API key

Load the Map API

 <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"  type="text/javascript"></script>

Set the sensor to true and don´t forget to change the key to your own.

You need a container to hold the map, for example:

<div id="map_canvas"></div>

Then you initialize the script in the body tag with:

 <body onload="initialize()" onunload="GUnload()">

And of course you write the function for this in your head element:

function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}

The first row makes an object of the GMap class and place it in the div ”map canvas”.
Secondly we decide what area of the world map that will display. The number 13 is the zoom level of the map.

Where am I?

To find the longitude and latitude of the map use the getBounds() method to return the GLatLngBounds value
var where = map.getBounds(GLatLngBounds);
alert(where)

Controls on the map

map.setUIToDefault();

setUIToDefault describes the user interface of the map: zooming, controls, mapview etc.

View the map as satellite-, map-, hybrid- pictures

map.setMapType(G_SATELLITE_MAP);

Satellite view : G_SATELLITE_MAP
Normal map: G_NORMAL_MAP
Hybrid map: G_HYBRID_MAP
There are two more settings: For an array of all three and a map based on terrain info.

Place markers on the map

 var point = new GLatLng(37.4419, -122.1419);
var marker = new GMarker(point);
map.addOverlay(marker);

The last row: map.addOverlay method add a marker to the map.
new GMarker makes an instance of the class where the latitudes is given through new GlatLng

Info window on the map

You can create info windows with simple text or with HTML with openInfoWindow.
The default window looks like a comic strip bubble and you can close it if you want to.

 

ZoomLevel

var zoom = map.getZoom();
alert(zoom)

Use the method getZoom()

Animate the map – pan to another location or zoom in

use the panTo method with new GLatLng method

map.panTo(new GLatLng(37.4569, -122.1569));

Egen webbserver – del 3

april 15, 2009

Herregud. Kan Loopia göra det mer krångligt och svårt att begripa deras tjänster? De skulle behöva en genomgång. De som dessutom är en av de största…

Hur som helst. DynDNS var enkel att konfiguera när man läst instruktionerna på Loopia hur man skulle göra. Men därefter att begripa hur fanken DynDNS:en uppdaterade Loopias inställningar för min domän och framför allt VAAART och HUUUUUUR? Kan Loopia göra sina tjänster mer obegripliga eller?
Efter mycket klickandes överallt och hit och dit på Loopia så såg jag att DNS:en hade uppdaterats automatiskt av DynDNS.

Bra, men det fungerade fortfarande inte.

Aha, då var det namnservrarna som inte var ifyllda med hänvisning till Loopia. Ja ja – trodde det blev Loopia automatiskt när jag köpt domänen där.

Sen dröjde det bara några minuter så var www.favoritkokboken.se igång.

Egen webbserver – del 1

april 15, 2009

Jahapp, nu är det dags för min första server hemma. Efter de två senaste webbhotellen wpsyd och 99kr.com trasslade med fakturor och tog betalt fast jag avslutat, så har jag beslutat att ha min hemsida hemma.

Så nu börjar installationen av apache på min gamla Windows XP burk. ”J” rekommenderade denna variant: Win32 Binary without crypto (no mod_ssl) (MSI Installer).

1 minut senare…oups det var enkelt. redan klart.

Egen webbserver- del 2

april 15, 2009

Härligt. Nu har jag lyckats port forwarda trafiken in via vår router LinkSys till min ”hemmaserver”.
Fick ställa in fast ip adress på denna burk, så att inte routern tilldelar den här burken dynamiska adresser. Och så se till att alla internettrafik in mot routern vidarebefodras hit.
I inställningarna för routern så hittade vi ”Tillämpningar och spel”, där skrev vi in ipadressen och valde port 80. Och aktiverade förstås..

För att säkerställa att det funkade, gick vi in på whatismyip.com och fick den externa adressen till routerna.
Men naturligtvis – glömde att stänga av windows brandvägg burken + att dela ut rootmappen på apache servern.

Men nu funkar det.

Nu är det bara del 2 kvar.
Installera DynDns och skaffa konto på Loopia.

Be tuuned.

Egen webbserver – del 2

april 15, 2009

Herregud. Kan Loopia göra det mer krångligt och svårt att begripa deras tjänster? De skulle behöva en genomgång. De som dessutom är en av de största…

Hur som helst. DynDNS var enkel att konfiguera när man läst instruktionerna på Loopia hur man skulle göra. Men därefter att begripa hur fanken DynDNS:en uppdaterade Loopias inställningar för min domän och framför allt VAAART och HUUUUUUR? Kan Loopia göra sina tjänster mer obegripliga eller?
Efter mycket klickandes överallt och hit och dit på Loopia så såg jag att DNS:en hade uppdaterats automatiskt av DynDNS.

Bra, men det fungerade fortfarande inte.

Aha, då var det namnservrarna som inte var ifyllda med hänvisning till Loopia. Ja ja – trodde det blev Loopia automatiskt när jag köpt domänen där.

Sen dröjde det bara några minuter så var www.favoritkokboken.se igång.

Axure – vid första anblicken

april 15, 2009

På jakt efter ett bättre wireframes program än det vi hade sist när jag jobbade – vilket nu är ett år sedan – eftersom jag är mammaledig, så fick jag tipset om Axure som används av mina kollegor på byrån ”A”.

Och det verkar superbra. Den där funktionen med att exportera wireframsen, så att de blir ett kapitelindelat document för specifikationer! Hur mycket tid skulle jag inte ha sparat det i mina tidigare projekt?

Sen gillar jag också att man kan skriva in kommentar vid sidan om till det man lagt in. Det behövs, för man har inte allt i huvudet.

Multiple version of IE – IETester

april 15, 2009

To be available to test several versions of IE – the best program for now is:

IEtester.
Tabview of the different versions of browsers and you can easy see which browser you rendering the page with.
The rendering of the pages is the same as the real versions except for some minor bugs that you can read about below.