Text animations - creative coding

I stumbled upon this amazing project that is a reminder of the creativity that I often find most inspiring. Simplicity at the core. Clean text, black and white, and a simple animation are the perfect visual recipe every time. Amazing project by Andreion de Castro on Behance. Most of my old flash projects utilized simple text animations very similar (example, example).

More from the blog here.

Digital screen patterns using numbers

This artist used a monitor to display numbers that deliver visual patterns such as waves. Amazing use of code as art.

http://livetools.uiparade.com/index.html

Clean Border Radius

Article: Source

When you have and element within another padded element, both with different backgrounds and both with border-radius, make sure the inside element’s border-radius is a bit less than the outer element.

Otherwise it makes kind of a too-thick “hump” around the edges.

Both have border radius of 20px;

Inside element’s border radius reduced to 17px

There probably is some fancy math you could do to figure out the perfect values, but I find eyeballing it works pretty well.