23
Dec
2015

Dynamically Creating Bootstrap Popovers With Javascript

posted Wednesday, December 23rd 2015 at 9:52 AM by

Dynamically Create Bootstrap Popovers with Javascript

Bootstrap includes a popover library that lets developers easily create styled messages that can be displayed to users by triggering some javascript. I extended that functionality a little bit so that users can close the popover messages by clicking on them, and developers can dynamically create popover messages with a simple function call.

Make the jump to check out the enhanced bootstrap popovers!

Continue Reading...

Tags:

Comments:

View (2) Comments Post a Comment
  • Replying to Adam Konieska on Dynamically Creating Bootstrap Popovers With Javascript







  • nathan cain
    Nathan Cain
    Tuesday, November 15th 2016 at 12:05 PM

    This is just what I need. I'm going to give it a try. Thanks.

    • Replying to Nathan Cain







  • nathan cain
    Nathan Cain
    Wednesday, November 16th 2016 at 7:48 AM

    Works great! Thanks again.

    How do I make it so that it doesn't close when I click on the popover.

    • Replying to Nathan Cain







16
Oct
2014

Automate Your Website Build With Grunt

posted Thursday, October 16th 2014 at 8:16 AM by

Grunt Logo

I've been doing a lot of website work lately, lots of which includes repetitive tasks like minifying CSS and Javascript assets after making changes. Which is an inefficient use of time and can lead to mistakes. And I'm only one guy, having a team of developers all trying to manage the same repetitive tasks and get a consistent, high quality product gets to be a headache unless you use some kind of automation.

Here's how to automate those tasks using Grunt...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Automate Your Website Build With Grunt







29
Sep
2014

HTML5 - Figure and Figcaption

posted Monday, September 29th 2014 at 6:33 PM by

Pants the cat gets revenge on a vacuum
Humpty Dumpty was pushed! Pants gets revenge on the robot vacuum.

Recently when I did the write up on how to zero the M16A1 series rifle, I got into a serious display issue with some HTML5 using <figure> and <figcaption> where their widths wouldn't match up. Arg! If you're in a similar ship, here's what I did...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on HTML5 - Figure and Figcaption







10
Jan
2013

jQuery Hover Box

posted Thursday, January 10th 2013 at 8:21 AM by

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...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on jQuery Hover Box







26
Jun
2012

Responsive is Neat, but Where is the Full Version?

posted Tuesday, June 26th 2012 at 10:12 AM by

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.

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Responsive is Neat, but Where is the Full Version?







23
May
2012

Reduce Wait Times, Preload Your Images

posted Wednesday, May 23rd 2012 at 2:56 AM by

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.

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Reduce Wait Times, Preload Your Images







21
Mar
2012

6 Tips to Make Your Web Forms Easier to Use

posted Wednesday, March 21st 2012 at 1:49 PM by

We've all been there, trying to complete a web form that was clunky and difficult to use. Fortunately, there are some simple (yet often overlooked) steps you can take to improve the user experience on your forms. Most of these are quick to implement and will provide incredible benefits to the end user.

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on 6 Tips to Make Your Web Forms Easier to Use