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. [...]
|Redesigning the Recycle Logo|
|Teh Geek Life: Indecision|
|Cardboard Swiss Army Knife Business Card|
|Rebranding Pokemon Characters as Corporate Logos|
|Iconic Photographs rendered in Play-Doh|
|“The direction of the cost of storage is less clear and depends on metals prices.”|
|“The era of climate wars has begun.”|
|Facebook, Twitter Users Could Face Insurance Hikes|
|"Waymo is reportedly planning to take the next step towards offering a commercial driverless car service in early December."|
|“Forget reading the book of life—we’re now learning how to write it.”|
|The (Very Scary) People of Public Transit|
|“Once artificial-intelligence software is good enough to drive a car, it will be good enough to do a lot of other things too.”|
|How to Avoid Jury Duty|
|Boardwalk Empire: Time Lapse Video|
|Naked Preacher Lady [NSFW]|
|Fake Name Generator|
|“We need to make algorithms transparent, regulated, and forgiving of the flawed creatures that converse with them.”|