design

Prévisualiser ses fonts avec wordmark.it

jeu, 24/11/2011 - 16:14 | par sbordage

Wordmark.it permet de prévisualiser un mot ou un groupe de mots dans toutes les typographies installées sur son ordinateur.... Même sans connexion web.

Comme le rendu est calculé par le navigateur, cela permet de se rendre compte des problèmes de lissage et autres imperfections liées aux typos web fournies par typekit ou Google web fonts.

http://wordmark.it/

3 collections de design patterns

lun, 26/09/2011 - 01:01 | par sbordage

Les design patterns sont des solutions récurrentes qui résolvent des problèmes courants. Présentation de 3 sites qui les collectionnent.

UI Patterns

UI Patterns est animé par un développeur danois, Anders Toxboe. Chaque pattern est présenté en détails : exemples, cas d'utilisation, sources complémentaires... Un très bon site à garder à portée de mains.
UI Patterns

Patterntap

La référence. 45 collections, plus de 3000 exemples. Par contre, contrairement à UI Patterns, il ne s'agit que de screenshots.
Patterntap

Welie

Un bon complément à UI Patterns. Le site est un peu plus rustique et n'est plus mis à jour mais ce qui s'y trouve est de bonne qualité.
Welie

Lecture & open sources #3

mar, 23/08/2011 - 12:59 | par jchatard

C'est la 3^ème fois que je vais partager mes lectures de la/les semaine(s) passées, j'ai donc décidé de leur donner un nom et de les numéroter, bonne lecture.

A lire

• Faceplanting: an app launch horror story with a twist, récit du lancement raté d’une application iOS,
• How GitHub Works: Hours are Bullshit, Zach Holman explique comment les employers de GitHub gèrent leur temps… loin d’arriver en France,
• Don’t use IDs in CSS selectors?, Oli Studholme nous interdit d’utiliser les ID dans nos CSS,
• Designing a Secure REST (Web) API without OAuth, tout est dans le titre,
• Zootool Pro – The Numbers, Zootool est une alternative moderne à delicious, l’équipe nous parle des chiffres de leur récente offre de souscription,
• Redesigning the browser window, nos écrans sont de plus en plus larges, pourquoi ne pas redisgner nos browsers?,
• The App Launch Sequence on iOS, le démarrage d’une application iOS expliqué,
• Updated iOS device and OS version stats from Instapaper, Marco Arment mets à jour ses statistiques d’Instapaper.

GitHub

• solr-for-wordpress, un plugin permettant de connecter Wordpress à Apache Solr,
• Substance, A data-driven and cloud-aware document authoring engine, voir le site officiel,
• QuickDialog, créer des formulaires de saisie dans des UITableView simplement,
• FormatterKit, helpers Objectif-C pour formater des collections, des heures, des dates, des lieux, etc.
• spin.js, un spinner entièrement en JavaScript, plus léger qu’un Gif animé,
• Ace, un éditeur de code source en JavaScript, initialement développé par la foncdation Mozilla et utilisé aujourd’hui sur GitHub.

Lecture & open sources #2

sam, 06/08/2011 - 09:04 | par jchatard

A lire

• L'historie de Cut the Rope : très intéressant de voir que le succès n'arrive pas toujours de la façon dont on l'imagine,
• Designing for Retina display, part two : cet article aborde avec précision comment dessiner les éléments d'interface de votre application pour le Retina Display tout en gardant une qualité optimale pour iPhone/iPod de première génération,
• Steve Jobs Sometimes Lies to You : Zach Homan, un peu déçu dirons-nous de l'annonce faite par Steve Jobs concernant la création d'un standard ouvert FaceTime,
• An iOS Developer Takes on Android : le retour d'expérience d'un développeur iOS pour porter son application sous Android,
• Using Keychain to Store Username and Password : comme son nom l'indique un tutoriel présentant la façon de stocker un identifiant et un mot de passe dans le monde du développement Mac,
• What tiny thing in Lion makes you smile or has caught you off guard? : les petites choses moins visibles sous Lion (OS X 10.7).

GitHub

• SBTableAlert: afficher une UIAlertView contenant un UITableView,
• chosen : une librairie JavaScript (jQuery ou Prototype) pour améliorer l'ergonomie des listes (<select>) contenant vraiment beaucoup d'éléments - demo,
• iOS-PDF-Reader : un lecteur PDF pour iPhone et iPad,
• RestKit : un framework iOS pour travailler avec des services web REST,
• TwUIPushPopTest : un test d'implémentation du UINavigationController d'iOS pour TwUI.

En vrac

• PSPDFKit : une solution payante de lecteur PDF à intégrer dans vos application iOS (plusieurs licences sont disponible),
• The Expressive Web : demos HTML 5, CSS 3 réalisées par Adobe, impressionnant.

Web Design Trends for 2010

mar, 18/05/2010 - 10:45 | par sbordage

Webdesignerdepot.com synthétise les tendances graphique pour le web en 2010. Les thèmes sont précis et bien illustrés. La sélection est, comme toujours, de grande qualité.

Tester un concept ou une piste graphique en 3 minutes

jeu, 24/09/2009 - 08:28 | par sbordage

Qui n'a jamais souhaité tester un concept ou une piste graphique en 3 minutes ? On substitue le logo, on change 2 ou trois pétouilles et hop, la piste est prète pour être testée. Dans certains cas c'est un argument supplémentaire pour la vendre, dans d'autres il s'agit de départager 2 concepts...

Conceptfeedback.com permet de tester un concept, un logo ou une piste graphique en moins de 3 minutes. Une minute pour s'inscrire. Une autre pour uplaoder l'image. Une dernière pour écrire le blabla d'intro. Voilà. C'est fait. A partir de maintenant, les utilisateurs peuvent noter via des étoiles le design, la promesse, l'originalité et la cohérence. Les plus courageux d'entre eux ajouteront peut être un commentaire ;-)

Le site : conceptfeedback.com

Culture web : c'est quoi un dpi, un ppp et un pixel ?

jeu, 03/09/2009 - 22:08 | par sbordage

Pour poursuivre notre série de ressources utiles, voici une page web qui explique très clairement la différence entre dpi, ppp et pixel ,-)

La page en question :
http://sebsauvage.net/comprendre/dpi/index.html

De l'art de hiérarchiser le contenu d'un site

lun, 01/06/2009 - 15:06 | par sbordage

Encore un excellent article sur les basics du webdesign (et du design en général) commis par Jarel Remick de In the woods.

Lire la suite

La première bannière de pub sur le net

sam, 30/08/2008 - 01:45 | par admin

C'est historiquement AT&T qui met en ligne la première bannière de pub sur le net en 1994 pour appuyer sa campagne futuriste intitulée "You Will".

 

Le moins que l'on puisse dire, c'est que l'on est loin des bannières actuelles... Encore que, ca me fait un peu penser aux publicité qui nous annoncent que nous sommes le millionième visiteur, ou tout autre truc dans le genre.

via commercial-archive ou vous pourrez voir toutes les vidéos relatives à la campagne de pub d'AT&T.

Au passage, l'article original évoque tout de même les autres campagnes lancées au même moment ou presque dont une pub pour le Club med ! La classe !

Icons "Coquette"

mer, 20/08/2008 - 08:20 | par admin

Nouveau pack d'icons "coquette" gratuit à télécharger chez dryicon

Telescopictext

mer, 20/08/2008 - 08:10 | par admin

 

 

Terrible cette idée ! Une simple phrase de base, et lorsque l'on click sur un mot, la phrase de complexifie...

 

A tester sur : telescopictext

Ikea Groland

dim, 17/08/2008 - 13:30 | par admin

Pour noël je veux une table Groland !

via ikea

Tellement vrai...

sam, 16/08/2008 - 21:54 | par admin

Ceci n'est pas un commentaire

lun, 11/08/2008 - 23:17 | par admin

 

 

via ffffound.com

171 logos de Metro du monde entier

jeu, 31/07/2008 - 11:52 | par admin

 

 

De nombreux logos sont similaires dans leur utilisations de la lettre M... mais d'autres sont quand même surprenant...

via mic-ro.com

Fugue icons

dim, 13/07/2008 - 13:36 | par admin

Deja responsables de l'excellent pack d'icones Diagona, pinvoke revient avec Fugue, un pack de 502 icones... franchement réussi !

Enfin une vraie alternative aux silk icons de famfamfam !

Moi j'adore !

Galerie de formulaires de login

jeu, 26/06/2008 - 12:01 | par admin

Smileycat nous gratifie une fois de plus d'une nouvelle galerie à savoir celle des formulaires de login. J'avoue beaucoup appécier ces collections car elles donnent vraiment un eventail très large de tout ce qui se fait.

 

 

On pourrait aussi croire que je l'aime bien car il a mis mon ancien blog dans sa galerie de formulaires de commentaire... mais je euh... enfin rien à voir voyons !

en lire plus

Craig Ward - Futura

jeu, 26/06/2008 - 11:35 | par admin

 

Comment sont faites les fenêtres macosx ?

jeu, 26/06/2008 - 11:07 | par admin

 

 

Il suffit juste de bien placer les ombres... 

Cameron moll

jeu, 26/06/2008 - 10:46 | par admin

Vidéo très amusante du designer Cameron Moll qui raconte la première experience de son père avec l'informatique. C'est assez révélateur de l'utilité d'une ergonomie accessible à tous.

en lire plus

Yahoo! Design Stencil Kit

jeu, 05/06/2008 - 12:55 | par jchatard

Yahoo vient d'annoncer la sortie du Yahoo! Design Stencil Kit. Un ensemble d'éléments d'interface pour créer vos cinématiques. Lire la suite