Johannes Baeck

Making sense of digital products & experience design

Menu

Skip to content
  • Blog
  • About
  • Projects

responsive

Stephen Hay | Responsive Design Workflow

Misc

A really nice talk about steering away from static deliverables.

17. December 2012 Johannes Tagged coding, design, process, prototyping, responsive, workflow Leave a comment

Proto: Rapid Prototyping for Responsive Web Design

Prototyping

“Proto helps you knock up quick responsive layout concepts by providing a set of predefined CSS classes. All that’s needed to get going is the proto.scss file and some basic HTML.”

Read more on adamwhitcroft.com

20. October 20125. October 2017 Johannes Tagged css, html, prototyping, responsive Leave a comment

Style Tiles

Misc
via styletil.es

“Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.”

8. July 2012 Johannes Tagged moodboard, responsive, visualdesign, wireframes Leave a comment

A List Apart: Articles: Dive into Responsive Prototyping with Foundation

Misc
Showcasing the responsive Foundation framework. Read it on alistapart.com  
16. April 2012 Johannes Tagged code, frameworks, html, mobile, prototyping, responsive Leave a comment

Responsive Layouts, Responsively Wireframes

Misc
You need to see it in action. via Sebastian Waters
20. February 2012 Johannes Tagged css, html, mediaqueries, responsive, ux, wireframing Leave a comment

Wireframes Magazine » Responsive Layout Wireframe

Misc
via wireframes.linowski.ca
4. October 2011 Johannes Tagged design, responsive, ux, wireframing Leave a comment

Keynote: Designing the Sustainable Web | DrupalCon London 2011

Misc
via london2011.drupal.org http://london2011.drupal.org/scheduleitem/keynote-designing-sustainable-web The web is evolving. Fast. As designers and developers working in this volatile medium – one that is characterised by a relentless pace of change – we need to consider strategies that deliver a sustainable web that exists beyond the here and now. This keynote will focus on how, by marrying fundamental web standards with timeless design principles, we can create beautifully designed user experiences that embrace the full range of emerging technologies at our disposal. HTML5 and CSS3 offer today's designers and developers a platform on which to build sustainable web presences for tomorrow. In short, to create a sustainable web - one that exists across a growing number of devices - that is designed not with short term goals in mind, but that is built from the ground up with longevity as its driving force. We discuss how a standards based approach that is forward looking, whilst embracing classic design principles, can ensure wonderful user experiences that exist outside of the latest trends and live on in our users' imaginations. We both believe great design and enhanced user experiences go hand in hand: 1. Build a solid platform, embracing emerging standards, ensuring maintainability moving forward is pain free; 2. Apply fundamental and timeless design principles to ensure wonderful user experiences, experiences that exist outside of the latest trends and ensure a longer shelf life; and 3. Deliver efficiencies (via 1) and marketability (via 2) to satisfy the business people.
6. September 2011 Johannes Tagged design, markup, responsive, semantics, standards, ux Leave a comment

Responsive Design at Tumblr – Homepage reformats itself depending on browser height.

Misc
via littlebigdetails.com http://littlebigdetails.com/post/5766371769/tumblr-homepage-reformats-itself-...
23. May 2011 Johannes Tagged design, responsive, tumblr, ux Leave a comment
Widgets

Imprint Data Privacy

Proudly powered by WordPress | Theme: Illustratr by WordPress.com.