Make the jump to check out the enhanced bootstrap popovers!
Remember when I told you how cool the X-Wing Miniatures game was? Yeah, its pretty cool. A few friends and I are really into it, but how do you build the best squad? Well, I wrote a bit of code that's more than just a squad builder, it actually simulates the game so you can gauge the effectiveness of different builds! More after the jump...
Recently I needed to use a tool tip style hovering box that would display a lot of information. I found some great libraries online that would display a div tag when the user hovered over a specific element. That was pretty awesome, I thought. Until I tried it out and realized that if the element the user was hovering over was close to the edge of the screen, the hover box would either be cut off or not displayed at all! The user deserves better...
Responsive web design is a really exciting solution to display issues across multiple screen sizes. Which is great! It provides a framework to easily maintain content and layouts between both mobile and desktop versions of a website. But a responsive design is not without a few concerns when some users want to see the full site rather than be forced to use a mobile version.
Maybe you have a photo gallery, a jQuery animation, or just a simple image roll-over navigation. Whatever the case, don't make your users wait for your images to load! Any time you have large images in a photo gallery or images that aren't loaded when the page loads (navigational roll-overs, I'm looking at you), you should use an image preloader to ensure the images are ready to go when the user requests them. Here are a few techniques you can use to make sure your images are ready to go when they're needed.
Hi my name is Adam and I make neat websites and things that are generally awesome. I enjoy playing guitar, painting, whiskey, commas, sarcasm, and exactly four other things. Sometimes I wear red. Read the full story here!