Today, we talk about how to add the graphic design technique of having text around the edges of your page. Using a quick rotation and setting the origin for the rotation, we can place text as we want it quickly and easily.

On webpages like the Animade portfolio, they're using an effect where, instead of using an animated GIF, they're using a video that plays when your mouse goes over it, and pauses when your mouse moves away. This play and pause effect is pretty simple to add into any site.

Playing and Pausing a Video on Hover

Code

In the final part of our mini-series, we talk about how we edit a post using Rails's edit and update actions and then add a way to delete the posts if needed.

How to Make Rotate Text in CSS

More videos

Planning, Designing + Coding Your First iOs App with Lou

How to Make a Javascript Accordion

How to Add International Times with Timezones to Your Website

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration!