Two December Network


Espresso 1.0 - Éditeur de code pour Mac

Espresso 1.0 - Éditeur de code pour Mac

Espresso est un éditeur de code sur Mac, qui supporte HTML, CSS, XML, JavaScript and PHP et permet de publier ses fichier à l’aide de FTP, SFTP, FTP/SSL ou Amazon S3.

Développée par MacRabbit, l’application peut aussi intégrer des langages supplémentaires à l’aide de plugin particuliers (Sugars) mais aussi d’autres thèmes de couleurs pour votre texte.

Il existe déjà des Sugars et de thèmes pour :

  • Expression Engine
  • PHP
  • ActionScript 3
  • Django
  • Python
  • Objective-C
  • Markdown

L’application est aussi doté de fonctionnalité diverses et variées autour de l’édition de code, de l’organisation de fichiers, de la prévisualisation et de la publication :

Édition de code : Utilisez des snippets (bouts de code) standards ou définissez vos propres snippets. Auto-complétion des différents langages supportés, vérificateur orthographique, visualisation graphique de l’arborescence du code

Organisation de fichiers : Workspace vous propose une nouveau mode de travail qui combine les tabulations que tout le monde connaît, organisés dans une barre verticale. Ceci s’avère très pratique lorsque vous travaillez sur beaucoup de fichier en même temps.

Prévisualisation en direct : L’application intègre la même fonctionnalité de prévisualisation en direct que CSSEdit.

Publication et transfert de fichiers :  Espresso vous propose une nouvelle représentation graphique des fichiers que vous êtes sur le point de mettre en ligne ou de supprimer. Pratique pour rester “synchronisé” avec votre serveur tout en évitant les erreurs.

Vous pouvez tester Espresso pendant 15 jours, l’application coûte ensuite 59,95 €. Si vous possédez déjà une version de CSSEdit, une réduction de 10 € est appliquée.

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Partagez votre inspiration avec ScrnShots - Web Creative -

Partagez votre inspiration avec ScrnShots

Partagez votre inspiration avec ScrnShots

ScrnShots est un site communautaire qui vous permet de mettre en ligne les captures d’écran que vous prenez à partir de ordinateur. Un outil pour Mac et PC est mis à disposition afin de facilité la prise et la l’envoi des captures d’écran.

Il vous est ainsi possible d’associer description, tags et URL à une capture d’écran avec l’application fournie, et de retrouver tous vos clichés dans votre compte en ligne.

ScrnShots est aussi une vraie mine d’inspiration dans laquelle vous pourrez suivre les clichés pris par vos contact, ou explorer les captures par tags ou en effectuant des recherches.

Accéder au site de ScrnShots

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Importez vos photos flickr en HD et avec leurs mots-clés depuis le nouvel iPhoto 8 - Web Creative -

Importez vos photos flickr en HD et avec leurs mots-clés depuis le nouvel iPhoto 8

Importez vos photos flickr en HD et avec leurs mots-clés depuis le nouvel iPhoto 8

Apple a lancé mardi 27 janvier 2009 une nouvelle version de sa suite iLife ‘09. Celle-ci contient tout un lot de fonctionnalités permettant de détecter les visages des personnes, d’associer des lieux à des photos mais aussi de partager ses photos avec des services en ligne comme Flickr, Facebook ou Mobile Me.

Le partage a avant tout été pensé pour envoyer et partager des photos, mais il n’est cependant pas prévu de pouvoir synchroniser des albums déjà existants sur Flickr. Cet article vous montre comment récupérer les photos que vous auriez déjà mis en ligne sur Flickr, ainsi que les mots-clés que vous y avez associé.

Une fois la manipulation effectuée, vous pourrez par exemple appliquer des modifications à vos photos dans iPhoto et celles-ci seront automatiquement synchroniser avec Flickr.

À l’inverse, vous pourrez par exemple rajouter de nouveaux mots-clés à vos photos sur Flickr, et ceux-ci seront alors synchronisés avec votre bibliothèque iPhoto.

Le processus de récupération est très simple, mais nécessite de bien respecter ces quelques étapes :

1 - Dans iphoto, créez un nouvel événement à partir d’une image quelconque. Choisissez une photo qui n’a aucun intérêt pour vous car nous la supprimerons par la suite.

2 - Une fois l’événement créé, sélectionnez cette photo et cliquez sur le bouton Flickr. Une boite de dialogue apparaît, veillez simplement à sélectionner “Taille Réelle” pour l’option “Taille de la photo”. Un nouvel album contenant notre photo temporaire va ainsi être créé sur Flickr.

3 - Rendez vous maintenant sur votre page Flickr et cliquez sur le menu “Organiser”.

4- Dans l’onglet “Organiser par lot”, sélectionnez l’album que vous voulez récupérer, sélectionnez toutes les photos de l’album, et déplacez-les vers la zone principale pour créer un lot.

5 - Cliquez sur la petite flèche à côté du menu “Ajouter à un l’album”, et cliquez sur “Album existant”. Déplacez les photos vers l’album qui a été créé automatiquement par iPhoto pendant de l’étape 2.

6 - Revenez maintenant dans iPhoto, la synchronisation de l’album va commencer automatiquement et vos photos, ainsi que vos mots-clés vont être récupérés.

7 - Vous devez maintenant attendre que toutes les photos aient été récupérées en haute définition avant de continuer. Dans la liste d’albums Flickr, veillez à ce que l’icône tournant, indiquant une synchronisation en cours, s’arrête.

8 - Dans iPhoto, sélectionnez toutes photos qui sont maintenant importée et sélectionnez le menu “Événements > Créer un événement”.

Le processus est maintenant terminé ! Vous pouvez supprimer la photo temporaire et commencer à apprécier la synchronisation entre iPhoto et Flickr !

 

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Domptez les expressions régulières avec RegExr - Web Creative -

Domptez les expressions régulières avec RegExr

Domptez les expressions régulières avec RegExr

Les expressions régulières ou expressions rationnelles est un système très puissant permettant de trouver des motifs (patterns) dans une chaîne de caractères et de la traiter. Il suffit de définir ce fameux motif avant d’utiliser une fonction PHP qui utilise ce système (ex: preg_match, ereg, split, ...).

Les expressions régulières sont aussi le petit cauchemar de bon nombre de développeurs qui se lancent parfois dans la mise en place de script complexes à l’aide de fonctions PHP comme : substr, str_replace, strpos afin de traiter du texte alors que l’utilisation de simples expressions régulières peuvent en faire autant, voir mieux, avec moitié moins de lignes de code.

Les expressions régulières rebutent car elles sont difficiles à écrire. Le motif se caractérise par une suite de symboles divers et variés qui permettent de «programmer» la recherche de texte.

Les expressions régulières par l’exemple

Par exemple, cette expression régulière :
\be\w*

Appliquée au texte suivant :
Enter text to match against in this field, and enter a RegEx expression above. Matches will be shown in real-time as you make edits. Expressions that result in infinite matches will be displayed in red.
This build has a support for code sense. Roll over parts of the expression above for information on it. Roll over highlighted matches for details.
Click items in the list to the right for a description. Doubleclick to insert.
Built with Flex 3 [adobe.com/go/flex] and Spelling Plus Library for text highlighting [gskinner.com/products/spl].

Aurait pour effet de chercher tous les mots (\w*) qui commencent (\b) par un ‘e’ (e). Et ces expressions peuvent devenir bien plus difficile à écrire lorsque le motif est plus complexe.

L’application RegExr vous aide à écrire des expressions régulières

RegExr est une application Adobe AIR permet de vous aider dans l’écriture d’expressions régulières. Celle-ci dispose d’un dictionnaire de tous les caractères qui peuvent être utilisés dans un motif, et l’effet que celui-ci produit. Une autre zone de l’application vous permet aussi de rentrer du texte d’exemple et de faire vos propres tests. Lorsque le motif est retrouvé dans le texte, les termes correspondants sont surlignés en bleus pour vous aider à comprendre à quelles chaînes de caractères s’est appliquée votre expression régulière.

Cette application est disponible sur votre bureau grâce au moteur Adobe AIR. Vous pouvez toutefois consulter cet outil directement en ligne si vous n’utilisez les expressions régulières que de manière ponctuelle.

Pour aller plus loin avec les expressions régulières

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Shrink O’Matic - Redimensionnement d’images à la volée - Web Creative -

Shrink O’Matic - Redimensionnement d’images à la volée

Shrink O’Matic - Redimensionnement d’images à la volée

Shrink O’Matic est une application AIR qui permet de redimensionner facilement une image ou un groupe d’image. Il suffit de déposer la ou les images dans l’application et celles-ci seront redimensionnées au gré de vos préférences.

Les options vous permettent de choisir la taille des images, le formatage du nom des fichiers ainsi que leurs formats (JPEG, GIF ou PNG).

Vous aurez besoin du moteur d’exécution (player) Adobe AIR pour pouvoir utiliser l’application. Celui-ci est disponible pour Mac, Windows et Linux, vous pouvez ainsi utiliser l’application Shrink O’Matic sur ces différentes plateformes.

C’est peut-être aussi l’occasion pour vous d’en savoir plus sur le développement de RIAs (Rich Internet Applications) et la technologie Adobe AIR. En effet, le développeur de Shrink O’Matic a rendu disponible une partie du code source de l’application sur Google Code.

Installez Shrink O’Matic

Cliquez sur le badge ci-dessous pour télécharger et installer automatiquement Shrink O’Matic sur Mac, Windows ou Linux. Cette installation automatique nécessite Adobe Flash Player.

Please upgrade your Flash Player

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

CSSEdit, prévisualisation CSS en direct - Web Creative -

CSSEdit, prévisualisation CSS en direct

CSSEdit, prévisualisation CSS en direct

CSSEdit est un éditeur CSS d’excellente facture qui devrait séduire les dévelopeurs, intégrateurs et designers travaillant sur Mac. Il intègre un moteur de prévisualisation qui affiche en direct les modifications que vous apportez à votre fichier CSS, sans avoir à rafraîchir la page de votre navigateur. Vous pourrez ainsi très rapidement mettre en page vos découpes de maquettes graphiques.

Le moteur de prévisualisation vous permet aussi d’éditer des feuilles de styles de sites Internet qui sont déjà en ligne…

Pour ce faire, il suffit de lui spécifier la feuille de style que vous voulez “réécrire” et le moteur de rendu utilisera alors votre fichier CSS local, plutôt que celui distant.

Fonctionnalités

  • Prévisualisation en direct
  • X-Ray Inspector : Cliquez sur un élément de la page pour retrouver les styles associés
  • Éditeurs visuels : Plus besoin d’écrire une ligne de code, les éditeurs visuels vous accompagne graphiquement dans vos mise en page CSS
  • Éditeur de source : Auto-complétion, commentaires groupés
  • Selector Builder : Éditeur graphique de sélecteurs CSS
  • Debugging : Revenez à une version antérieure de votre feuille CSS en définissant des Milestones


CSSEdit est un logiciel pour Mac OS X développé par MacRabbit.

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Coda 1.6 : Plugins & Subversion - Web Creative -

Coda 1.6 : Plugins & Subversion

Coda 1.6 : Plugins & Subversion

L’équipe de Panic vient de mettre à jour leur logiciel de développement Web tout en un appelé Coda.

Les grandes nouveautés : Le support de Subversion ainsi que des plugins.

Cette nouvelle version ajoute aussi l’outil de correction d’orthographe, et un module permettant de rechercher rapidement les fichiers utilisés dans votre travail de développement.

Tout en un, l’application propose différents modes de vue :

  • Sites : Tous vos projets en un clic
  • Edit : Pour éditer votre code
  • Preview : Offre une prévisualisation en direct de vos modifications
  • CSS : Interface permettant de gérer graphiquement vos CSS
  • Terminal : Un accès direct à vos lignes de commande
  • Books : Une documentation à portée de main

Coda supporte aussi FTP, SFTP, FTP+SSL et WebDAV pour vos transferts de fichiers.

Capture d’écran

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Kronos - Application de gestion de temps - Web Creative -

Kronos - Application de gestion de temps

Kronos - Application de gestion de temps

Kronos vous permet de gérer le temps que vous passez à travailller sur vos projets. L’application vous indique le temps passé et l’argent gagné pour un ou plusieurs projets.

Flexible, Kronos peut gérer plusieurs timers en même temps. Vous pourriez par exemple gérer le temps d’une équipe si vous le vouliez.

Capture d’écran


Pour Mac & PC

Construit sur Adobe Air, Kronos est une application multi-plateforme. Elle peut être installée sur Mac OS X et Windows.

Développé sur Air

Kronos a été développée sur la technologie Adobe Air. Le runtime Air permet aux dévelopeurs d’utiliser des technologies web qui ont fait leur preuves pour construire de applications internet riches. En savoir plus sur Adobe Air.

Kronos est un produit de Two December*.

Liens

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.

Versions - Client Subversion pour Mac - Web Creative -

Versions - Client Subversion pour Mac

Versions - Client Subversion pour Mac

Versions ravira tous les utilisateurs Mac qui utilisent Subversion. Il supporte la version 1.5 et propose les fonctionnalités classiques d’un tel client.

Cette application fait la différence par rapport à d’autres SVN X et Smart SVN par son interface très soignée et simple d’utilisation.

Versions est le produit de la collaboration de Pico et Sofa, entreprises de développement d’applications web et consultants en design, interface et application.

Encore en version béta, vous pouvez télécharger cette application gratuitement, pour un temps limité. Les prix qui seront pratiqués n’ont pas été communiqués.

Télécharger Versions
Accéder au site de Pico
Accéder au site de Sofa

Photo de {name}

À propos de l'auteur : Benjamin David

Hey there, I’m Ben ! I’m multimedia project manager, and when I’m not designing or writing posts, I listen to good music like Jack Johnson.