About Bobby Grace

I'm a designer at Fog Creek Software. Rounded corners, gradients, that kind of stuff. I work on Trello. Follow me on Twitter here.

Trello and the Heartbleed OpenSSL Vulnerability

On April 7th, a serious security issue called “heartbleed” was reported in the OpenSSL library. The library is used to encrypt private traffic on a majority of services on the Internet, including Trello. The issue could allow others to access private data from an affected server.

In order to eliminate the vulnerability, all of our systems have been patched and all of our SSL certificates have been replaced. As of now, we are no longer affected.

We are not aware of any malicious behavior, but due to the nature of the vulnerability, it can be difficult to determine. As a precaution, we’ve logged out all sessions. That means you’ll need to log back in, which is an inconvenient but necessary step. We’re sorry for the trouble. We also recommend resetting your password and removing app tokens via trello.com/my/account.

Because OpenSSL is used in so many places, we recommend checking to see if your other online services are affected before logging into them again. We recommend resetting your password on those services, too.

A Big List of Small Improvements Including Box.com and OneDrive Integration. No Joke.

Today is April Fools’ Day and we don’t have any pranks for you. We love a good gag as much as the next team, but you know, you probably wanted to get some stuff done today and seeing a pack of huskies frolic across the screen won’t help. Okay, that sounds kind of great now that I’m thinking about it… Ugh. This is how bad ideas are born.

Anyway, we didn’t do that. Instead, we spent our time making a bunch of updates that we think you’ll find useful. Let’s dig in!

You can easily add Box.com and OneDrive attachments.

Screen Shot 2014-03-31 at 8.25.46 PM

Maybe you saw our Dropbox and Google Drive integrations and thought to yourself, “Oh great. I use Box.com or Microsoft OneDrive formerly known as SkyDrive, so lots of good that does me. *sniffle*” You throw your pen across the room, put your head on your desk, and everyone in your office looks over at you wondering what’s wrong. Cheer up, my productive and good-looking reader! Now we’ve got those integrations, too! Just open a card, click “Attachment”, select your service of choice, pick some files, and voilà. Added. You did good!

You can toggle sections in the now-wider boards drawer.

expand and collapse

We’ve heard lots of angry shouting requests for a way to turn off the recent boards section in the boards drawer, a.k.a. that sidebar on the left with all your boards that we introduced with the new boards page. It got in the way for lots of you, especially if you only have a few boards. Now you can expand or collapse any of those sections like recent boards, starred boards or organization boards. Just click the + or – next to the title of the section. Hopefully it keeps you focused.

We also made the boards drawer a little bit wider to accommodate longer board titles. Hope that helps!

You can add any link as an attachment. GitHub, Kiln, FogBugz, and Trello links are extra special.

known-services

Drag a link from the address bar in your browser (or anywhere) and drop it onto your card and Trello will dutifully store it as an attachment. You can also add a link by opening a card, clicking “Attachment” and pasting in the link, if that’s your thing.

You can add any ol’ link, but we dress up the links for select services by giving them a special icon and the name of the page instead of just the URL. Those special types of links include Trello cards, Trello boards, FogBugz cases, Kiln commits, Kiln code reviews, GitHub commits, GitHub issues, and GitHub pull requests. You’ll also notice that if you link one of these things in a comment or card description, it will nicely format it and give it a title and icon. Try it! It’s nice! We hope to add other services soon.

And for April Fools’s Day, those special links sparkle and bounce around and stuff…

No, not really.

Attachments are listed vertically and much clearer.

When we launched the new card back, we listed your attachments in a grid with big previews. It looked nice, but it had a lot of problems. One big problem was that it truncated attachment names. If you had a long title, the only way to get the full title was to hover and wait for the tooltip. Plus, you could only see actions (like make cover and delete) when you hovered, making them hard to find. To make it worse, those buttons showed up as icons, which might as well have been alien hieroglyphs since the icons didn’t mean the same thing to everyone. The view worked well if you had a large majority of image attachments, but a lot of the time it felt like cramming a square peg in a round hole.

Now we list the attachments vertically. This makes space for the full name of the attachment. No more cutting off names. Instead of alien hieroglyphs, we opted for clearly labeled text for the actions. They are also visible at all times so it’s obvious what you can do with an attachment. Finally, the “open in a new tab” link has been replaced with a download link. Opening in a new tab didn’t really make sense because you could just use the new attachment viewer to view it. There were two ways to view attachments and no way to download, which lots of people needed. I hope it works better. Thanks for all the feedback. We definitely heard you!

Card covers keep the aspect ratio.

coverama

Have you ever added a tall image to a card and found the cropping for the cover to be… inadequate? Well now it keeps the aspect ratio of the original image. If you have a tall image, the cover will be tall, too. For most people and images, we think it’s a much better fit. You don’t have to worry about how it’s going to be cropped and get to see more of the image.


That’s all. I hope we added something you like! Be careful out there today. It’s a minefield of gags. As always, you can follow us on Twitter, Facebook, and Google+ to get the latest updates.

A New Card Back with an Attachment Viewer, Covers, and lots more.

We’ve been working on a redesigned card back and we’re happy to launch it to all Trello users today. You’ll notice lots of small refinements, but here are the three big additions.

You can view attachments inside Trello.

viewer

You can attach everything from mock-ups, to screenshots, to PDFs, to Word documents, to Google Drive and Dropbox files to your cards. The old design wasn’t really doing attachments justice. Image attachments showed up as tiny previews with lots of info you didn’t really need to see. When you clicked on them, they opened up in another window which took you out of Trello and broke your workflow.

Your attachments deserve better. Image previews are now twice the size. And now when you click on attachments, you can see them inside Trello, without having to download anything. This lets you quickly review mock-ups, documents, or just about any other attachment. Fast and easy.

Covers and stickers now appear on the back of cards.

cover

You probably spend a lot of time considering your card covers and carefully placing your stickers. So much so that they really become part of the card. It was a shame that that they only showed up on the front of cards. But no more! Now they show up on the back of cards, too. It makes your card a little more personal and colorful.

There is more space for your stuff with a wider card.

We’ve streamlined the back of the card as much as possible to make more room for attachments, comments, checklists, and everything else. Members and labels are now in the main column of the card. We removed a lot of the heavy and redundant visual elements like badges to help you focus on stuff that matters.

We’ve also made the right sidebar slimmer. The copy card button is now in the sidebar instead of the out-of-the-way “More” menu. The copy menu now includes a way to copy a card to a different board or list so you don’t have to go hunting for the card and move it after copying it. You’ll also notice that as you scroll down the card, the sidebar will “stick” and remain visible so you can always get to important actions for the card.


There were a lot of things we liked about the original card back design. It was clear how to do almost everything on a card just by looking at it. When you created a new card, it didn’t overwhelm you with buttons, fields, and empty sections. We wanted to maintain that approachability while carefully adding some refinements and new features. We hope you like it!

As always, you can follow us on Twitter, Facebook, and Google+ to get the latest updates.

Using Trello like a Pro: Part 3

A while ago, we asked on Twitter if you knew that Trello had a calendar feature. It turned out that, no, many of you did not know that. So, I wrote this post, our third installment of “Using Trello like a Pro”, in an effort to inform you, our good-looking, productive readers, about all the cool stuff in Trello that you may have missed. You can read the previous installments here…

Okay, now on to the good stuff.

Calendar, Card Aging, and Voting are power-ups you can use for free right now.

Power-Ups

We are dedicated to keeping the core Trello experience as simple as possible. If it’s not something that every project needs, like comments, checklists, and attachments, then it’s not going to be in core. But we still want to provide additional, niche features to those that need them. So we launched power-ups, board-level features that you can toggle on and off. There are currently three power-ups: Calendar, Card Aging, and Voting. To enable them, open up the board menu in the board sidebar and select “Power-Ups”. Read the launch blog post for more details.

You can create cards via email.

Email

That’s right! Open the sidebar menu, select “Settings”, then “Email Settings”. We’ll give you an email address that you can add to your address book with a nice, easy-to-remember name. Send that address an email and boom, a card will appear on your boards. You can read more about it in the original blog post.

Trello Gold and Business Class give you more out of Trello.

We have two paid products for your consideration! We created Business Class for organizations and businesses to provide additional administrative controls and features, like Google Apps integration, observers, and additional permissions. Read more about Business Class.

We created Trello Gold for individuals so you can support Trello and get extra bits of fun and functionality, like custom board backgrounds, larger attachments, and stickers. Read more about Trello Gold. Also, for every person you get to join Trello, you can get a month of Trello Gold for free, for up to 12 months. Check out your recommend page for ways to share Trello.

There are free board backgrounds and they are used on the boards page, in favicons, and everywhere.

Backgrounds

Did you know you can change your board background to any of six colors for free? It’s true! And with Trello Gold, you can upload your own or choose from many hand-selected photos and patterns. Open you board menu in the sidebar, select “Settings”, then select “Change background…”.

Board backgrounds are used in a lot of places, including the new boards page. Another cool thing: when you open a board in the browser, the favicon will change to match the board background.

Shortcuts are efficient. Try “J/K” on cards and the ever-important “B”.

Trello is filled with keyboard shortcuts which will have you Trellin‘ with unheard-of speed. They are all listed on this page, which you can bring up at any time by pressing “?”. I wanted to point out two new ones and an important one. If you are viewing a card, you can press “J” to open the next card in the list, and “K” to open the previous card. You should also know about “B”. Press it to open the boards drawer, where you can immediately start typing to filter boards, and press “enter” to open it. Neat!

You can re-order starred boards via drag and drop.

Try it! You can put your very most important board at the top of the list, making it even easier to access.

Space Taco

Taco is our mascot.

He is a siberian husky, not a fox or a wolf, and his name is Taco, not Roo. You may see him around the app introducing you to new features. He has been to outer space.


That’s all for today. Hopefully you are more of a pro now. Oh, there is also a Trello Resources board that is updated regularly with tons of usage examples, extensions, bookmarklets and more. Maybe you could star it? We’re always sharing tips on Twitter, Facebook, and Google+.

We Made Getting Around Trello Lots Faster With Starred Boards, A New Boards Page, and More

We’ve been hard at work making Trello faster and easier to get around. We focused on a few major problems…

  • When you had a lot of boards, it was really hard to find the ones you care about.
  • The boards page–the page you see when you first log in–was pretty ugly visually underwhelming and had a bunch of stuff you didn’t need to see.
  • Switching between boards was hard because it involved a lot of clicks and scanning of lists, which made it tough for people who used multiple boards on a daily basis. Switching boards was also tough because…
  • Loading boards with lots of cards was slow. Like forgetaboutit slow.

So we’ve introduced a few new things to help you find your most important boards and make switching between boards really fast.

A New Boards Page

new-boards-page

The first thing you’ll notice when you log in is the new boards page. Previously, it was a big, long list of boards, which was hard to scan, and some account options, which you didn’t really need to see. We focused on the most important thing, which was finding and getting to your boards. Your boards page is now a large grid of boards, each using the background you can set in the settings tab.

Starred Boards

starred-boards

When you hover over a board on your boards page, you’ll notice a little star icon in the corner. Click it to star the board. Now it will always be at the top of your boards list. This means you can always find your most important boards without having to scan the entire list. You can star as many boards as you like. You can also drag-and-drop starred boards to reorder them, so you can have the board you really really care about at the top.

Boards Drawer

boards-drawer

The ”Boards” button in the top left now opens your new boards drawer. Boards in the drawer use board backgrounds, making them easy to find. You’ll notice that your starred boards are at the top, so it’s easy to switch between the ones you care most about. As you navigate to other boards, you’ll notice boards being added to the “Recent” list beneath your starred list. This way you won’t lose that important board you just visited. To make it even easier to switch boards, you can keep the drawer open as you navigate between boards by clicking the “Always keep this menu open.” link at the bottom of the drawer.

A Cleaner Look and Faster Loading Boards

You’ll notice that cards have a new look. We stripped many of the heavy styles from cards, which now look nice and clean. This also makes scrolling and displaying cards much faster and smoother. As you switch between boards, you’ll notice opening boards is almost instant now, even for boards with a lot of cards. Trello is faster because it’s now smarter about how it stores board data in your browser so it doesn’t have to download the data again.

As always, let us know what you think on Twitter, Facebook, and Google+. And thanks so much to all the people who had early access to the new features and reported bugs and provided feedback. You made a big difference.