Making iOS 7 squircles using CSS3 • Hacker News Board

Re: Making iOS 7 squircles using CSS3

#21

Post by recursive » Fri, Oct 18, 2013, 4:59 PM UTC

lnanek2 wrote: post #15

andybak wrote: post #2

Who coined the phrase 'squircle". Are these not superellipses[1]? [1] http://en.wikipedia.org/wiki/Superellipse

I don't think I know anyone who wouldn't just call them rounded corners. Except maybe blogs trying to coin a new term to make them seem interesting again.

"Rounded corners" suggests garden-variety border-radius usage.

Re: Making iOS 7 squircles using CSS3

#22

Post by nickheer » Fri, Oct 18, 2013, 5:40 PM UTC

cheeaun wrote: post #6

There's also this article that has quite a detailed analysis of the rounded corners of iOS7 icons http://www.mani.de/backstage/?p=483

This is probably the best analysis that I've seen of the iOS 7 icon shape: http://blog.mikeswanson.com/post/62341902567/unleashing-gene...

(I am slightly biased, though.)

Re: Making iOS 7 squircles using CSS3

#23

Post by [deleted] » Fri, Oct 18, 2013, 6:04 PM UTC

taspeotis wrote: post #9

didgeoridoo wrote: post #7

Very nice effect, but there's nothing squircley (?) about iOS 7 icons -- they're just squares with [more gradually] rounded corners. Edit: inserted bracketed qualifier after reading cheeaun's article.

Yeah I'm looking at my app icons and they're squares with rounded corners [1]. Not sure if the author is lumping in iOS 7 for clicks or if he's got some fancy European version of iOS. [1] http://ua-mac.org/wp-content/uploads/2013/09/iOS-7-Styled-Ap... (hope this isn't someone recreating it...)

[deleted]

Re: Making iOS 7 squircles using CSS3

#24

Post by charlesism » Fri, Oct 18, 2013, 6:52 PM UTC

You kids and your Squircles! In my day, all we had were Round Rects

http://www.folklore.org/StoryView.py?story=Round_Rects_Are_E...

Re: Making iOS 7 squircles using CSS3

#25

Post by Kiro » Fri, Oct 18, 2013, 7:04 PM UTC

So in Chrome for Mac the icons glitch with the pinch effect but it works fine on Chrome for Windows. Why is the difference between the two Chromes not more acknowledged?