To get a little practice with CSS3 keyframe animations, let’s do something a little strange: create an iframe portal like the portals in Portal. Check out the demo in either Firefox or Chrome (click anywhere to shoot a portal). Here’s a screenshot of the the end result: To start, let’s make an iframe that looks [...]
Here’s the quick and dirty difference: A responsive design fluidly changes to fit any browser size An adaptive design changes to fit a defined set of browser sizes Further Reading For a little more context and explanation (along with the benefits to either approach), here are some resources on the difference: Forget Responsive Web Design [...]
I’m pretty pumped for the upcoming The Legend of Zelda: Skyward Sword, so I decided to try and recreate Navi with only CSS. Here’s the final result (in Firefox 4.0): To get the glowing effect, I layered multiple box shadows on top of each other: box-shadow: 0 0 20px #97B2DF, 0 0 20px #97B2DF, 0 [...]