Responsive Images in Practice

<img srcset="quilt_3/large.jpg 1240w, quilt_3/medium.jpg 620w, quilt_3/small.jpg 310w" sizes="(min-width: 41.25em) 38.75em, calc(100vw – 2.5em)" src="quilt_3/medium.jpg" alt="A crazy quilt whose irregular fabric scraps are fit into a lattice of diamonds." /> Let’s take an existing web page and make its images responsive. We’ll do so in three passes, applying each piece of the new markup in turn: …

9 basic principles of responsive web design

Let’s clarify some basic principles of responsive web design here to embrace the fluid web, instead of fighting it. To keep it simple we’ll focus on layouts Great and easy to understand gifs explaining a few concepts – I prefer this word over principles – of responsive web design. 9 basic principles of responsive web …

The iOS Design Guidelines

Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be. These design guidelines will help any designer who’s building neat things for iOS get started within seconds. Screen sizes, icons, grids, typography, etc. – it’s all there. The iOS Design Guidelines →

Yaybahar

Yaybahar is an electric-free, totally acoustic instrument designed by Gorkem Sen. The vibrations from the strings are transmitted via the coiled springs to the frame drums. These vibrations are turned into sound by the membranes which echo back and forth on the coiled springs. This results in an unique listening experience with an hypnotic surround …