communication, design, musique and much more !

Phonegap + Sencha : orientation change solution

Posted: August 13th, 2010 | Author: Fabien | Filed under: Développement, Logiciel os X | Tags: , , , , , , , | 1 Comment »


Si comme nous vous êtes entrain de déployer des applications iPad, une solution intéressante et permettant la réalisation plus rapide d’application basique est envisageable. Utiliser : Phonegap et Sencha Touch. Seul petit problème le UIWeb composant de Xcode ne gère pas les changements d’orientation. Voici donc la solution :

Ext.setup({
onReady: function() {
panel = new Ext.Panel({
fullscreen: true,
layout: 'card',
items:[{xtype:'panel',contentEl:'portrait-container',scroll:'vertical'},
{xtype:'panel',contentEl:'landscape-container',scroll:'false'}]
});
Ext.EventManager.onWindowResize(setActivePanel);
}
});

function setActivePanel(){
panel.setOrientation( Ext.getOrientation() , window.innerWidth , window.innerHeight );
};

Voir notre post sur Sencha : Phonegap + sencha orientation

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

Coda Notes pour Safari

Posted: August 9th, 2010 | Author: Fabien | Filed under: Développement, Logiciel os X | Tags: , , , | 2 Comments »

Il n’aura fallut qu’un mois à l’équipe de Panic (Transmit et Coda) pour réaliser leur plugin Safari “Coda Notes”. Disponible pour la version Mac et Windows du navigateur d’Apple, cet outils vous permet d’annoter, de dessiner en toute simplicité sur des pages web directement dans votre navigateur puis de les diffuser par mail auprès de vos équipes pour faire vos commentaires ou les corrections associées.

Pour en savoir plus : Panic Blog -> Coda Notes

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

HTML 5 pour les webdesigner

Posted: May 19th, 2010 | Author: Fabien | Filed under: Design, Développement | 2 Comments »

L’HTML5 débarque avec ses 900 pages de spécificités. “A List a Part”, cet excellent magazine en ligne ! Vous propose en 85 pages de trouver toutes les informations nécessaires pour les webdesigner.

“HTML5 for web designers” est écrit par Jeremy Keith et disponible pour l’instant uniquement en anglais et à partir du mois de juin. Bonne lecture !

Pour passer votre commande : books.alistapart.com/product/html5-for-web-designers

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

Ceremony of Innocence – Flashback …

Posted: May 14th, 2010 | Author: Fabien | Filed under: Art, Design, Développement | Tags: , , | 1 Comment »

Flashback de vieux con, à 33 ans, je cherche à me rappeler ce qui a fait que l’interaction allait devenir mon dada, ma vie et l’origine de la création d’Oxynel. Flash-back et focus sur un CD-ROM réalisé sous Director de Macromédia et que nous ne pouvons plus lire à ce jour, car les systèmes d’exploitation ont fait leur révolution. Flash-back qui me permet de faire un clin d’oeil à Anne et François qui m’ont fait découvrir cette merveilleuse réalisation.

Ceremony of Innocence est un jeu mystérieux qui a réuni plus de 100 artistes différents : musiciens, animateurs, musiciens, programmeurs de Realworld Multimédia. Créateur de l’application EVE de Peter Gabriel, cette équipe a adapté les créations visuelles de la trilogie de Nick Bantock et l’a sublimée pour en faire une application interactive d’une rare qualité sonore, visuelle, esthétique.

Ceremony of Innoncence, c’est l’histoire mystique entre GRIFFIN & SABINE, un jeune artiste anglais et sa muse, dévoilée par leur correspondance de 58 cartes postales et lettres dont vous devez trouver l’énigme qui vous permettra d’avancer dans l’histoire.

Les voix originales de ce CD-ROM, celles de  Paul McGann, Isabella Rossellini et Ben Kingsley, une adaptation sublime en version française embarquent Tom Novembre et Marie Trintignant. Produite par Peter Gabriel, cette oeuvre n’est visible que sous Windows 95/98 et Mac OS 9. Nous avons trouvé sur Viméo une vidéo qui vous présente ce CD-ROM.

Pour en savoir plus : www.nickbantock.com & www.realworldmultimedia.com

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

Ce qu’il fallait voir ce weekend !

Posted: May 10th, 2010 | Author: Fabien | Filed under: Développement | 1 Comment »

Toujours à la recherche d’information pour animer les techniques de la boîte et stimuler nos créations …

  1. HoverAttribute jQuery, un superbe survol de lien qui permet d’apporter une information sur un lien de contenu.
  2. Prowl, un service en ligne pour les notifications iPhone, avec un Tutoriel de Phil Sturgeon (CodeIgniter)
  3. The Invoice Machine par Bombia Design AB. Une solution simple et top pour la facturation de vos prestations avec un couplage PayPal pour le règlement. Une API est disponible pour ce superbe service.
  4. Flowtown est maintenant sur notre lecteur RSS Fever, marketing et graphique… un régal de synthèse graphique. Ici “Les adolescents et leurs téléphones”.
  5. Combien vaut un fan Facebook !
  6. Les 6 hacks indispensables à connaître pour Codeigniter.
  7. Codeigniter 77 ressources pour en savoir plus : astuces, vidéos, tutoriels, …
Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

Coda ajouter la syntaxe CodeIgniter

Posted: May 5th, 2010 | Author: Fabien | Filed under: Développement, Intégration, Oxynel | Tags: , , , , | 1 Comment »

Pour ajouter la syntaxe du framework Codeigniter dans Coda Panic, rien de plus simple, il vous suffit de suivre les informations ci dessous et de réaliser cela étape par étape.

  1. Télécharger le ZIP contenant la syntaxe sur le site SubEthaEdit pour CodeIgniter
  2. Dezipper votre fichier Codeigniter.mode.zip
  3. Placer le fichier Codeigniter.mode dans le répertoire /Users/YOURUSERNAME/Library/Application Support/Coda/Modes/
  4. Lancer votre logiciel coda, puis modifier la syntaxe de votre fichier grâce au menu Text -> Syntax mode -> Codeigniter
  5. Et voila ! Vous avez accès à toutes les fonctions de CodeIgniter directement dans Coda.

Pour aller plus loin : Coda (Éditeur pour le développement intégrant SVN et FTP de vos fichiers) – CodeIgniter (Framework de développement PHP)

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

Gity, le logiciel OS X pour gitHub …

Posted: May 5th, 2010 | Author: Fabien | Filed under: Développement | Tags: , , | 1 Comment »

Vous avez surement entendu parler de Git ce logiciel de gestion code source et de version décentralisé ? Distribué sous GNU GPL version 2, ce logiciel dont l’auteur n’est autre que Linus Torvalds, papa du noyau Linux, est sur la pente ascendante et vient concurrencer le sérieux SVN (subversion). Gérant l’évolution du contenu d’une arborescence, Git se révèle être le compagnon idéal de toutes structures ou développeurs qui souhaitent avoir une vision collaborative d’un développement applicatif web ou software.

Github est l’une des plateformes permettant de collaborer à plusieurs sur un développement. Il fallait trouver le bon client pour gérer vos versions de développement et Gity semble être le compagnon idéal pour gérer vos versions locales, sur votre serveur interne et sur votre plateforme collaborative comme Github.

Pour en savoir plus sur Gity : macendeavor.com/gity/

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

UI Stencils : l’outil indispensable des ergonomes, webdesigner, …

Posted: April 11th, 2010 | Author: Fabien | Filed under: Design, Développement | Tags: , , | 5 Comments »

Il fallait y penser ! et bien UI Stencils l’ont fait ! Pour vos croquis et vos design d’interface iPhone, Web ou iPad, vous pourrez rapidement mettre en forme votre pensée et apporter une vraie prémaquette fonctionnelle à vos cahiers des charges, à vos équipes de développement, mais surtout à vos graphistes. Chef de publicité, Chef de projet ou encore ergonome pourront mettre à profit leur savoir-faire à la disposition de leurs équipes. Rien de mieux lors d’un échange client de s’armer de ce sublime outil en acier. Vous pouvez aussi acheter les blocs-notes correspondants. Merci à Laurent Demontiers (Twitter) pour cette découverte.

Pour en savoir plus : www.uistencils.com

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

Installer ffmpeg sur une release Gentoo OVH

Posted: April 7th, 2010 | Author: Fabien | Filed under: Développement | Tags: , , , , , | 1 Comment »

Un petit tutorial rapide pour installer l’application ffmpeg sur une release Gentoo OVH.

1° Connectez-vous à votre serveur via ssh et taper les informations suivantes dans votre console.

emerge --ask --verbose =app-arch/lzma-utils-4.32.5

puis

emerge ffmpeg

2° Dans vos scripts PHP, vous pouvez utiliser la commande exec suivante pour lancer la transformation de vos videos en flv.

define('FFMPEG_LIBRARY', '/usr/local/bin/ffmpeg ');
$exec_string = FFMPEG_LIBRARY.' -i '.$video_sources.' -ar 22050 -ab 200 -aspect 4:3 -b 500k -s 480X360 -r 25 '.$flv.'';
exec($exec_string);

N’hésitez pas à nous laisser des commentaires pour nous faires part de vos réussites d’installation ou des bugs  !

Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz

CKeditor : récupérer la valeur des champs TEXTEAREA en AJAX

Posted: January 21st, 2010 | Author: Fabien | Filed under: Développement | Tags: , , , | 3 Comments »

Si vous utilisez CKeditor c’est excellent WYSIWYG pour vos interfaces d’administration et que vous souhaitez sauvegarder en AJAX, l’ensemble de votre formulaire, vous avez du rencontrer un problème à réccupérer la valeur de votre champ.

En effet CKeditor se substitue à votre champ TEXTAREA, il faut donc indiquer à CKeditor de repeupler votre champ text afin que vous puissiez faire votre enregistrement avec la ligne de javascript suivante :


// force le champ textarea qui a été subtitué à ckeditor
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
Partager:
  • Print
  • Twitter
  • Facebook
  • Scoopeo
  • Yahoo! Buzz