Archive for the ‘Tools’ Category

Emoticons: saying nothing, but also everything

HipChat Emoticons

Let’s just be honest, emoticons are awesome. They’re probably one of the best parts about working with a variety of personalities.

Emoticons say so much without a word, but convey attitude, emotion, or frame of mind with a photo. Around here at HipChat HQ, we’re guilty of having entire conversations with emoticons. If aliens discovered how the HipChat team messaged one another, they’d think we use modern day hieroglyphics.

Our emoticon shrink ray resizes almost any image you find on the web into that 30 x 30 image you love. Because of this, we have so many inside jokes. It’s bananas how fast what’s trending in our social room can become an emoticon in minutes due to people thinking it’s hilarious or poignant.

From Left Shark, to one of our recruiter’s dogs looking like the cutest Ewok ever, we’re addicted to emoticons. It’s not just us, teams everywhere love them some Rage Comic faces, or the Sad Panda. Best part? They’re all predictive – so just type in the first letter and each one of these emoticons will pop up alphabetically.

Want to create your own? Team admins can add up to 100 custom emoticons. (Remember, with great power comes great responsibility.)

Check out some of our favorites below.

Funny

Sometimes it’s easier to drop an emoticon in when someone’s being hilarious. It works better than trying to put into words. We rely so much on internet humor around here. HipChat emoticon yey

HipChat Emoticons      ALL THE THINGS (allthethings)

HipChat Custom Emoticons          AWW YISS (awwyiss)

HipChat Custom Emoticons       DISAPPEAR (disappear)

HipChat Custom Emoticons       HUGE FAN  (hugefan)

HipChat Custom Emoticons       YO DAWG (yodawg)

Trolling

Need to bust some chops? These emoticons are great for calling someone out, letting them know you’re very much paying attention to what they’re doing and saying. Cause sometimes, when someone says something dumb, you need to drop a  HipChat emoticon troll on them.

HipChat Custom Emoticon Troll        TROLL (troll)

HipChat emoticon dumb        DUMB (dumb)

HipChat Emoticon downvote       DOWNVOTE (downvote)

HipChat emoticon lolwhut         LOL WUT (lolwut)

HipChat emoticon orly        ORLY (orly)

HipChat emoticon unacceptable         UNACCEPTABLE (unacceptable)

HipChat emoticon youdontsay       YOU DON’T SAY (youdontsay)

Congrats/good job/nice work/thanks

Is someone crushing it at work? It’s always cool to give them a nod of approval, a wink that people notice their work. If your girl in marketing is dominating or your dude in sales is closing the deals, drop them an (awyeah) , they’ll appreciate it.

HipChat emoticon notbad          NOT BAD (notbad)

HipChat emoticon you got it dude   YOU GOT IT DUDE (yougotitdude)

HipChat emoticon true story        TRUE STORY (truestory)

HipChat emoticon me gusta         ME GUSTA (megusta)

HipChat emoticon indeed       INDEED (indeed)

HipChat emoticon aw yeah       AW YEAH (awyeah)

Animated

Need a little something different? Try one of the animated gifs to add some flavor to your conversation.

HipChat emoticon fireworks         FIREWORKS (fireworks)

HipChat emoticon boom       BOOM (boom)

HipChat emoticon mind blown        MIND BLOWN (mindblown)

HipChat emoticon rock on       ROCK ON (rockon)

HipChat emoticon why not both     WHY NOT BOTH (whynotboth)

Dislike

What happens when stuff gets weird? Or the conversation takes a turn south? An emoticon is a great way to lessen the tension, or let someone know that it might be time to switch lanes of thought. Best part? You never said a word.

HipChat emoticon do not want       DO NOT WANT (donotwant)

HipChat emoticon Sad Panda        SAD PANDA (sadpanda)

HipChat emoticon sad indeed       SAD INDEED (sadindeed)

HipChat emoticon sad cowboy        SAD COWBOY (sadcowboy)

HipChat emoticon sad apple         SAD APPLE (sadapple)

HipChat emoticon oh god why        OH GOD WHY (ohgodwhy)

Random

What about those times when you really have nothing to add to a conversation, but figure why not drop in a kudos or a simple, “sure, that’s cool.” These are perfect.

HipChat emoticon clarence       CLARENCE (clarence)

HipChat emoticon face palm        FACE PALM (facepalm)

HipChat emoticon nice       NICE (nice)

HipChat emoticon no idea         NO IDEA (noidea)

HipChat emoticon salute       SALUTE (salute)

HipChat emoticon scumbag        SCUMBAG (scumbag)

HipChat emoticon wat        WAT (wat)

HipChat emoticon whoa       WHOA (whoa)

Most Used

A few of these were mentioned above, but some of them are too good not to repeat. Here are just a few of the emotions we overuse every single day.

HipChat emoticon lol         LOL (lol)

HipChat emoticon do not want       DO NOT WANT (donotwant)

HipChat emoticon disappear       DISAPPEAR (disappear)

HipChat emoticon true story       TRUE STORY (truestory)

HipChat emoticon waiting       WAITING (waiting)

HipChat emoticon not bad         NOT BAD (notbad)

Learn more about emoticons here.

Coming soon to every team: The emoticon shrink ray – create and upload custom emoticons with a simple click. Trust us, it’s awesome.

Work Faster with Slash Commands

We built HipChat for instant communication. HipChat slash commands are a set of time-saving tricks to get the most out of HipChat without reaching for your mouse.

All HipChat slash commands take the form: /Command + Text

  • Command is the action you want to take
  • Text is the new message you want to appear

Slash Commands for Room Actions

Slash Commands on HipChat

Slash Commands for Status Control

You can enter these commands in any chat window to change your availability.

HipChat Slash Commands

Slash Commands for Message Formatting

Keep your team members on their toes by rendering your messages in style. Or, fix mistakes you made in your last message by replacing words (ah, the relief!).

HipChat Slash Commands

Code Syntax Highlighting (/code):

Code formatting and syntax highlighting on HipChat

Quote Command (/quote):

HipChat Slash Commands

Fix Spelling Mistakes (s/):

HipChat Slash Commands

Emote Command (/me):

HipChat Slash Commands

Note: If you try typing an unknown slash command, it will just send like a normal message. Otherwise, no message gets sent and the slash command is executed.

Android Users: The following do not work on the Android app: /join, /topic, /part, /available, /away, /dnd, /clear, and s/.

Slash commands help make work communication simpler and less stressful. With these tools, you can get to your chats faster, style your text, and fix spelling mistakes. Afterall, it’s your chat, and it should work the way you want it to.

Send Loggly alerts into HipChat rooms

2 months ago Elena Gorman 0 Comments

In awesome HipChat news, we’ve got another great integration to share.

Our good friends over at Loggly have built a new integration that’s a lifesaver, especially for DevOps teams. Loggly is cloud-based, log management solution, supporting sources like MySQL, Linux, Rails, Python, PHP, Node.js, Ruby, Docker, S3, and Heroku among others.

Built around Loggly’s alert endpoint framework, their integration leverages HipChat’s webhooks to notify rooms about specific events or trends.

Keeping track of critical info

Loggly + HipChat users can create alerts that monitor:

  • Specific errors that have occurred
  • Spikes in the frequency of a particular type of event, such as 400 or 500 status codes
  • Average or maximum numeric values, such as response times exceeding set thresholds

In addition to posting an alert, the Loggly integration also forwards key context, including samples of the actual log events and a direct link to all the events within the Loggly console.

Context is everything

By providing context and links, the Loggly integration slashes response time because critical information is right there and easy to read. More importantly, teams can mitigate and even prevent technical issues that could affect transaction completion rates, user satisfaction, and revenue.

Install Loggly’s HipChat integration from the Alert tab on your Loggly dashboard. Check out the docs to learn more.

HipChat and GoToMeeting Free Integration

3 months ago Josh Devenny 1 Comment

Citrix_plus_HC

HipChat + GoToMeeting free, you say?

Do you know who is on your team? Yeah, there’s developer Donna and designer Don. You’ve got Luke and Lucille in marketing, and then Margot and Margeaux (that one gets confusing) but your team isn’t just anchored by people – there’s also the software you depend on.

That’s why HipChat plays nicely with the software you use every day. We know many HipChat users depend on Citrix’s GoToMeeting, so we’re excited to announce a brand new integration with GoToMeeting Free. Now, you can easily start a meeting with Margot and Margeaux with the click of a button.

It’s a communication match made in heaven:

Screenshot_26_03_2015_11_22_am

1) Follow this link and set up the GoToMeeting integration in your room
2) Invite your team by typing /gotomeeting or /g2m in your team room
3) Check your teeth for kale, and click the link
4) See those smiling faces!

That’s it. You don’t even need to sign up for GoToMeeting – it just works.

Give it a whirl and let us know what you think.

Introducing the new GitHub for HipChat add-on

Several months ago, we introduced a new way to integrate with Bitbucket using HipChat API v2’s Add-on capabilities. And although it took a while, today we’re announcing the new GitHub for HipChat Add-on. We’re using the same v2 API behind our Bitbucket integration to power our new GitHub for HipChat add-on.

The new GitHub for HipChat add-on makes it easy to pipe in all of your GitHub notifications into one or more HipChat rooms, using GitHub’s rich set of webhooks. You can set up notifications for all of the events you see below:

You can subscribe any room to as many repositories as you want and tailor the events for each room and repository. After it’s all configured, your notifications will look like this:

Ready to try it out? Find the new GitHub for HipChat add-on in your admin console. Find your room configuration screen, select the room you want to add this to, then click on the Add-on link on the sidebar. You’ll see the GitHub add-on in the “Find new” tab.

The new GitHub add-on for HipChat brings important information about your dev process right into HipChat. So what are you waiting for? Go set it up!

 

 

HipChat + PagerDuty for real-time DevOps collaboration

2 years ago Elena Gorman 0 Comments

Like many agile development teams, we rely on PagerDuty to monitor and respond to DevOps incidents. We use each other’s tools every day, so we’re excited that they now support incident-based webhooks for all users. It’s only natural that we teamed up with them for their first webhook-based integration.

Web-hooks based notifications from PagerDuty in HipChat

PagerDuty now integrates with HipChat using webhooks for real-time DevOps collaboration

Thanks to this integration, our users receive notifications from PagerDuty (like triggers, acknowledgements, resolves, assigns and escalations) in a HipChat room.

Since HipChat launched with native Android and iOS clients, that means you can monitor PagerDuty alerts even when you aren’t near your desk.

Alex Solomon, CEO of PagerDuty, says “this integration is easy to set-up and highly customizable, allowing users to receive updates where they get their work done.” On our end, we like how fast it was to set up and we’re excited to see the added functionality it brings to our community.

Integrate PagerDuty into HipChat by following the guide here.

XCode tips for TextMate users

Switching from TextMate to XCode to work on the upcoming HipChat iPhone app has been a little painful. TextMate has some incredibly helpful features that I feel very unproductive without. Luckily some of them can be enabled or emulated. Here’s what we’ve found:

Go to File (Command-T)

TextMate's Go to File popup - so awesome!

The Go to File popup is probably TextMate’s most beloved feature. After using it for a while it seems amazing that its not part of every IDE out there. XCode’s “Open quickly” (Command-Shift-D) doesn’t cut it because it doesn’t do partial matching on the filename.

There are two options (both paid tools) for adding this functionality to XCode:

  1. PeepOpen — $12, beta software, great potential but not actively maintained
  2. Code Pilot — $30, more mature and full of other nice features

If you want to bind either tool to Command-T you’ll need to unbind XCode’s default key binding for the “Show Fonts” dialog first. To do that, open your XCode preferences and clear out option shown here.

Key Bindings

The “Delete line” (Control-K) and “Duplicate line” (Control-Shift-D) shortcuts can be added system wide by placing the following in ~/Library/KeyBindings/PBKeyBinding.dict:

{
    "^$K" = (
        "selectLine:",
        "cut:"
    );
    "^$D" = (
        "selectLine:",
        "copy:",
        "moveToEndOfLine:",
        "insertNewline:",
        "paste:"
    );
}

Full details and other options are available in this Stack Overflow post.

Themes

TextMate's Twilight theme in XCode

Using the same theme in all your IDEs can make it a lot easier to jump between them seamlessly. Here’s a tool you can use to convert your existing TextMate theme to work in XCode: XThemes.

There’s also a downloadable version of the Twilight theme for XCode here.

Tabs

Unfortunately there’s no way to get a tab-based display in XCode, so you’ll have to get good at switching between files using your Command-T replacement or via one of the suggestions here.

We hope these tips can make you a little more productive in XCode. If you’re looking for more make sure you check out this Stack Overflow thread. Oh and keep an eye out for the HipChat iPhone app.

How Adobe ruined Fireworks CS4/CS5

5 years ago Pete Curley 11 Comments

Adobe Fireworks is my secret weapon as a web-designer. It has the power of Photoshop but sports an interface and tool-set geared towards rapidly creating multiple versions of pixel-perfect mockups. Two of my favorite features: “Pages” where I can quickly create different versions in one file, and “Styles” where I can save our styles (buttons, dropdowns, etc.) and re-use them over and over again. I still do my finished pixels in Photoshop but the layout, margins, and typesetting is all Fireworks.

I’m a stickler for mockups that look EXACTLY how they will look in the browser. We like working off of pixel-perfect mockups when implementing new features. I don’t waste time making complicated specs and they don’t have to question what they’re building. The new versions of Fireworks (CS4/CS5) have made this impossible to do.

Why Fireworks CS3 is awesome

Fireworks has several text alias options. The one I always choose is “System Anti-Alias.” This will render fonts exactly how that font will look in a web browser.

Font rendering in Fireworks CS3

Font rendering in Fireworks CS3

Why Fireworks CS4 and CS5 are not awesome

When Adobe released Adobe CS4 I was shocked to see that when they updated the text engine, they removed the System Anti-Alias option. It is now actually impossible to get your mockups to duplicate browser text. For me, this was a clear deal-breaker.

Font rendering in Fireworks CS4/CS5

Font rendering in Fireworks CS4/CS5

Here are all of the alias options that Fireworks CS4/CS5 have:

All the font options in CS4 and CS5

All the font options in CS4 and CS5

It’s too bad, because Adobe has updated Fireworks CS4 and CS5 to be faster and more stable. The hardest part now is finding places to acquire Fireworks CS3 legally.

How HipChat works: SMS chat with Twilio

Earlier this week we released a mobile alerts feature allowing users to hook up their cell phones and participate in one-on-one chats while away from the computer. Having SMS support is important to us because just about everyone has a cell phone but not necessarily a smart phone capable of running our web chat. Adding SMS support turned out to be quite simple thanks to Twilio. Here’s why:

1. Cost – At first we thought we’d have to use short codes to send our messages. They’re the 5 or 6 digit numbers you can text vote on American Idol, get crappy ringtones, etc. Unfortunately they’re about $500/mo each (and some companies will charge you much more). We also looked at using a shared short code but you can’t do two-way SMS (send and receive) with them. Twilio lets you use local numbers for $1/mo that can send up to 1 message per second. This means we can just add more numbers as our volume increases. Finally, each message (in or out) is just $0.03.

2. Setup speed – It takes about 90 days and a bunch of approvals to get a short code, probably because you can use them to charge people monthly fees. Allocating a local number on Twilio takes about 15 seconds (even less if you do it through their API).

3. Two-way messaging – We need to be told about replies to the messages we send so mobile users can actually have conversations. We also need to use a different phone number for each chat session you have so that we know who you’re replying to (that’s where the short codes get really expensive). Twilio will hit a URL we provide with information about each incoming SMS so we can deliver them to the right person.

Note: If you’re just doing low-volume one-way messaging you can probably get away with email-to-SMS gateways.

4. Clean API – Twilio’s REST API is easy to use, and has a PHP library available. We just wish they had JSON support. By the way, we’re getting really close to releasing our own API!

5. Good support – They were far more helpful and responsive than other SMS gateway providers. We had the feature built and working in about 2 days.

We hope everyone enjoys the new SMS chat feature and that some of you will have the pleasure of adding SMS (or voice) support to your own app.