Emoji Codes and Descriptions

[Noitidart]

Hey @3941 can you please help me find a list of all the emoji codes and their descriptions. I got this so far:

http://www.fileformat.info/info/unicode/block/emoticons/list.htm

[Noitidart]

I'm trying to make a dropdown with a filter box where you can type. And also on mouse over it will show a tooltip of what the emoji is doing. This is the startings of it:

[3941]

http://unicode.org/emoji/charts/full-emoji-list.html This is a complete list. There's a column for Twitter and apparently it supports them all. That's a shitload...

[Noitidart]

Oh wow superb! Thank you!!!

[3941]

Btw, when I put emojis in your editor, it seems to use the "Windows" variant of them. I don't know if there's any way to make it use the Twitter variant, but that would of course be pretty cool.

[Noitidart]

Oh yikes, didn't notice that. It's because I'm not injecting into the twitter website. I'll have to work on that. Ideally I wanted to inject the form onto the website, but their styles and scripts were fighting my editor so hard. It was overkill for me to fight it back.

[Noitidart]

Alrighty man here is the color menus done. The last thing before release is the emoji menu and hopefuly twitter style emotes. Please test this version out to see if its ok. Its localized and everything. Just emoji left. Tweeeeeeeeeeeeeeeeeeter.zip

[Noitidart]

@3941 i can't help but think about this while I sleep! I found the solution! Since I'm turning them to image anyways, it doesn't matter if it's unicode, so I'm going to let them choose what style they want. And it will just have image. So you can use apple style on windows. Or whatever! Sooo stoked man I loved collaborating with you!

Will do this when I wake up in the morning! :) Gotta write a harvester to harvest it from that site.

[3941]

Just tried the latest version, tried all the formatting options (I think) and couldn't get it to fail. Line break seems to not work when some formatting is going on though.

And of course you'd have to set a good default size. I don't know what you had before, but that worked fine. The new canvas is a little small.

About the emojis, I'm not sure if you can just set it to whatever you want. I think the code is the same for all, but the environment governs the style. I'm guessing Twitter maybe has some javascript on their site that points to their own graphics,

[3941]

Hm, maybe this is helpful: https://blog.twitter.com/2014/open-sourcing-twitter-emoji-for-everyone https://github.com/twitter/twemoji

[Noitidart]

@3941 thanks for those links they were nice I tried it, I think i have to try it some more because with the current approach the smilies are not respecting font size - they have to currently be sized individually as they are images. Try it out:

Tweeeeeeeeeeeeeeeeeeter.zip

[Noitidart]

Oh I just saw your edit to the review:

EDIT: After a very fruitful dialogue with the developer, I'm making this a 5 star review pre-emptively.

Thank you very much! AMO is silly and doesn't inform when reviews are edited. :(

[3941]

Tried it. Yeah, that's kinda suboptimal with the smilies :)

[Noitidart]

How about for a next version release we'll go with this and I'll research more on those emojis? Is the amount of emojis ok or do you think the full selection is needed? I limited it to the first 77 for now.

[Noitidart]

Hey @3941 Im now using high quality SVGs so they can scale to whatever size. And on insert it detects the current font size and sizes it like that. Check it out!

Tweeeeeeeeeeeeeeeeeeter.zip

[3941]

That seems to work pretty well. For whatever reason though, this happens now?

[Noitidart]

Oh yeah. The svgs are named like: 1f1f6.svg but on the full list the code is U+1F1F6 so my conversion code is failing. For example I have to figure out what to convert U+1F912 to get the face with thermomenter -

If you can help me figure that out just by finding the face with thermometer in the svg folder that would help me immensely! Im digging through it right now but can't find it.

Folder is here jar:file:///C:/Users/Mercurius/AppData/Roaming/Mozilla/Firefox/Profiles/cx4w5lvy.Nightly%20Tester/extensions/Tweeeeeeeeeeeeeeeeeeter@jetpack.xpi!/resources/images/3rd/twemoji-svg/

[Noitidart]

I'm also working on pagination and filtering for that right now, so i can show more then just the first 77 :)

[3941]

I'll dig through the folder, just need some tool to look at them. I'm not very well equipped for vector graphics right now. But don't worry, I'll find something.

[Noitidart]

Thanks so much I am horribly equipped for it too haha. I have no idea how to even start. Ill keep working on the pagination its coming out nice!

[3941]

Alright, I found something that works really well. An extension for the Windows Explorer: https://svgextension.codeplex.com/releases/view/118790 Be sure to download the correct architecture for your system.

Anyway, I went through it and I'm pretty sure the little thermometer guy just isn't in there.

[3941]

I'm downloading the whole open source emoji twitter thing right now. I assume it has more files you can add, so your code should find all the ones that are missing.

I'll make an archive of just the svg part once it's here. It's quite big.

[Noitidart]

Thanks man so much! I juuust finished the filter and pagination of the emojis! It came out super nice! Try it out! Use the up/down arrow keys to paginate :)

Would love your feedback on it from a usability point of view.

Tweeeeeeeeeeeeeeeeeeter.zip

[Noitidart]

Holy heck that svg viewer as catalog thing is perfect what we needed! What did you even search to find something like that!! Haha you are truly an amazing searcher haha!

[3941]

I'm actually quite proud of my Google-Fu 😁

[3941]

Pagination works, but I'd rather have a more standard control. A scrollbar and mousewheel support would be most intuitive I guess.

Negative on the download I just made... Same set of smilies. Which is weird. I'll try their release downloads. It's far too few. They say they support almost 2k

[Noitidart]

Let me try the scrollbar thing and get back to you.

Awesome idea on the release downloads. Hopefully they have it there.

[3941]

Ahhhh, I found the missing files. I assume you downloaded the open source twitter emojis from github too, right? They're in the folder named "2" for version 2. There's another svg folder with 1,830 files.

[3941]

Just in case you didn't. Here you go: http://drei941.tk/svg.zip

[Noitidart]

Holy heck!!! I spent so much time trying to find all of them when I first found the SVGs wowww thank you!!!!!

Inserting it now!

Update on the scrollbar issue. If I dont use scrollbar it freezes the GUI, in the version with the updated SVGs ill leave out the pagination to show you what i mean.

[Noitidart]

Man you collaborating with me feels sooo awesome. I so love team work contributions (like translations), you doing that is such a serioussss help! Thank youuu!!

[3941]

I could help with German, should you need something localised.

[Noitidart]

Thanks! I'll add you to the german localization team when i get this onto Babelzilla, may you please sign up at http://beta.babelzilla.org/ - You can see how I work with translators here for instance - https://github.com/Noitidart/NativeShot/issues/46

Alright here is the version with all SVGs and using no pagination (just scrollbar) it has gui freeze. With pagination it has no freeze.

Tweeeeeeeeeeeeeeeeeeter.zip

[3941]

I'm not even getting a scrollbar, just a veeeery long list of emojis. I guess the "freeze" is Firefox rendering all those SVG's. Wouldn't it be more efficient to use the provided PNG's or better even, use Twitter's server?

They're hosted like this: https://abs.twimg.com/emoji/v2/72x72/1f602.png

[Noitidart]

AMO reviewers don't allow remote assets. :(

I'll try with PNGs now.

[3941]

The add-on I'm using for emojis on Twitter is doing this: http://i.imgur.com/P61Brdc.png Then it just takes emoji by emoji from that image and puts them in the list. I assume that speeds up loading a lot.

At least, what you could do is use the 16x16 emojis for your list, so no scaling is happening. The editor already takes time to load as it is. Maybe you should think about implementing some indicator that it started loading. You know, rotating dots or the like.

[3941]

Signed up to Babelzilla btw. Same nick as I have here.

[Noitidart]

Dang pngs same issue.

Loading idea is good idea. I didn't accomdate for that yet because even if they hit it multiple times it will just open multiple editors and they'll just have to close it multiple times.

I think we're good for release for this version what do you think?

As we get more users we'll have more motivation to fine tune it, what do you think?

[Noitidart]

Even localization lets push that to next version. Its an effort to coordinate and stuff. I'll ping you when i upload this to babelzilla :)

[Noitidart]

Man that guys emoji list is ugly! Ours is so much more usable no? Can search :D We also have some nice margin around it lol

[3941]

If you want to release it like this, at least do a little bit of polishing beforehand. Make the default width 558 pixels. That's the width of pics on "zoomed in" tweets and shouldn't need any downsizing. It will downscale them for "default view" tweets.

And can we make the height dynamic? Before we just entered text and it would make a proper sized picture. Now it feels a bit like we're using a graphical editor. The options are great but first priority should be usability, and that means, open, type, press okay and be done. Writing tweets is fast, so it should be as simple as possible.

And, of course, also remove the "rawr" before you release 😂

[3941]

Oh, that's not how the list looks. Looks like this:

They all come from that single image though.

[Noitidart]

Oh dang that guys list is pretty nice. Haha

Shoot yeah i need to polish it haha I put in so much work im like shoot gotta get this out now lol

Forgot about the "rawr" 📦 That 558 width is genius! I had no idea about that!

What about height?

[Noitidart]

Oh height dynamic. I'll work on that for next version please its not a quick thing :(

[3941]

Hey I'm not forcing you to do anything. You're the one pressing for release.

I'm just saying, try to keep it usable, because ironically, you're actually moving back on usability, while adding a lot of complexity. Which is great, but now users have to set their own height for every tweet they write. The basic functionality should be kept as simple as possible.

[Noitidart]

Ah true :(

I added some tweaks for usability. Hiting Ctrl + Enter anytime will be like clicking the "Accept" button.

On load it starts with focus in the editable.

Ok I'll see what I can do about the height :)

[3941]

Those are great changes. I'm actually used to that combo from various instant messaging services.

[Noitidart]

Holy heck you are quite the motivator! You should be a manager! Look what you made me do!!

The resize now tells you its Minimum Height :)

It was MUCH quicker then I thought!

Tweeeeeeeeeeeeeeeeeeter.zip

[3941]

Yeah I'd take that. Vastly overpaid job and all I do is direct people around. Preferably while sitting on my ass at home, and chugging beer like I'm doing now. 😂 Backseat programmer basically.

[Noitidart]

HAHAHAHA!!!! Managers ftw >_< lol

I have to give it icons for "Strike" "Underline" and "Smileys". Other then that do you think it's set for release?

[3941]

Oh now you took that away from me... I just made this screenshot 😂

No wait, that's wrong... uhhhh I meant to post this one: