(index) LIST of posts

SEO-tips

digitalpoint.com/tips/searchengine.html

loadSound (as2)

var lyd1:Sound = new Sound();
lyd1.loadSound("musik.mp3",true);
lyd1.stop();
o-knap.onRelease=function(){
	lyd1.start();
	}

Mobil ressourcer

For wordpress

<?php if ( $is_iphone ) {?>
     // mobile template
<?php } else { ?>
     // regular template
<?php } ?>

Virker også for android – (men ikke for palm og blackberry)

Utilities og generatorer

Browser

detectmobilebrowsers.mobi generator og script

CSS

gradients.glrzad.com gradient generator
css compressor

Android apps

http://www.androiddownloadz.com/android-apps
http://www.freewarelovers.com/android
http://www.freeandroidware.com/apps/

Styling til mobil


http://building-android-apps.labs.oreilly.com/ch03.html
Med ajax loades elementer ind i mobilversionen, fra en desktopversion.
Hvor JQeryMobile gav den lette version af en lignende struktur i en intern side, er bogens kapitel 3 en medium-svær udgave. Dog stadig med JQuery, som jo forenkler processen meget ved DOM scripting.

Godbidder fra bogens Kapitel 3

ellipsis

/*Forhindrer teksten i at blive for lang, og afslutter med forkortelsen "..."*/
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

-webkit-border-image

/*Kantbeskæring - top, right, bottom, left - med uret*/
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(images/back_button.png) 0 8 0 14;

css3.info/preview/border-image/

-webkit-tap-highlight-color

/*Kun Android - fjerner link-kant*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);

ikon: apple-touch-icon-precomposed

<!--Icon til at gemme på springbrættet-->
    <link rel="apple-touch-icon-precomposed" href="myIcon.png" />

Flere apple head tags

I forbindelse med at gemme sitet på springbrættet som app.

<!--Vil på iphone gemme cachen-->
    <meta name="apple-mobile-web-app-capable" content="yes" />
<!--Vil på iphone gemme statusbar-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!--Splash page-->
    <link rel="apple-touch-startup-image" href="2.gif" />

Andre Styling ressourcer


smashingmagazine.com/2009/06/15/take-your-design-to-the-next-level-with-css3/


css3wizardry.com/2010/08/19/css3-gradients-and-patterns/ bemærk: -webkit-background-size

Retina display og css

Differencieret grafik med media query

fra blog.iwalt.com

<link
    rel="stylesheet"
    type="text/css"
    href="/css/retina.css"
    media="only screen and (-webkit-min-device-pixel-ratio: 2)"
/>

dryan.com/articles/posts/2010/6/25/hi-res-mobile-css-iphone-4/

JQuery Mobile

Fortsat –
http://jquerymobile.com/
Nu har I prøvet at bygge en side op med JQuery Mobile
Her er en link, der gennemgår de vigtigse features:
http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/

ikoner

http://www.komodomedia.com/download/#social-network-icon-pack
http://www.famfamfam.com/lab/icons/silk/

Variation over kak3 øvelse

- til også at indeholde funktionalitet fra kap 2
pixelsinmycoffee.com/aps/2-3/android.html

Pauseknap

Med if else og en ‘boolean’
Læs om syntaksen her

this.soundButton.onPress = function () {
	if (this.spiller != true) {
		this.gotoAndStop ("play");
		this._parent.lydloop.play ();
		this.spiller = true;
	} else {
		this.gotoAndStop ("pause");
		this._parent.lydloop.stop ();
		this.spiller = false;
	}
};

Den skrabede
En anden måde at lave betingelser på – læs om syntaksen her

o.onRelease = function () {
	clicked = (!clicked) ? true : false;
	this._alpha = (clicked) ? 50 : 100;
};

Tutorials spil

Eksempler, variationer og supplerende tutorials til de gennemgåede spil-øvelser – i form af links.
Se også i kommentarerne.

Interaktive øvelser

edutechwiki: interactive_objects_tutorial

Puslespil

riacodes.com: drag-the-pieces-of-the-puzzle
monkeyflash.com flash-drag-and-drop
pixel2life.com: create_a_drag_and_drop_puzzle_in_actionscript_3_0 (classes)

Brickbreaker

En variation/udviddelse af squash-spillet
mrsunstudios.com: create-a-brick-breaker-game-in-as3

Andet


active.tutsplus.com: build-a-mini-golf-game-with-actionscript-3-0
Create-a-Scratch-card-in-AS3

Avanceret

Her er spillet ofte bygget op med classes
mrsunstudios.com/tutorials/
gamedev.michaeljameswilliams.com: avoider-game-tutorial