A Light Monkey's Site
Description: Technical blog of Athens, GA web developer Jon Hartmann, covering Javascript, web trends and standards, and all the stuff that came before.
javascript (13920) .net (11297) c# (3622) jquery (3446) user experience (2221) ajax (1207) user interface design (414) angularjs (376) coldfusion (346) web trends (8)
This is a super simple CSS example (backed up with just enough JS to show it off), but its still fun. I have a requirement for a specific animation - the team wanted the panel to slide open, but the content to already be there, at normal size in the panel, and they wanted that content to be attached to the side that was sliding.
Nothing fancy. The only real trick is the float-right so that the content is attached to the right side. I could also have looked at something where the content had a negative margin and the that animated so it slid in, or translatedY so it moved in, but that wasn't necessary for this solution.
Today I stumbled across something I'd never seen before, and at first thought had to be an error - a switch statement with expressions embedded in the case statement:
A Light Monkey's Site