FrwTwemoji 2.4.1 – Intégrer les emojis dans vos projets asp.net

Disponibilité de FrwTwemoji 2.4.1.1

Je viens de mettre en ligne une nouvelle version de FrwTwemoji.  Cette version 2.4.1.1 apporte des corrections et utilise la version 10 de Unicode

Téléchargement / Download

Le lien de téléchargement est disponible sur la page dédiée à FrwTwemoji

Présentation

FrwTwemoji est un projet .net qui permet de disposer d’une assembly contenant l’ensemble des emoji de Twitter twemoji et d’en faire référence dans ces projets .net.

Il est particulièrement utile dans un contexte puisqu’en plus des images png et svp, il intègre le javascript original et des contrôles web permettrait de convertir un texte contenant des emojis en texte + images. Les images sont directement issues de la librairie ou pointent comme dans le projet original vers MaxCdn (pour économiser la bande passante.

Utilisation

Il y a deux façons de l’utiliser :

  • Intégrer dans sa page web le contrôle web “EmojiDisplay” et ajouter le texte contenant les emojis dans sa propriété “Text”
  • convertir directement le texte et l’injecter dans un contrôle serveur affichant directement le html

Video de présentation de la solution (English subtitles included)

 

FrwTwemoji 2.2.3 – Intégrer les emojis dans vos projets asp.net

Disponibilité de FrwTwemoji 2.2.3

[UPDATED : current version is 2.4.1.1 now !!]

Depuis quelques jours, j’ai mis en ligne une nouvelle version de FrwTwemoji.  Cette version 2.2.3 succède à la vieillissante version 1.2.

Téléchargement / Download

Le lien de téléchargement est disponible sur la page dédiée à FrwTwemoji

Présentation

FrwTwemoji est un projet .net qui permet de disposer d’une assembly contenant l’ensemble des emoji de Twitter twemoji et d’en faire référence dans ces projets .net.

Il est particulièrement utile dans un contexte puisqu’en plus des images png et svp, il intègre le javascript original et des contrôles web permettrait de convertir un texte contenant des emojis en texte + images. Les images sont directement issues de la librairie ou pointent comme dans le projet original vers MaxCdn (pour économiser la bande passante.

Utilisation

Il y a deux façons de l’utiliser :

  • Intégrer dans sa page web le contrôle web “EmojiDisplay” et ajouter le texte contenant les emojis dans sa propriété “Text”
  • convertir directement le texte et l’injecter dans un contrôle serveur affichant directement le html

Video de présentation de la solution (English subtitles included)

 

Découvrez les raccourcis clavier de Twitter

Le site de Twitter recèle des secrets : des raccourcis claviers que peu de personnes connaissent (et maîtrisent encore moins). Ils sont toujours présents avec la refonte récente du site (2104) et en voici la liste.

Au passage, n’hésitez pas à me suivre sur twitter : https://twitter.com/FrenchW soit : “g u frenchw <entrée>”

Navigation

  • “g h” – homepage . Vous amène à la page d’accueil. Pour s’en souvenir : mémorisez “Go Homepage”
  • “g p” – Profil. Vous amène à votre page de profil . Se souvenir de “Go Profile”
  • “g m” – Message. Vers vos message > “Go Messages”
  • “g c” – Notifications/Connect > “Go Connect”
  • “g r” – mentions > “Go Replies”
  • “g l” – Listes > “Go Lists”
  • “g a” – Activités de vos followings > “Go Activity”
  • “g d” – Découvrir “Go Discover”
  • “g u”, ouvre un popup pour atteindre un compte utilisateur > “Go User”
  • “g s” , ouvre les réglages > “Go Settings”

Action

  • “n” – “N”ouveau tweet
  • “m” – “M”essage (ouvre un popup pour envoyer directement un message privé
  • “j” sélectionne le tweet suivant dans la liste
  • “k” sélectionne le tweet précédent.

Sur la page d’un tweet en particulier (ou s’il est sélectionné avec les touches de navigation k ou j):

  • “f” : “F”avori (met/enlève le tweet dans vos favoris)
  • “b” – “B”loque l’utilisateur qui a écrit le tweet . Touche “u” pour “U”ndo
  • “t” : re-“T”weet
  • “r” : “R”épondre

Pourquoi ne pas créer vos Css en LESS, jusque dans VisualStudio

Pour le projet sur lequel je travaille, je suis amené à utiliser Twitter Bootstrap qui est un bienheureux mélange de css et de javascript vous permettant de rendre votre site plutôt “Touchy” en 3 fois rien de temps. La distribution de Bootstrap dispose de ses fichiers Css mais aussi des fichiers LESS qui ont servi à les générer. Je ne m’en étais pas particilèrement ému jusqu’à ce que Stéphane, mon collègue, m’incite à y regarder de plus près pour éviter de m’enm……comme je le faisais. Je me suis donc penché sur LESS qui permet de passer de règles aussi lisibles que :

@color: #4D926F;
@white: #FFF;

#header {
  color: @color;
  h1
  {
  	background-color: @color;
  	color: @white;
  	span
  	{
  		display: none;
  	}
  }
}
h2 {
  color: @color;
}

en :

#header {
  color: #4d926f;
}
#header h1 {
  background-color: #4d926f;
  color: #ffffff;
}
#header h1 span {
  display: none;
}
h2 {
  color: #4d926f;
}

… ce qui pour l’exemple, ne parait pas plus simple forcément, mais, la différence se sera sur un site entier. D’autant que je n’ai pas mis en oeuvre la minification pour préserver la lecture.

Vous en saurez plus en lisant la suite de l’article et comprendrez tout l’intérêt de passer vos développement Css en LESS…

Lire la suite

Liens rapides du lundi 20 février 2012

Je profite d’un peu de temps pour ça, ces vacances, pour vous laisser quelques liens que j’avais mis de côté depuis quelques temps. Je vous souhaite une bonne lecture !