Wikia

Community Central

WatchlistRandom pageRecent changes
Comments29

Custom Emoticons Available in Chat

Sean Colombo September 14, 2011

Chat has been a big hit since we released it a couple of months ago. Even though it's still in Wikia Labs, around 2,500 unique users are chatting on Wikia each day!

What's new on Chat?

We're excited to announce a pretty cool feature on Chat: emoticons. We know that many users have been requesting these yellow-faced icons, and we're confident that their addition will make Chat even more fun and enjoyable. Check out some of the available emoticons here.

Emoticon_cool.png Emoticon_batman.png Emoticon_crying.png Emoticon_fingers_crossed.png Emoticon_blush.png Emoticon_confused.png Emoticon_content.png Emoticon_happy.png Emoticon_heart.png Emoticon_hmm.png Emoticon_indifferent.png Emoticon_laughing.png

Custom emoticons? Yup, we've got those too.

The coolest part about adding emoticons to Wikia Chat is that each wiki can customize them! By default, every Chat starts with these emoticons, but if you visit the MediaWiki:Emoticons page on your wiki, you can add or change any of the emoticons. For more information on how to customize, please refer to the Chat Help Page.

When emoticons went live, it didn't take long for some users to notice and start customizing them. After releasing the new feature last Wednesday, I kept close watch on the community; by the time I went to lunch at noon, there were already dozens of custom emoticons across a number of wikis. Here are a couple of the many awesome examples that have popped up:

The development process

Emoticons are a feature that I built (with some help) during a 48-hour "hack-a-thon" at Wikia headquarters last week. The hack-a-thon is an event that takes place every three months — we set aside two days for Wikia engineers to work on whatever they want. The hack-a-thon lets us play around with fun features (like emoticons!) that we normally don't have time to develop.

The idea of having editable emoticons originally stemmed from a chat with fellow engineer Christian Williams; he mentioned that since Wikia is a platform for communities, we should be build a tool that encourages users to get creative and make their own emoticons. This was a "light bulb moment" — it was a pretty natural transition from that great idea to the system we have now.

To develop the initial starter set of emoticons (and to get them to look awesome like Emoticon BA.png and Emoticon walter.png), we turned to our talented Wikia designers. Lauren Robinette worked on the the default emoticons — it's amazing how many she was able to crank out in one day! Steve Profumo also jumped in to make the custom (rock) emoticon that we use on LyricWiki. A big "Thank You!" to our design team!

Have you been using custom emoticons in Chat? Do you have have any questions about emoticons? Share your experiences and suggestions by leaving a comment below. Want to receive updates on the latest Staff blog posts? Then click here to follow this blog.

  • Showing 13 most recent

29 comments

 
38.107.179.236Anonymous User
Log in?
  Loading editor
  • Does this mean that there will be a new rich text box with all the emoticons in it (Similar to the user awards that a user can earn but smaller)?

  • You fullfilled my request, well to everyone else who likes them - Have fun customizing your own emoticons!

  • I can't see the list of users in chat anymore, which will make it a pain if I need to kick someone.

  • I've been trying to transfer emotes from here to here

  • It seems that chat isn't working correctly on Mac OSX - see this pic here http://i.imgur.com/weGAg.png

    It works fine on Windows, but on OSX those errors appear (incorrect/blank userlist, non-functional emoticons)

    • I'm getting the same issue, and I'm running Windows 7 http://oi53.tinypic.com/1z1yd13.jpg

    • Hi there :) we changed the way emoticons were done (around midnight). Now they're done entirely in your browser.

      To make sure you have the newest code, please try force-refreshing the page (CMND+R or CTRL+R).

      If you still don't see emoticons after that, please let me know the operating system, browser, and version :) thanks!

  • I'm in the process of adding a series of Omnitrix-green emoticons on Ben 10 Fan Fiction (and removing irrelevant ones). Demo.

    ---****--- Roads

  • Walter-plain.png Yay emoticons!

  • this looks awesome! But chat won't work for me :( I go on chat. all I can see is the chat box where you type in your message. I cannot see all the active chatters, I cannot even see chat messages, or even my OWN message! I loved the chat and I am glad there are new emoticons for it. I only wish I could use them too :(

    • Hi, is this still happening? The issues should be resolved now.

    • At the moment I can't see who's in the chat, and emoticons don't work. I can still see what I post and what other people post. However if I'm in the chatroom and someone joins, they will be added to the list. Those who are in the room already when I join do not show up.

      http://i.imgur.com/weGAg.png For better idea

    • I have the same problem.

    • It's still happening. I can't see anyone's messgages, including my own, nor can I see the list of users on the chat. So basically, all I see is a window, with my Wiki's logo, and a place where I type me message. But I can't see, or send messages.

  • Nyan Cat on Camp Halfblood Roleplay WIki for the win!

  • Wow, this is really great to be listed up here. Although, with there being 649 Pokémon, it is a time consuming task to get them all down. It is pretty cool to see the emotes being used by other users in chat and knowing that you helped make that list.

  • Sean, you should check links before posting them. Pokemon Wiki removed them all 2 days ago suspecting it was a bug in Chat causing the crashes. I am not sure if they are adding them back soon or not.

  • Ever since the introduction of emoticons, chat has been crashing often and lagging. I cannot say for sure that the two are connected but considering chat was fine until the emoticons introduction, I am lead to believe that it is due to wikis using emoticons larger than 19x19 pixels. I think emoticons need another round of devolpment that prevents any emoticons over 19x19 from being allowed so chat is not slowed down due to the server needing to allocate extra resources to resize the emoticons

    • Hi there, Fortunately, the size of emoticons shouldn't affect server load at all (it's all the same to the server - it doesn't resize the emoticons, your browser takes care of that for you). However, if there are images larger than 19x19, then the first time that a user sees that image, the image may take slightly longer to download (and then the browser caches it for future requests).

      The slowdown does suck though. We're not sure yet what the cause is, but we've deployed a change at 3:05pm PST (20 minutes ago) which we're hoping fixes it. If not, then there is one change we can do to assure that the change is unrelated to Emoticons (that change is: rewriting it so that all of the work is done client-side).

      Regardless of what the fix ends up being, we're keeping a close eye on it and hope to have things back up to fullspeed pronto.

      Thanks for the feedback :)

    • btw: we rewrote the emoticons code to be completely off of the server (it's done in your browser) so there should be no more impact on server speed or crashing. I released that new code at midnight PST (13.5 hours ago) and so far everything is looking good.

      Please let us know if you see any lagginess or Chat unavailability (because we think it's okay now). Thanks! :)

  • This is awesome! I love that you can customize them. The batman emoticon is adorable :)

Latest Photos

Add a Photo
7,508photos on this wiki
See more >
Create blog post

Popular blog
posts

See more >

Around Wikia's network

Random Wiki