visuelleGedanken.de

Have a nice sunday everyone!

Eric Bidelman for HTML5Rocks:

position: sticky is a new way to position elements and is conceptually similar to position: fixed. The difference is that an element with position: sticky behaves like position: relative within its parent, until a given offset threshold is met in the viewport.

I’d love to see this implemented in every browser and without vendor prefixes as soon as possible with a real spec. At the moment it just works in Chrome 23.0.1247.0+ and WebKit nightly.
I had to build the same behavior with JS for the QUOTE.fm Labs and CSS would make it much easier and faster.

At a Butlers store in Kassel.

Ben Callahan:

This repo is an experiment in responsive retrofitting. It’s a positive response to more negative (but still much needed) critiques of the mobile web like Brad Frost’s WTF Mobile Web.

This is fun. So what this little bookmarklet does is, it injects a meta tag in the head of website and applies a css file if one exists for the current page which makes the site responsive. At the moment there are only a few stylesheets but anybody can contribute to the project.

Some time ago I started making daringfireball.net responsive because I couldn’t and still can’t understand why John hasn’t done it yet. This isn’t necessary anymore, Ben did it.

Yeah, this project won’t make the web responsive and you always have to click the bookmarklet in order to make the site you are looking at behave bette, but it’s a nice way to practice your responsive development skills and after you did it you could tell the site owner about it and mybe he’ll implement the CSS.

Responsive Websites are the future and it’s good to raise attention for that.

In meiner Fotografie geht es um den entscheidenden Moment, den ich festhalte möchte. Für mich war aber ebenso schon immer wichtig, dass meine Fotos auch einfach optisch ansprechend sind. Mir reicht es nicht nur, einfach einen tollen Moment zu haben, ein Foto wird in meinen Augen erst dann richtig großartig, wenn die Komposition stimmt, das Licht passt, der Schnitt gut ist und das Foto dem Betrachter irgendein Gefühl vermittelt.

I wrote an article for the great german photography magazine kwerfeldein about my photos and my thoughts about street photography. Hope you like it.

You know, the word Retina is in everyones mouth at the moment. It began with the iPhone 4, continued with the iPad 3 and has now arrived in the MacBook line with the Retina MacBook Pro. Apple is pushing the boundaries of display technology and it looks great. Sadly a lot of things don’t look so great because the majority apps and websites is not updated, yet. That’s because on the one hand the percentage of visitors with retina displays is still very small and that on the other there isn’t a really good solution to serve the right images to the right devices.
The last few days I read a lot about the Retina MacBook Pro because I wanted to know more about it and I also stumbled upon some other interesting articles along the way. So here I present my second Reading List on the retina topic:

This afternoon we finally submitted the QUOTE.fm iPad App to the App Store. We are relieved and happy and hope that the App Review guys at Apple are in a good mood and we get approved soon.

The flyout menu is one of the best pieces of Path 2.0 and this is a really cool CSS version of it. Great work by Tunghsiao Liu.

Daniel Mall:

I often come across the problem of widows and orphans when using fully fluid grids, so here are 2 techniques I use to avoid them as much as possible.

Daniel Mall presents two techniques for responsive line breaks. I definitely run into problems with line breaks in my responsive design workflow, so I think I might use his first approach some day.
He points out that he uses the second technique but I don’t see the advantage there. The first one looks far simpler to me – with the same result.
What do you think?