Six Random Moments Of “Aha!” In Web Design

Aha In Web Design

We thought we’d share a few silly little tricks or ideas that solve a lot of problems in a small amount of time, or just look knock-out cool for very little effort…

#1. Using a “position:relative;” div tag on the outside of a “position:absolute;” See, normally, the ‘absolute’ attribute in CSS makes the element stay stuck to a spot on the web page as if it were nailed there. And that happens no matter how many nested floating divs you stick it in. Until you make the div just outside of that one say “position:relative;”, then your absolute element finally says “Ooooh, so THAT’S what they want me to do!”

#2. Git cures cancer. We’re talking about the distributed version control system software. It isn’t just for kernel developers; it’s great for any code project anywhere by anyone. It isn’t even just for teams; learning and using Git will help just one developer stay organized and focused. That’s because it has the ‘branch’ and ‘checkout’ features, so it acts like a nice code maid and handles the mundane tasks of patching your source code for you.

#3. CSS animations, shadows, and gradients. Used sparingly, they’re a little dash of panache in the otherwise dull sea of whitespace and text. Don’t let the fact that too many design majors overuse it stop you from appreciating when it’s tastefully used.

Continue Reading