#hack day

One of my favorite projects built by a web dev was one that detected users making posts that contained phrases like "please delete tumblr". What would happen is, shortly after a user made a post like this, their website would suddenly start to glitch out and disappear. A faux terminal appeared, making it look like Tumblr's servers were being deleted. After all this, the user was directed to a fake 404 page that confirmed Tumblr was deleted.

Mais um ano, mais um Hack Day aqui no Tumblr. Várias vezes por ano, desaceleramos o ritmo de trabalho normal e passamos um dia (ou, às vezes, uma semana inteira) permitindo que nossas equipes deem asas a suas imaginações criativas. Apresentamos a seguir alguns dos projetos que surgiram no Hack Day do início deste mês. E, como sempre, alguns deles você também pode acabar vendo aqui no site…

Wesley trabalhou na funcionalidade de tradução automática de conteúdo de texto com o LibreTranslate, e que funciona muito bem! Sabemos que este é um grande problema para as pessoas que usam o Tumblr em todo o mundo e, por isso, vamos continuar experimentando este incrível recurso.

Omar criou uma “lista de desejos de funcionalidades” para o aplicativo para Android. Ela oferece diferentes listas, com funções destinadas à comunidade e às equipes do Tumblr. Além disso, é possível votar em quais você mais gosta, o que é muito legal! São ideias como essa que nos permitem colaborar com a comunidade, como já fazemos nos blogs @wip e @changes.

A pergunta que nunca calou @blowery: como saber quem adicionou as tags visualizadas num reblogue? Foi a pessoa que reblogou, ou elas já vieram com a postagem original? Difícil dizer... Para facilitar, Ben colocou o avatar da pessoa que reblogou ao lado das tags que ela adicionou na parte inferior do reblogue!

E, por fim, @straku criou um visual mais moderno para nossas mensagens privadas, com os balões das mensagens ficando à esquerda ou direita (dependendo de quem fala) e lindas cores. Ficou superelegante!

Como sempre, fique de olho no blog da @equipebrasil para não perder as atualizações.

Traditiegetrouw hield Tumblr onlangs weer een Hack Day. Een paar keer per jaar besluiten we ons gebruikelijke werktempo een dag (of een hele week) te vertragen zodat onze engineeringteams hun creatieve geest de vrije loop kunnen laten. Hier zijn enkele projecten van de Hack Day van maart. En zoals altijd kunnen sommige pareltjes op de site terechtkomen…

Wesley bedacht een functie om de tekst van een bericht automatisch met behulp van LibreTranslate te vertalen, en het loopt op rolletjes! We weten dat veel gebruikers tegen een muur aanlopen wanneer ze worden geconfronteerd met teksten in talen die ze niet machtig zijn, en we zijn erg blij dat we kunnen experimenteren met deze handige functie.

Omar heeft een ‘functionele wenslijst’ gemaakt voor de Android-app. Hij stelt lijsten voor met functies die betrekking hebben op de community en die bestemd zijn voor Tumblr-teams, en het is mogelijk om op de functies die je het leukst vindt te stemmen! Een briljant idee dat kan worden gebruikt om de wensen van de community te peilen en zo de samenwerking te bevorderen, zoals we al doen met de blogs @wip en @changes.

Een klein detail zit @blowery al tijden dwars: hoe kun je in één oogopslag zien wie tags heeft toegevoegd als je een gereblogd bericht bekijkt? Het kan lastig zijn om te bepalen of de persoon die het bericht heeft gereblogd zelf tags heeft toegevoegd, of dat de tags al in het gereblogde bericht aanwezig waren. Om het onderscheid gemakkelijker te maken, kwam Ben op het idee om de avatars van de rebloggers toe te voegen naast de tags die zij onderaan een gereblogd bericht hebben geschreven! Eenvoudig en effectief!

Tot slot heeft Straku hard gewerkt om de uitstraling van onze één-op-één berichten op Tumblr te updaten. Afhankelijk van met wie je praat, worden de berichtenballonen afwisselend links en rechts uitgelijnd en zijn ze versierd met mooie kleuren. Zo ziet het er nog beter uit!

Dat was het voorlopig weer. Volg ons op de blog @medewerkers​ om op de hoogte te blijven van de mogelijke realisatie van deze geniale ideeën op Tumblr.

in no particular order; pardon the wrinkles

and all that noise

The Muse's magnificent Hack Day is upon us once again, only this time, I decided to do something ridiculous. I added sound effects to the website.

Not just any sound effects - these are a cappella noises generated in a conference room by myself and my partner in crime, Kyle - another product manager. Together, we're responsible for the growth and engagement of our user base, and what better way to grow and engage them?

Above, the audio list. Below, the Javascript that generates a whole bunch of invisible <audio> players and <source> files.

To play a file, it's as easy as .play(), resetting the .currentTime to the beginning for good measure.

And then the fun part: triggering these sounds. I added a handful of document-wide event listeners to capture click, scroll, and keyup events - with some mouseenter (hover) listeners for special elements like <button>s and navigation <a> links.

The scroll code is easy - just keep track of the current .scrollY at all times so you can tell if you're going up or down.

Typing is also fairly straightforward - just capture the .keyCode (with keycode.info) and set rules using a switch case.

Where it gets complicated is in the clicks. Using a special switch (true), I can set one or more rules based mostly on the class(es) of the element clicked - as well as its parent, grandparent, even great-grandparent.

So a user interacts with the site, their action filters through these listeners, and a ridiculous, stupid sound plays. Best Hack Day yet.

tl;dr: shout out to my engineers - Dan for building me a "deployable branch," Sam for helping upload and deploy the code