Ressource – Perspectives

Moe : Une appli web pour organiser ses favoris Twitter

Tixie — Mon, 13 Nov 2017 10:11:20 +0000

Je vous partage aujourd’hui Moe, un outil que j’utilise régulièrement pour organiser la plus grosse partie de ma veille qui se trouve sur Twitter.

Faire sa veille Twitter en toute circonstance

Un exemple de tweet affiché dans Moe

Étant assez polyvalent dans mes accès au réseau social au cours de mes journées (depuis l’ordinateur de bureau, l’ordinateur portable ou mon smartphone) je ne pouvais pas trop utiliser de services externes.

C’est pour ça que j’utilise les favoris (ou maintenant likes ), permettant de mettre mes liens et infos de coté à n’importe quel moment (Twitter ça va vite, hop tu détournes les yeux et ta précieuse news est perdu dans les tréfonds des archives !).

Hélas une fois stockés, Twitter ne propose pour l’instant pas vraiment de solution facile pour rechercher et trier ses favoris.

Naviguer, rechercher et organiser ses favoris

Triez vos tweets grâce à un système de tag

Venons-en au cœur du sujet.

Cela se présente sous la forme d’une application web à laquelle on se connecte simplement grâce à son compte Twitter (assez logique en somme) et qui va lister dans une mosaïque à la Pinterest les tweets mis en favoris : beaucoup plus facile d’accès et agréable à naviguer que la page du client officiel !

À cela s’ajoute un formulaire de recherche qui vous permettra de retrouver vos tweets à partir de leur contenu (pratique quand vous ne vous souvenez plus d’où vient l’info que vous avez en tête).

Et enfin vous pouvez organiser vos tweets en les catégorisant avec des tags. Cela permettra ainsi d’afficher que les tweets appartenant qu’à telle ou telle catégorie.

Derrière Moe

Loin d’être une grande corporation c’est une seule personne qui est derrière cette très réussie application. Cela ne l’a pas empêché de faire un outil très bien utilisable et fignolé. Pour moi c’est un grand oui : la preuve, je l’utilise. Maintenant à vous de faire votre propre avis.

Si comme moi après l’avoir essayé·e et vous utilisez Moe maintenant au quotidien, son créateur a mit en place une page Tipee (système de financement participatif) pour lui permettre de dégager du temps pour améliorer Moe.

Mais je pense que le mieux que vous puissiez lui faire c’est de lui faire des retours d’utilisation, des idées d’améliorations. Pour ça pouvez engager la conversation sur le compte Twitter dédié : @getmoe_io.

Les liens de l’article

The post Moe : Une appli web pour organiser ses favoris Twitter appeared first on Perspectives.

Adsvise : Les spécifications des publicités sur les réseaux sociaux

Tixie — Tue, 02 Feb 2016 09:38:38 +0000

Bonjour à tous,

Aujourd’hui un article sur Adsvise, un petit site qui serait utile de garder sous la main, que vous travailliez dans la publicité numérique ou que vous soyez un(e) simple habitué(e) des réseaux sociaux.

Le but de Adsvise est de documenter les spécifications des différents médias images et publicitaires des principaux réseaux sociaux et régies publicitaires. Pour l’instant sont présents Facebook, Instagram, Twitter, LinkedIn, Youtube, Google+ et Google Adwords.

Par médias j’entends les avatars, les bannières de vos comptes, les différentes images ou vidéos que vous postez ainsi aussi les différents encarts spécialement dédiés à la publicité (Avec Adwords ou intégrés aux sites).

Pour chaque média, il y est listé : ses dimensions ainsi que le ratio hauteur/largeur, les formats de fichier autorisés et la taille maximum autorisée. Et on a même droit à un bonus pas inintéressant : une mise en situation de la publicité et patron (en PSD) au format de la publicité.

Un exemple avec les publicités sur Facebook : la réglementation pour différents formats et la mise en situation

Même si ce n’est pas un outil révolutionnaire je pense que ça peut être vraiment pratique de par son exhaustivité et sa simplicité d’utilisation, donc bravo à l’équipe !

J’ai aussi beaucoup aimé le fait que les bannières et les avatars soient présents car ce sont des lieux de communication au même terme que des encarts de publicité.

Rendez-vous donc sur : adsvise.com

The post Adsvise : Les spécifications des publicités sur les réseaux sociaux appeared first on Perspectives.

Les bases de la typographie en une vidéo

Tixie — Mon, 12 Oct 2015 10:51:28 +0000

Compter combien de mots chaque personne voit chaque jour serait impossible, parce qu’il n’y en aurait trop. L’écrit, le texte, les mots sont omniprésents dans notre société. La typographie, qui désigne la composition des caractères de texte est donc un des plus puissants outils qu’un designer possède. Que vous en soyez conscient ou non, elle va envoyer un message sur le contenu du texte qu’elle construit. Elle donnera une indication sur le type de contenu, la longueur de lecture et donner un ressentis.

C’est pourquoi j’ai trouvé intéressant de vous partager cette vidéo qui vous explique de quoi est constitué les mots que vous lisez tous les jours, comment classe-t-on les différentes typographies et un petit historique. C’est tout un beau petit monde qui va s’ouvrir à vous, avec son vocabulaire propre.

Source:

La vidéo : https://www.youtube.com/watch?v=u8m6x1KJPc
La préface de « Typographie Web » par Jason Santa Maria, écrite par Ellen lupton

The post Les bases de la typographie en une vidéo appeared first on Perspectives.

Le design expliqué aux enfants (et aux grands ?)

old_redskin — Tue, 07 Apr 2015 23:04:26 +0000

J’ai regardé une vidéo qui explique le design aux enfants. C’est une vidéo que j’ai trouvée très pertinente, diffusée à la télévision au Japon, qui explique les différents aspects d’une théière bien pensée.

Une vidéo d’initiation ludique avec les objets du quotidien, qui nous entourent. Au lieu de regarder les Totally Spies trois fois de suite les samedis matins, une vidéo attractive comme celle-ci aurait été une magnifique découverte pour mon moi petit.

Bref, un petit coup de cœur pour une petite campagne petitement sympathique. Est-ce que petit ça aurait pu t’intéresser ? Personnellement, je zappais trop vite.

http://www.nhk.or.jp/design-ah/

source : La gentille boite verte

The post Le design expliqué aux enfants (et aux grands ?) appeared first on Perspectives.

[Fun] Générateur d’arguments pour créatifs

Tixie — Thu, 12 Mar 2015 20:36:57 +0000

Demain c’est vendredi, bientôt le week-end et vous avez peut-être (/sûrement) envie d’y arriver !

Si vous êtes créatifs alors c’est votre jour de chance, car voici ce petit bijou de la technologie qui va vous permettre de générer des arguments tout faits pour enfumer vos collègues du marketing lors de la réunion relou de fin de semaine et ainsi améliorer un petit peu votre vendredi !

Assemblez des mots plein de dynamisme, d’émotions et ça fera ce générateur codé par Christophe Hermann sur l’idée d’Olivier Jedwab.

La matrice d’Olivier Jedwab à l’origine de ce générateur

Tout de suite quelques exemples !

Ce visuel montre l’intérêt visuel de l’ambiance

Ce logo redéfinit la force culturel du style

Ce logo contextualise l’impact logique de l’identité

Cette typo communique l’intérêt conceptuel de l’idée

Bon fini de rire.

Néanmoins, ce générateur conçu sans arrière pensée négative, à part celle de faire sourire, pourrait bien faire grincer les dents de ceux qui défendent les métiers de créatifs (du web ou d’autres) et qui pourraient voir là un outil au service d’artistes fumistes et excentriques sortant tout un tas de phrases incompréhensibles pour expliquer leurs œuvres.

Donc toujours à utiliser sans modération, mais avec le sourire aux lèvres !

Et enfin le lien :

http://codepen.io/chrishrmnn/full/VYEbdG

The post [Fun] Générateur d’arguments pour créatifs appeared first on Perspectives.

Un tableau ressource de police gratuite sur Pinterest

Tixie — Mon, 29 Dec 2014 16:49:15 +0000

Pinterest est ce réseau social qui sert à « épingler » des images selon ses centres d’intérêt. Un certain Mirko Pacitti s’est donc occupé de créer un tableau regroupant des épingles de polices gratuites pour en faire une bonne petite ressource, puisqu’il en compte actuellement 562 ! Et comme chaque épingle a un lien vers la page d’où elle se trouvait à l’origine, il vous sera possible de télécharger les polices que vous avez trouvées sympas.

Faites vous plaisir, c’est par ici :

http://www.pinterest.com/mirkoluccio/07-best-freefonts/

The post Un tableau ressource de police gratuite sur Pinterest appeared first on Perspectives.

Forest.cc, cessez de procrastiner, plantez un arbre

Tixie — Sun, 07 Dec 2014 19:35:52 +0000

Vous avez peut-être entendu parler des techniques d’optimisation de son temps de travail, comme par exemple la technique Pomodoro? Forest.cc est une application mobile réalisée par 4 étudiants de Taïwan qui pourra donc peut-être vous intéresser.

Comme ses prédécesseurs, elle se base sur la limite de temps de concentration de l’humain, qui est d’environ 30 minutes, en essayant de l’optimiser. Son objectif est de vous empêcher de vous laisser déconcentrer par toutes ces nouvelles prothèses que sont les smartphones.

Pour cela elle va utiliser notre petit sentiment de culpabilité d’humain pollueur, en effet toute action sur votre téléphone aura pour conséquence la destruction de la pousse d’arbre qui sera en train de se planter virtuellement pendant ces 30 minutes. Donc l’application fait jouer les sentiments de ses utilisateurs plutôt que de bloquer strictement l’accès à leurs téléphones.

Comme présenté sur leur site, l’application a été faite non seulement pour un cadre professionnel (de travail), mais aussi pour les actions quotidiennes de la vie ou lors de sorties avec des amis.

Coté design, on y trouve une interface en flat design adoptant des tons doux et pastels, justement pour ne pas attirer notre attention vers cet instrument de procrastination.

J’attends pour ma part leur collaboration avec Ecosia (le moteur de recherche qui plante réellement des arbres avec l’argent qu’ils gagnent) pour enfin se concentrer de façon « écologique ».

Liens :

The post Forest.cc, cessez de procrastiner, plantez un arbre appeared first on Perspectives.

Créez une police à partir de votre écriture manuscrite

Agathe — Sat, 29 Nov 2014 20:26:49 +0000

Avouez, vous aussi vous avez déjà bavé sur ces typographies manuscrites sur Dafont en révant d’avoir la même pour vous. Et bien c’est possible !

MyScriptFont.com est un utilitaire web qui va vous permettre très facilement de réaliser votre police utilisable dans vos documents, réalisations, etc. Pour ma part, j’y vois l’usage dans l’annotation de mes croquis lorsque je dessine, et c’est bien plus naturel pour remplir des formulaires qui sont normalement à imprimer.

Comment ça marche ? Il vous suffit de remplir ce quadrillage puis de l’uploader sur le site, et le reste est magique.

Petit conseil de pro : pour ceux qui ont la chance de posséder une tablette graphique, vous pourrez très facilement modifier des lettres illisibles ou qui s’incrustent mal.

Et le résultat !

Allez, je vous mets au défi : envoyez-nous un aperçu de vos plus belles polices. Et pour les généreux d’entre-vous, pourquoi carrément ne pas les partager de manière altruiste, et ainsi créer une base de donnée de calligraphie ?

Ha, et si vous souhaitez l’utiliser de manière professionnelle, n’oubliez pas que votre calligraphie sera peut-être analysée par des graphologues, qui pourront potentiellement lancer des hypothèses sur votre caractère de cochon tout ça parce que vous commencez votre E par le haut

Et sinon, vous avez toujours la partie manuscrite de Dafont.

Liens :

The post Créez une police à partir de votre écriture manuscrite appeared first on Perspectives.

Tindddle, le Tinder de la veille graphique sur Dribbble

Tixie — Wed, 26 Nov 2014 16:18:40 +0000

Vous avez sûrement entendu parler de l’application Tinder, connu pour avoir simplifié le processus de rencontre à un choix booléen « Oui » ou « Non ».

Amis designers vous êtes aussi peut-être un familier du site Dribbble, un mix entre réseau social pour designers et plate-forme de portfolio ?

Le site Tindddle, mis en place par le studio londonien Finely, reprend le concept du premier pour l’appliquer au second. En effet il permet à toute personne ayant connecté son compte Dribble (grâce à sa toute nouvelle API), de se voir afficher une image de Dribble qui pourrait l’intéresser. Il pourra « liker », ou/et passer à la suivante.

Quelle étrange ressemblance…

Aussi simple que Tinder, Tindddle permet donc de faire une veille graphique optimisée selon les suggestions Dribbble, si ça vous intéresse c’est sur Tindddle.com que ça se passe.

The post Tindddle, le Tinder de la veille graphique sur Dribbble appeared first on Perspectives.

Faire une lettrine en CSS

Tixie — Wed, 08 Oct 2014 19:46:27 +0000

Une page d’un ouvrage moyenâgeux contenant une lettrine

Tandis que les tendances en web-design se dirigent avec la minimisation (notamment avec le flat design), une problématique est de plus en plus souvent étudiée: la mise en avant du contenu, dans l’objectif d’améliorer la lecture de celui-ci. Et cela passe parfois par une recherche de ressemblance avec le format papier : de la typographie avec empattement, un agrandissement de la hauteur de la ligne et de la taille de police par rapport à ce qu’on avait l’habitude de voir sur le web. Tout cela pour une meilleure lisibilité.

Aujourd’hui voici un court tutoriel pour réaliser une lettrine au début de vos pages web en CSS. Une lettrine est une grand lettre qui introduit généralement une page. Elle trouve son origine dans le travail des moines copistes qui cultivaient particulièrement l’art des lettrines dans leurs ouvrages. C’est donc une référence directe au format papier, mais pour une page web !

Les objectifs pour en réaliser en CSS :

Sélectionner la première lettre du premier paragraphe.
Agrandir sa taille.
Lui appliquer une propriété d’affichage permettant au reste du texte de s’afficher sur sa droite.

Voici le code final, que je vais expliquer ci-dessous :

p:first-of-type:first-letter {
  float:left;
  font-size: 6em;
  padding: 0.05em 0.05em 0 0;
}

Le p:first-of-type va sélectionner le premier p (paragraphe) si il y a plusieurs paragraphes.
Le :first-letter va sélectionner la première lettre. Donc avec ce sélecteur, on va sélectionner la première lettre du premier paragraphe.
Puis dans ce sélecteur on va lui appliquer un float: left; qui va faire de cette première lettre un élément flottant.
Avec le font-size on va agrandir la taille de la lettre en question. Et enfin on va mettre en place des petites marges intérieure avec la propriété padding bien que ça soit optionnel.

Et voici une petite mise en situation pour finir

See the Pen Drop Card by Théotix (@tixie) on CodePen.

The post Faire une lettrine en CSS appeared first on Perspectives.