Archiv für die Kategorie "Design"

Atomic Design - Brad Frost

Brad has coined the term 'Atomic design' (although there has been a slight and friendly banter with Andy Clarke about who first mentioned this as an idea how elements of a design can be organized) for his idea for a methodology to create the 'lego' bricks for a (web) design system.

I think the real power in his idea is not that it is new (it is not), but that the analogy to atoms, molecules, organisms, and the assembly into templates/pages very much encompasses the endless variety that such a 'simple' system can produce, which is exactly what designing for ...

Inclusive Design Patterns - Heydon Pickering

I find myself falling down deeper and deeper inside the rabbit hole that my profession as a designer for the web is. The more complex, daunting and exciting the task gets to make something work on an unknown number of devices, for users with a wide range of technical, physical and mental capabilities in an even wider set of context and surroundings, the more I find solace in the core ideas of the 'early web': This is for everyone. From my experience in the last 20 years, we focussed on the wrong side of web 'design'; the adaptation of ...

Writing Less Damned Code - Heydon Pickering @Beyond Tellerrand Conference, Berlin 2016

Vimeo direct slaponthebackofthehead

Concatenating, minifying, compressing, caching: all serviceable ways to improve the performance of web interfaces. But none are as effective as not coding something in the first place. Code that don't exist is infinitely performant and extremely easy to maintain and document. This talk will identify some examples of front-end code that are either not needed at all, make the interface worse just by being there, or can be replaced by something much, much simpler. Say hello to unprogressive non-enhancement.

Less is Less!

Let Us Now Praise Ordinary People - Mike Monteiro @Beyond Tellerrand Conference, Berlin 2016

Vimeo direct thinkaboutit

Mike Monteiro. Nails. It. Again.

Jeremy Keith - Choice

We’ve made the mistake in the past of framing problems as “either/or”, when in fact, the correct solution was “both!”:

you can either have a desktop site or a mobile site,
you can either have rich interactivity or accessibility,
you can either have a single page app or progressive enhancement.

We don’t have to choose. It might take more work, but we can have our web cake and eat it.

Sunday morning Processing doodle

I played around some more with my Processing script, this time drawing circles over and over again, changing their position, stroke colour, and stroke width slightly with each iteration.

As a kid, I could spend whole afternoons drawing circles around a circle, and add new circles at each intersection of the circles already drawn, gradually filling up the paper with ever more complex patterns… I think I just rediscovered this old love :-)

Fibonacci, der Goldene Schnitt, Processing und ich

Nach der Kopfdruckbetankung vor knapp zwei Wochen auf der Reasons to Konferenz in Brighton habe ich mir ja vorgenommen, mich wieder mal mit Processing zu beschäftigen. Da ich mich seit der Konferenz nicht vor dem heimischen Rechner befand, habe ich mir eine auf processing.js basierende App auf iPad geladen und die letzten Abende damit rumgespielt. Und siehe da, nach etwas hin und her und merkwürdigen Ergebnissen zwischendurch ist mir das erste Mal eine "schöne" Grafik gelungen. Ich verstehe immer noch nicht, warum das so ein wunderbares Muster ergibt, sobald ...


For a long time it has bugged me that the css for the recent version of my site was desktop-down. I made some adjustments for adaptive/responsive behaviour three or four years ago, but since the code base of my site is organically growing since I started it on WordPress in 2005… uhm, I think you get the picture. So all I did back then was to consider how the site should look on smaller screens, and making modifications inside max-width media queries, keeping all of the desktop-related stuff as the default styles, outside any media queries.
Of course when starting ...

The design, the code, 1941 texts, the illustrations, and some photos are made by me.

Motorisiert durch WordPress