Hajapa är en produktionsbyrå som levererar interaktiva lösningar för webben och andra digitala medier.

Cirkus Loppan lanserad

Cirkus Loppan erbjuder ett utvalt vintage- och andrahandssortiment.

Design och koncept: Cirkus Loppan och Hajapa
Produktion: Hajapa
Teknik: HTML, JavaScript, php, PrestaShop
Länk: cirkusloppan.se

Tännäskröket – Ett eget ställe i fjällen

– Vårt motto är ett eget ställe i fjällen, och det ska genomsyra allt vi gör. Vi ville ha en sida som avviker från standardmallen, säger Deniz Bulus, marknadschef för Tännäskröket.

– Den nya designen med stora bilder i kombination med bildcitat ska ge besökarna en närvarokänsla. Målet är att det ska kännas mer som ett påkostat magasin än en traditionell hemsida, förklarar Buluz.

Design och koncept: DESIGN BY FERNGARD och Staffan Bane
Produktion: Hajapa
Teknik: HTML, JavaScript, php, WordPress
Länk: www.tannaskroket.se

Grill har ny hemsida

Hajapa har tillsammans med Lobby Design tagit fram en ny hemsida för restaurangen Grill i Stockholm.

Design och koncept: Lobby Design
Produktion: Hajapa
Teknik: Flash, JavaScript, php, WordPress, After Effects
Länk: www.grill.se

Douglas the Dalahäst nu i App Store

Nu ligger min första app uppe i App Store.

Den är framtagen tillsammans med Högskolan i Dalarna och Norkay

Ladda ner spelet här

Spelet är en del i en större kampanj och kan även spelas via www.scienceofdalarna.se/kurbitsskogen

Testar @font-face och lokala typsnitt

För några år sedan skapade jag ett eget typsnitt av min egna snirkliga handstil. Nu när jag läste på om hur det funkar med lokala typsnitt och CSS så är jag såklart tvungen att använda det i min lilla test. För att få typsnittet i alla format som behövs för att det ska funka i alla webbläsare rekommenderar jag http://www.fontsquirrel.com/fontface/generator/

Mer om hur det funkar med @font-face kan man läsa här http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

Om du gillar fonten så kolla in den här demo-sidan.

YouTube på Facebook



Efter att ha letat runt en hel del efter en passande app för att enkelt visa filmer från en viss kanal eller spellista från YouTube i en flik på en Facebooksida så gav jag upp och skrev ihop en liten app själv.

Här är resultatet: http://www.facebook.com/pages/Mimikry/172099469376?v=app_135572826506397&ref=ts

Och här är koden.

<?php 

	function parse_query($var) {
		$var  = parse_url($var, PHP_URL_QUERY);
		$var  = html_entity_decode($var);
		$var  = explode('&', $var);
		$arr  = array();
		
		foreach($var as $val) {
			$x = explode('=', $val);
    		$arr[$x[0]] = $x[1];
    	}
  		
  		unset($val, $x, $var);
  		return $arr;
  	}
  	
  	function showThumbs($title, $xml, $limit=100) {

		$doc = new DOMDocument();
		$doc->load($xml);
		
		$items = array();
		
		$i=0;
		
		foreach ($doc->getElementsByTagName('item') as $node) {
			$itemRSS = array ( 
								'guid' => $node->getElementsByTagName('guid')->item(0)->nodeValue,
								'title' => $node->getElementsByTagName('title')->item(0)->nodeValue,
      							'desc' => $node->getElementsByTagName('description')->item(0)->nodeValue,
      							'link' => $node->getElementsByTagName('link')->item(0)->nodeValue,
      							'date' => $node->getElementsByTagName('pubDate')->item(0)->nodeValue
      						);
      		$i++;
      		if($i<=$limit) {		
	      		array_push($items, $itemRSS);
	  		}
  		}
  

		echo "<div class=\"thumbs\">\n";
		echo "<div class=\"header\"><h1>" . $title . "</h1></div>\n";
		echo "<div class=\"thumbs\">\n";

  		foreach($items as $item) { 	
  			$params = parse_query($item['link']);
  			$id = $params['v'];
	
			echo "<div class=\"thumb\"><a href=\"" . $item['link'] . "\"><img src=\"http://i.ytimg.com/vi/" . $id . "/default.jpg\"><br />" . $item['title'] . "</a></div>\n";
  		}
		
		echo "</div>\n";
		echo "</div>\n";

	} 

?>

<style>
	
	.header {
	padding-bottom: 10px;
	}
	
	#player {
		padding-bottom: 10px;
	}
	
	.thumbs {
		width: 100%;
		clear: both;
	}
	
	.thumb {
		float: left;
		width: 120px;
		height: 140px;
		overflow:hidden;
		text-align: center;
		padding-right: 10px;
	}
	
</style>

<?php

	showThumbs('Senaste från YouTube', 'http://gdata.youtube.com/feeds/base/users/mimikrysweden/uploads?alt=rss&amp;v=2client=ytapi-youtube-profile&amp;', 8);
	showThumbs('Videor', 'http://gdata.youtube.com/feeds/api/playlists/A7DDD0E28DD61DF3?alt=rss&amp;v=2client=ytapi-youtube-profile&amp;');

?>

<br style="clear: both;" />

Hajapa inleder nytt samarbete

Tillsammans med StagePool och Ubetoo har Hajapa satt ihop ett special-erbjudande riktat mot artister och företag i underhållningsbranschen.

Kolla in erbjudandet här

Hajapas logga snart i lego

Om du känner för att bygga din logga i lego så gör ett besök på brickify.com. Nu ska jag bara iväg till närmsta legoaffär och köpa alla deras gröna och vita bitar…

Kul att de byggt det hela i html5, det hade så klart blivit lite snyggare om det var i Flash, men det är ju min åsikt.

Gott Nytt År!

Nytt år, nya möjligheter…

Ingo har fått en egen iPhone-app

Nu när det går att exportera en iPhone-app direkt ifrån Flash så var jag ju bara tvungen att porta Ingos favoritbok till en app och lägga in på min telefon. Det blev succe och han höll sig vaken en timme extra…