Fullscreen canvas image

At a recent project, I needed to draw an image in canvas. The app had to be fullscreen, and the image should resize in the canvas proportionally. I searched for a code that does it, but couldn’t find any. Actually it’s not very hard to write piece of code that does it and today I will guide you how.

[button url=”http://codepen.io/bassta/full/OPVzyB/” style=”green” size=”large” type=”square” icon=”view” target=”_blank”]VIEW DEMO [/button] [button url=”http://codepen.io/bassta/pen/OPVzyB” type=”square” icon=”link” target=”_blank”] FORK AT CODEPEN [/button]

Continue reading “Fullscreen canvas image”

Footer concept

Here is an effect I want to show with you, the idea is simple. The footer is not visible until you actually scroll to it. So, scroll!

[button url=”http://bassta.bg/demos/footertest/” style=”green” size=”large” type=”square” icon=”view” target=”_blank”]VIEW DEMO [/button] [button url=”http://codepen.io/bassta/pen/DdiaK/” type=”square” icon=”link” target=”_blank”] FORK AT CODEPEN [/button]

 

See the Pen Footer concept by Chrysto (@bassta) on CodePen.