On The Code Player, Puneet Pugalia demonstrates how to create squircles -- the name of Apple's iOS7 icons -- to give them that look that combines the features of both the circle and a square. Fascinating to watch the progress with the animated walkthrough.
If you have noticed iOS 7 app icons, they are not normal squares with rounded corners. They are squircles which have properties of both a circle and a square.
This demo is an attempt to achieve a similar effect using CSS3. Pseudo elements are used to create 2 fish eye shapes which are later clipped to make the sides of the suqare a bit curved.
Why the fascination for these rounded icons? Science answers that questions: reportedly, the human brain tends to call things beautiful when the design is round rather than linear, evoking a hard-wired emotional response from the brain.
[...] Time and again, when people are asked to choose between an object that's linear and one that's curved, they prefer the latter. That goes for watches with circular faces, letters rendered in a curly font, couches with smooth cushions--even dental floss with round packaging.
Recently neuroscientists have shown that this affection for curves isn't just a matter of personal taste; it's hard-wired into the brain. [...]
|Cacophony: Art Installation Depicts the Possible Problems of the Flow of Information|
|Dead Media: Giant Skull Created with Obsolete VHS Tapes|
|I Lack Creativity, 2011; sharpie on drywall: 35 x 48 cm|
|Knit Credit Cards|
|Re-Branding the First 40 Presidents|
|“A company headquartered in Toronto runs a successful affordable mobile phone service in the US.”|
|“Inhibiting this pathway has extended life span in every species studies to date.”|
|Japanese Robot Serves Ice Cream From Inside a Vending Machine|
|“Prof Mallett has wanted to build a time machine for most of his life.”|
|“Civilisation is a movement, and not a condition, a voyage and not a harbour.”|
|Somebody Needs to Build a New Facebook Stat|
|Why, Typewriters Are Alive and Well, Thank you|
|The (Very Scary) People of Public Transit|
|CaptchaTweet: Write Tweets in Captcha Form|
|How to Avoid Jury Duty|
|“Forget everything you were taught about having your phone out at the table — you'll need it to call the robots that serve you.”|
|“Artificial intelligence can detect your sexuality and politics just by looking at your face.”|