QuatreCentQuatre


Les articles étiquetés patterns

La “shortlist” #6

Chaque semaine, des liens vers divers éléments intéressants incluant une légère description seront publiés. J'ai baptisé le tout : la « shortlist » ! N'hésitez pas à rajouter en commentaire des liens équivalents ou des alternatives à certains liens proposer, j'aime toujours pouvoir comparer les options disponibles.

HTML5 Readiness
On en a que pour HTML5 depuis un an. On donne déjà le bucher à Flash. Si vous voulez utiliser la technologie HTML5 pour de prochains projets, il serait bon de savoir ce qui est supporté. HTML5 Readiness montre sous forme graphique le support des différentes fonctionnalités du HTML5 selon les navigateurs.

PatternTap
Site super intéressant qui regroupe plusieurs collections de « design pattern » qu'on retrouve couramment sur le Web. On peut naviguer dans les différentes collections en visionnant les exemples (sous forme de captures d'écrans) qui illustrent un patron en particulier. Pratique lors de l'élaboration de l'architecture d'un site ou lors de la phase de design.

Yahoo Patterns
Yahoo met à la disposition des utilisateurs une banque de « patterns » interactifs fréquemment utilisés dans le développement de site ou d'application Web. Pour chacun des « patterns » on indique une description du patron, quand l'utiliser, pourquoi l'utiliser, quelle problématique il résout. Pratique lors de la conceptualisation d'un site ou d'une application.

Sendgrid
Si vous avez déjà développé une stratégie interactive qui comprenait l'envoi de courriel automatique aux utilisateurs (envois à un ami, courriel de rappel, inscription, etc.), vous avez surement été confronté à plusieurs problèmes. Aucun moyen de savoir si les courriels n'arrivent pas à l'utilisateur, aucun traitement pour les courriels qui rebondissent, courriel qui entre dans les « pourriels » de l'utilisateur. L'envoi de courriel est un processus qui peut paraitre simple, mais il en est tout autrement. Sendgrid est un service qui s'assure que vos courriels se rendent à destination. À travers une API, vous pouvez envoyer vos courriels de votre site ou application sans vous soucier des configurations de comptes courriel. Toutes les statistiques sur l'envoi des courriels sont disponibles à travers leur interface Web. Plus de huit milliards de courriels ont été envoyés avec Sendgrid dont un bon nombre par Foursquare.

*Voir aussi la « shortlist » précédente pour un service similaire.

MailChimp
Spécifiquement destiné à l'envoi de « newsletter », MailChimp est un service intéressant qui permet de faire la gestion des campagnes d'envois de courriels. Gestions de la liste d'abonnés (abonnement, désabonnement), création de gabarit éditable, gestion de la segmentation des abonnés et plus. Intéressant pour les entreprises qui effectuent beaucoup de campagnes courriel. Il n'est vraiment plus utile de se casser la tête à faire un hébergement maison pour ce type de service.

La “shortlist” #4

Chaque semaine, des liens vers divers éléments intéressants incluant une légère description seront publiés. J'ai baptisé le tout : la « shortlist » ! N'hésitez pas à rajouter en commentaire des liens équivalents ou des alternatives à certains liens proposer, j'aime toujours pouvoir comparer les options disponibles.

Pattern Library
Welie (le blogueur) a exécuté la fastidieuse tâche de répertorier tous les patrons d'interface utilisateur les plus utilisés. En plus de montrer des exemples concrets de ces patrons, une explication théorique nous permet de mieux comprendre leurs utilisations. On retrouve environ une quarantaine de patrons répertoriés tel que : accordéon, fil d'Ariane, carrousel, sondage, tri de table, etc. Extrêmement, pratique dans la production de « wireframes » ou de prototype.

MindMeister
Outil d'organisation des idées et pensée, MeindMeister permet d'en construire la hiérarchie et la carte mentale. En version gratuite, il permet de produire trois « cartes mentales » qui sont sauvegardées directement dans l'application. Les outils de créations permettent d'illustrer différents types d'idées. J'ai utilisé à plusieurs reprises l'application pour des listes de tâches, l'organisation de l'architecture d'information de site. L'application disponible sur iPhone et iPad est encore plus agréable à utiliser.

SMS Gateway
Application avec un but unique; vous permettre d'envoyer des SMS directement à partir de vos applications ou microsite. SMS Gateway offre des forfaits pour aussi peu que dix dollars pour cinq cents SMS. À l'aide d'une librairie dans le langage de programmation de notre choix, un SMS peut être envoyé en trois ou quatre lignes de code. L'utilisation peut être faite dans le cas de rappels auprès de clients, offres aux consommateurs d'un produit, rappels d'évènements et plus encore. Le seul désavantage du service est qu'il ne supporte pas les accents de la langue française.

Font Squirrel
Librairie de « polices » web gratuite pouvant être utilisé avec la propriété « font-face » en CSS. Les « polices » sont disponibles en format compatible avec tous les navigateurs (du moderne au plus vieux). Font Squirrel offre aussi un convertisseur de « polices » en format TrueType, OpenType vers le format compatible « font-face ». On peut donc convertir les polices favorites de nos directeurs artistiques! Prendre note que le procédé n'est pas nécessairement bien vu par les fonderies créatrices de « polices ».

ISO-639-1
Ce n'est pas une application ou un service, mais plutôt une référence. Dans le développement de site multilingue, il est parfois pratique de savoir quels sont les codes de deux ou quatre lettres pour les différentes langues de notre planète. La spécification ISO-639-1 est une liste officielle des codes de langues des milliers de langages. J'ai trouvé cette liste bien pratique dans le développement d'un microsite qui était visible dans cinquante-cinq marchés différents.