Wednesday, November 16, 2011

Wednesday Update: Swag & Grog

Sorry, I meant "Drag & Drop". The problem-ridden drag UI has been refined and improved to allow for more future uses. Anyway, here's the list of changes for this rollout:

  • Hovering works hides the class icon.
  • Hovering movicles loads and plays the animation.
  • Improved cache-piercing: changes to picoids are now reflected on index pages on next load.
  • Clicking a work no longer opens the editor, but selects the work. To edit a work or see its details, double-click it. When not logged in, clicking will work as before.
  • Hold Ctrl and click to accumulate works to your selection. All selected works can be dragged.
  • Valid drag targets ("work boxes") highlight in red when hovered.
  • Insertion point is now marked by a red line.
  • When drag & dropping to other boxes, selected works will be copied.
  • When drag & dropping within the same box, selected works will be moved. Holding Ctrl while dropping will create a copy instead.

Sunday, November 13, 2011

Site Redesign

The past days have been spent redesigning the site to make better use of screen estate; I also wanted to use a darker color scheme, so the user content shines more.

We picked a new font, Terminal Dosis by the gifted free font designer Pablo Impallari. At different weights, the font goes from thin minimal  engineering-planning strokes to thick fun-playful strokes, which communicates the goals of the Bottleship rather well.

The initial plan was to rewrite parts of the site, but as that took to long, I applied what I had learned to the already existing design. Here's a short list of changes:
  • Dark scheme to bring out the colors and exhibit user content better. Some inspiration was drawn from the Blender 2.5 UI design.
  • Fixed page layout, fixed footers, scroll bar is now only present in the content area.
  • Pocket is now permanently fixed to the left side, plain and simple.
  • Works (Picoids, Bundles, ...) use a 50% gray background to work against any contrast.
  • Site designed to work with a screen width of 960px, that's one half of a 1080p screen.
  • Site menu folded into dropdown menus.

Thursday, November 3, 2011

Thursday Update: Movicles and Publishing

First of all, about publishing:

You may have noticed that the front page is now rather empty. This is because new content will no longer bubble to the front page, but remain on your user page until you click the "Publish" button, which is the button with the little sun on it in the info box. Note that unpublished works are not invisible: people who visit your user page will still see them. But your works will not turn up on the front page and "Most Recent" list.

We added this feature so you have greater control on when to show off your work, and also keep individual animation frames unpublished, so they don't show up along with the final animation.

Moving on. In the past days, we've added a bunch of new features, here's a round-up:

  • Movicles: you can now create APNG animations from your picoids. The interface is very similar to bundles: just drag and drop picoids to your pocket, and from there to the animation.
  • Publishing: unpublished work is only visible on userpages, and hidden from public lists.
  • All general operation icons (Delete, Clone) have been moved to the info box.
  • Remixes are shown for bundles, too.