Embedded recommendations, updated source & article pages

Marcel Wichmann:

We’re happy to announce that, starting from now, you’ll be able to embed recommendations on your websites. Whether it’s your blog, your tumblr or your self-hosted collection of knitting tutorials, everything’s fine.

Today we released embedded recommendations for QUOTE.fm. We hope you like them as much as we do. They look like this:

Battlefield 3: Close Quarters Trailer 2

I am so excited. Fuckyeah!

Say hello to the new Flickr Uploadr

flickr blog:

Today, we’re excited to announce a new feature that will make it even easier and faster for you to upload your photos and share them with the people who matter to you. Introducing the new Flickr Uploadr!

Yesterday Flickr announced their new (HTML5) Uploadr. Looks great as far a I can tell from the images and feature list. The new uploader will be rolled out over the next few weeks. If anyone of you already has it, I would be happy if you share your experience.
There are even more infos on the technical details and a video on the flickr code blog.

Nintendo’s Hard Choice

MG Siegler:

I really, really, really want Mario and Zelda and Donkey Kong and all the other great Nintendo properties on iOS devices.

I would probably buy every single game. And I imagine I wouldn’t be the only one.

Ethan Marcotte answers your responsive web design questions

Ethan Marcotte:

Nelson Rodrigues: What framework do you recommend for a designer and developer duo starting in RWD?

EM: There are a number of great responsive frameworks out there: Foundation by ZURB, Josh Hopkins‘ Fluid Baseline Grid, and Twitter’s 2.0 release of Bootstrap has an optional responsive grid.

Each looks pretty damned promising to me, but I should probably mention I don’t use CSS frameworks for production code. I find them invaluable for prototyping, for getting ideas on the screen as quickly as possible, and seeing how they shake out in a responsive layout. But for final, client-ready deliverables, I like tailoring the code to the design, and finishing up with a responsive design that’s optimised for small screens by default, but progressively enhances up to wider displays.

Agreed. That’s exactly what I think of frameworks like Twitter Bootstrap. I never could imagine using one of these for an actual, real project.
There are also some more bits of knowledge in the Q&A.

QUOTE.fm Read WIP Demo

As a designer Marcel often shares screenshots of the designs he is currently working on. I thought about what I can share with you guys that’s more than a screenshot of the pages in a browser, because if I do my job really good it looks exactly like the designs you already saw.

Our process at QUOTE.fm

After Marcel finished his work in Photoshop I take over the PSD files and begin working on the frontend. This means I craft all the HTML and CSS with dummy content and every possible state of every element. I also do all the animation stuff in JS and things like that. When I finished my work, it’s Philipp’s turn. He takes my stuff and integrates it in QUOTE.fm. He makes sure that everything works the way it should. From time to time he discovers minor bugs or needs some elements I forgot to implement. Then it’s my turn again. Sometimes we have to go back even further and do some design changes. We repeat this process over and over again until we are completely happy with the result.

What I am currently working on

The last couple of days I worked – with short interruptions – on the new Read section. As you might know we are building a read later service into QUOTE.fm. But that’s not all. We are also upgrading the read section with some social components.
For example you will see who recommended the story you are currently reading, what they said about it, which paragraph they marked, etc. You will also be able to comment on the article and engage in discussions right from the clean text view.

It’s all far from completion and everything could be changed any second, but I want to share my process along the way. So go ahead and try the QUOTE.fm Read WIP Demo.

Clawing The iPhone Pt. I

Jorge Quinteros:

This is how I clench the iPhone in my hands when photographing on the streets. Despite a friend’s remark, I don’t think it’s unusual. I refer to it now as “clawing the iPhone” because that’s how my friend Victor described it when he pointed out the odd similarity to a bird gripping on to a twig or something. I use my thumb to press on the shutter button and it’s as easy as that.

I often hold my iPhone the same way when photographing in landscape mode. As Jorge I am sometimes scared to drop the phone, too.
But most of my photos I take with Instagram in portrait mode anyway.

Sausages

Hamburg, April 16th 2012, Fuji X100

Optional Tags in HTML

Jens O. Meiert:

For convenience and in order to allow for additional bits or bytes being saved in your markup, here’s a list of all optional tags according to the HTML 4.01 Strict DTD.

Last week or so I had a conversation on Twitter with Daniel whether you can resign html, head and body tags. Turns out that’s true and there are also some closing tags which are dispensable. Nevertheless I will continue to use all of them.

rwanda+uganda part III

Another pile of amazing photos by Severin Koller.