Designing A Flexible, Maintainable CSS Pie Chart With SVG

by Lea Verou

17 min read
No meows just yet

July 28, 2015 — Pie charts have traditionally been anything but simple to create with web technologies, despite being incredibly common for information ranging from simple stats to progress indicators and timers.

217 more articles

Drew Minns wrote

Quantity Ordering With CSS

July 15, 2015 — Here is your mission, should you choose to accept it: create a table of items. Each item should span a third of the content area, with the fourth item starting on a new row, much like floats. However, a particular item must always display the price at the end of the first … Read More…

Bryan James wrote

The Making Of "In Pieces": Designing an Interactive Exhibition With CSS Clip Paths

June 2, 2015 — Web-based interactive experiences are widely used in the modern age for a variety of reasons, predominantly for the advertising of premium high-street products and services. After discovering the little-known clip-path property of CSS, I embarked upon a five-month … Read More…

David Tucker wrote

Putting Mobile Back End As A Service Into Practice (Part 2)

April 14, 2015 — Mobile back end as a service (MBaaS) aims at giving app developers the ability to create seamlessly new feature-complete cross-platform native and web applications. In the first part of this series, I walked through a messaging application demo powered by the Kinvey … Read More…

David Tucker wrote

Putting Mobile Back End As A Service Into Practice (Part 1)

March 30, 2015 — In a previous article I introduced mobile back end as a service (MBaaS) which aims at giving app developers the ability to create seamlessly new feature-complete cross-platform native and web applications. The next step is implementing a complete demo application using those … Read More…

Patrick Marsceill wrote

Designing Navigation On Mobile: Prototyping With Keynote

March 11, 2015 — The navigation system is often the most important and complex user interface component of modern websites. In recent years, small screens, responsive website techniques and ever-evolving hardware and software have only added to this complexity. A quick query of “mobile … Read More…

Sacha Greif wrote

Build Your Own Product Hunt With Telescope And Meteor

February 26, 2015 — Over in startup land, one of the big stories of 2014 was, without a doubt, the success of Product Hunt. It’s is a community where people post, vote on and comment on new products they’ve discovered or launched. Whether you’re looking for the next big thing to invest in … Read More…

Will Hacker wrote

Mobile Prototyping With Proto.io

February 19, 2015 — There are many options available for prototyping mobile user experiences, but if you need to prototype native apps for mobile devices you should take a look at Proto.io when evaluating potential choices. This solution has many features for designing and prototyping mobile … Read More…

Rachel Andrew wrote

Controlling The Cache: Using Edge Side Includes In Varnish

February 16, 2015 — I’m a firm believer that the best way to optimize for fast-loading mobile sites is to optimize for everyone. We don’t know when someone is on a non-mobile device but tethered to their phone, or just on awful Wi-Fi. In a previous article for Smashing Magazine I explained how … Read More…

Benjamin De Cock wrote

Designers: Start Coding With uilang

February 11, 2015 — Editor’s Note: Designers could learn how to code, and developers could learn how to design. Sometimes it might not be an option. In this article, the author makes a suggestion to designers without coding skills on how to start crafting code. You might want to take the … Read More…