CategorySVG

October 15, 2014 — With the display of the iPhone 6 Plus being even more detailed than that of the iPhone 4, we will need to provide 3x assets. The numbers 1x, 2x and 3x are also called “scale factors.” Of course, Android developers have always had to deal with many different sets of assets. Still, designers are finding themselves questioning their production workflow. In this article, Karsten Bruns will focus on iOS, but you could easily extend this approach to Android and the web. Hopefully, the methods described here will simplify your workflow. Read more…

May 26, 2014 — Why would you even need to generate SVG on the server? The technology is entirely client-side, so what would motivate anyone to move it from there? When we talk about “generating SVG” nowadays, we mean “generating SVG with JavaScript.” The current state of browser support and libraries makes the creation of complex visuals a trivial task. There are a lot to choose from! So the right question is, how do we continue generating SVG with JavaScript while also putting the results of the generation on the server? Read more…

March 5, 2014 — Responsive SVG icons can be used in a lot of ways. In this article, Ilya Pukhalski digs deeper into Joe Harrison’s responsive icons technique and explores what can be done with SVGs. Read more…

June 3, 2013 — Some people waste bandwidth by sending high-resolution images to all devices. Others send regular-resolution images, looking less crisp on high-resolution displays. But what we really want to do is find the one solution that sends the image with the most appropriate size and resolution based on the browser and device making the request that can also be made accessible. Read more…

October 15, 2012 — Another Q&A with questions regarding CSS Project Structure, When To Use OOCSS, Fallbacks For SVG and more! Let’s keep sharing knowledge with our community. Read more…

August 20, 2012 — Reda Lemeden covers some basic notions that are key to understanding the challenges and constraints of designing for multiple display densities, and invites Web designers and developers to offer a pleasurable viewing user experience regardless of the display they are using. Read more…