kosmar

Ethan Marcotte | Laziness in the Time of Responsive Design | CSS Day from Web Conferences Amsterdam on Vimeo.

As screens and input types evolve, we’re managing more complexity in our designs than ever before: our layouts are becoming more flexible and responsive; our interfaces, more immersive. Maybe we can look for simpler approaches? In this session, Ethan—a singularly lazy person—will walk through some responsive designs, and show how we might use simple effects and selectors to do a bit more with less.

About Ethan

More about CSS Day

Peter Paul Koch | The Mobile Viewports | CSS Day from Web Conferences Amsterdam on Vimeo.

Anzeige: Und hier das Buch zum Film

Fast zwei Jahre her:

Wilson Miner – When We Build from Build on Vimeo.

Just for documentation.
If you do not understand this, you probably do not need it.

Thanks to Guido

Please note: This is scss code

.responsive-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	&.ratio3x1 {
		padding-bottom: 33.333333333% !important;
	}
	&.ratio2x1 {
		padding-bottom: 50% !important;
	}
	&.ratio16x9 {
		padding-bottom: 56.25% !important;
	}
	&.ratio3x2 {
		padding-bottom: 66.66666666% !important;
	}
	&.ratio4x3 {
		padding-bottom: 75% !important;
	}
	&.ratio1x1 {
		padding-bottom: 100% !important;
	}
	iframe, object, embed {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

Damit ich die Links nicht wieder verlieren kann. (Danke, yellowled für’s nochmal aufspüren):

Hier gleich drei Tools mit denen man harmonische Schriftgrößenverhältnisse per CSS schaffen kann:

• Gridlover von Ville Vanninen und Tuomas Jomppanen, die die wohl coolsten Domainnamen der Welt besitzen.
• Typograph von Iain Lamb
• Golden Ratio Typography Calculator von Pearsonified

Unrelated Bonus Movie:

Mehr, mehr, mehr von sowas im Vimeo-Channel von Nice Type.
[nicht, wie ich erst dachte via dem erstaunlichen Chris Heilmann, sondern dem erstaunlichen Marc Thiele]

Nicht ganz, und ich glaube auch eher noch nicht an Siri (weil ich dieses Voice-Dings schon ewig auf Android habe und auch nicht benutze), aber schau selbst:
(more…)

via tobestobs