I wanted to add a little spice to the hover states of my navigation and found a nice technique to animate a gradient, giving the impression that a background color will fill from left to right.
Continue readingAnimated GradientsCategory Archives: HTML/CSS
Smoother iOS Vertical Scrolling
Working on an off-canvas navigation technique wherein the navigation would cover the entire viewport, I set overflow-y: scroll on the containing div. While this provided the ability to scroll down long navigation lists on touch devices, it was not a fluid interaction. This can be made fluid by adding the -webkit-overflow-scrolling: touch style declaration to […]
Continue readingSmoother iOS Vertical ScrollingLigatures in Web Fonts
Being a developer, I had no idea what a ligature was. A ligature is a way of combining glyphs to produce more harmonized forms, typically involving the combination of lowercase “f” with another letter, such as the combined “fi”:
Continue readingLigatures in Web FontsText-align: Justify and RWD
Since reading this article, I find that I’m using this technique all the time. Thank you, Patrick. http://www.barrelny.com/blog/text-align-justify-and-rwd/
Continue readingText-align: Justify and RWD