Blog d'un développeur front-office

Sush.io

Enfin du frais pour ses données! Interface incroyable pour Mac OSX.

Comments
Text

Hier j’ai voulu installer le framework Sencha Touch 2.

J’utilise un macbook pro sous OS X moutain lion avec ZSH. Autant dire que j’ai eu un peu de mal à faire marcher le tout, mais j’ai finalement réussi après pas mal de recherche.

Je vous résume donc la procédure ici afin de vous faciliter la tâche.

1. Téléchargez Sencha Touch 2 ici : http://www.sencha.com/products/touch/

2. Décompressez l’archive et placer le dossier sur votre localhost

3. Séléchargez Sencha SDK Tools ici : http://www.sencha.com/products/sdk-tools/download

4. Décompressez l’archive et lancez l’application SenchaSDKTools-2.0.0-beta3-osx pour installer le SDK

5. Éditez votre .zshrc an ajoutant les deux ligne indiquées sur ce gist : https://gist.github.com/2492576 (en remplaçant par le chemin de votre SDK, qui devrait être /Applications/SenchaSDKTools-2.0.0-beta3)

6. ouvrez un terminal, rendez vous dans le dossier de Sencha Touch 2
cd Sites/sencha-touch-2.0.1.1

lancez la command

sencha

Vous devriez voir ceci :

Sencha Command v2.0.2
Copyright (c) 2012 Sencha Inc.

Usage:
    sencha [module] [action] [arguments...]

...

7. Essayez de générer une application :

sencha generate app MyApp /path/to/MyApp

Et voilà !

Comments
jayrobinson:

Just installed an unnecessary amount of Firefoxes, via Gregory Koberger:

curl -L -O https://github.com/omgmog/install-all-firefox/raw/master/install-all-firefox.sh
chmod +x install-all-firefox.sh
./install-all-firefox.sh [version] [locale]


  Version and locale are option. If you don’t use a locale, it will try to figure out your locale. If you don’t have a version, it will install all available versions of Firefox.
  
  If you want to see what’s available (and what you have installed):


./install-all-firefox.sh status

The benefit of installing this way is that now Add-Ons are profiled; so the latest release of Firebug won’t complain when I launch an older, incompatible version of Firefox.

jayrobinson:

Just installed an unnecessary amount of Firefoxes, via Gregory Koberger:

curl -L -O https://github.com/omgmog/install-all-firefox/raw/master/install-all-firefox.sh
chmod +x install-all-firefox.sh
./install-all-firefox.sh [version] [locale]

Version and locale are option. If you don’t use a locale, it will try to figure out your locale. If you don’t have a version, it will install all available versions of Firefox.

If you want to see what’s available (and what you have installed):

./install-all-firefox.sh status

The benefit of installing this way is that now Add-Ons are profiled; so the latest release of Firebug won’t complain when I launch an older, incompatible version of Firefox.

(via kaelig)

Source: jayrobinson

Comments

Vincent De Oliveira · iamvdo.me: Imbrication de boites en CSS avec display: table

iamvdo:

Tout d’abord, plantons un peu le décor: les valeurs table, table-row, table-cell, etc. permettent de simuler une structure en tableau, de la même façon que le faisaient les balises table, tr, td, etc., mais de façon propre, puisque la mise en forme est entièrement réalisée via CSS.

Si vous…

Source: iamvdo

Comments
Text

Récemment je me suis mis à Backbone.js en suivant le tuto de Nettuts+ (qui consiste à développer un gestionnaire de contact).

J’ai voulu aller plus loin, en attendant la suite, en construisant une colonne à gauche qui liste tous mes contacts par ordre alphabétique.

J’ai commencé à expérimenter comment trier un tableau d’objet sans succès, jusqu’à ce que je trouve une méthode toute simple de l’objet Array en javascript, sort(), à laquelle on peut passer une fonction pour définir la méthode de tri qu’on veut lui appliquer.

Dans mon cas (appliqué à Backbone.js) :

[Array].sort(function(a,b){
	if(a.attributes.lastname == b.attributes.lastname){
		if(a.attributes.firstname == b.attributes.firstname){
			return 0;
		}
		return (a.attributes.firstname < b.attributes.firstname) ? -1 : 1;
	}
	return (a.attributes.lastname < b.attributes.lastname) ? -1 : 1;
});

Comments

Bricss: Forget loading spinners, use a wait cursor

bricss:

There are loads of funky “loading” animated gifs out there, and these days I also encounter a few CSS spinners. But a technique I haven’t seen a lot is simply using the cursor property to convey the message.

Desktop apps usually use the cursor to indicate that users have to wait. Most of the…

Source: bricss

Comments
Text

responsivenews:

If you’ve spent any time building responsive websites with fluid grids, you will have encountered the shock of seeing your beautiful portrait layout distort when viewed in landscape mode (or vice-versa.)

Read More

Source: responsivenews

Comments